Hallo Leute,
ich habe folgendes Problem zu lösen.
Ich bin derzeit dabei eine Seite mit Typo3 zu gestalten. Läuft alles ganz gut.
Nun habe ich derzeit ein T-Menü im Einsatz.
10.marks {
navhier1 = HMENU
navhier1.special = list
navhier1.special.value = 7,8,6,5,4
navhier1.entryLevel = 0
navhier1.1 = TMENU
navhier1.1 {
noBlur = 1
expAll = 0
wrap = <ul id="nav">|</ul>
NO = 1
NO.wrapItemAndSub=<li>|</li>
NO.ATagTitle.field = title
RO = 1
RO.wrapItemAndSub=<li>|</li>
RO.ATagTitle.field = title
ACT = 1
ACT.wrapItemAndSub=<li id="act">|</li>
ACT.ATagTitle.field = title
}
}
Dieses T-Menü style ich ausschließlich über ein CSS-File.
ul #nav { font-family: Arial, Verdana, sans-serif;
font: Arial;
font-size:14px;
color:#ffffff;
list-style: none;
display:block;
height:47px;
width:600px;
white-space: nowrap;
overflow: hidden;}
#nav li {font-family: Arial, Verdana, sans-serif;
font: Arial;
font-size:14px;
letter-spacing:-1px;
float: left;
display: block;
width:120px;
height: 47px;
list-style: none;
margin-left:0px;
overflow: hidden;
}
#nav a{ font-family: Arial, Verdana, sans-serif;
font: Arial;
font-size:14px;
display:block;
width:120px;
height:47px;
text-decoration: none;
background-image: url(images/navback.jpg);
color:#ffffff;
text-align: center;
float:left;padding-top:17px}
#nav a:hover {font-family: Arial, Verdana, sans-serif;
font: Arial;
font-size:14px;
letter-spacing:-1px;
display:block;
width:120px;
height:47px;
text-decoration: none;
background-image: url(images/navbackaktiv.jpg);
color:#ffffff;
}
li#act a {font-family:Arial,Verdana, sans-serif;
font: Arial;
font-size:14px;
letter-spacing:-1px;
display:block;
width:120px;
height:47px;
text-decoration: none;
background-image: url(images/navbackaktiv.jpg);
color:#ffffff;
}
Das klappt auch super gut.
Nun möchte ich aber, dass die einzelnen Menüpunkte mit jpgs oder gifs dargestellt werden. Ich habe in diversen Foren nun schon nach möglichen Lösungsansätzen gesucht.
Wie kann ich das lösen? Ich denke in den Seiteneigenschaften kann ich unter Media ein / zwei Bilder hinterlegen. Aber wie wird dieses Bild dann dynamisch an der richtigen Stelle, d.h. in der Navigation eingesetzt?
Ich habe auch schon unter dem Suchbegriff ImageReplacement gesucht, aber auch hier noch keine Lösung gefunden.
Es soll also eine Navigation erstellt werden, die ausschließlich aus Bildern besteht, die mir ein Grafiker liefert.
Vielen Dank für Euere Hilfe
Gowerl