Bin an einem Projekt dran, wo ich ein Bild nach jedem Menüeintrag ausgeben muss.
also so: http://www.gfi-appenzell.ch/fileadmin/dotfoo.gif
das problem ist jetzt, der punkt bzw. das quadrat ist entweder unter dem menüpunkt oder vor dem.
im moment sieht eben so aus: http://www.gfi-appenzell.ch/index.php?id=3
mein typoscript sieht so aus:
marks.MENU = HMENU
marks.MENU.1 = TMENU
marks.MENU.1 {
expAll = 0
noBlur = 1
wrap = <ul id="list"> | </ul>
NO.wrapItemAndSub = <li> | </li>
NO.afterImg = fileadmin/kultur/images/dot.gif
}
das css vom menu sieht so aus:
#list ul{
list-style:none;
margin:0;
padding:0;}
#list li{
float:left;
width:auto;
list-style:none;
margin:0 15px 0 0;
padding:0 8px 0 0;
}
#list a{
color:#999999;
font:normal 12px arial,sans-serif;
padding-right:20px;
width:100%;
height:100%;
display:block;
font-weight:bold;
text-decoration:none;
text-align:left;
}
Wäre froh um einen Tip, ich komm einfach nicht dahinter. Will das alles so Barrierefrei wie möglich realisieren...
Danke im Voraus. gross.