5 svar · 387 visningar · startad av maqe
Har kikat på http://css.maxdesign.com.au/listamatic/horizontal32.htm och skulle vilja göra en sådan meny fast använda bilder som separerar varje <li>. Någon som gjort detta och har lust att ge mig några tips?
Ett förslag... men här bara själva li taggen och då börjar texten 25px in och bilden före.
#meny ul li {
width: 150px;
padding: 5px 0 5px 25px;
display: block;
background: url(dinbild.gif) 14px 7px no-repeat;
}
Har du prövat med att ersätta
#navlist li:before { content: "| "; }
med
#navlist li:before { content: "<img src='bild.gif'> "; }
?
Jag har ingen aning om det fungerar, men ett försök är det kanske värt ;)
SimOnline, det borde nog se ut ungefär såhär i så fall:
#navlist li:before { content: url(bild.gif); }
:)
Jag får testa detta imorgon, återkommer med hur resultatet blev
Detta verkar inte vara någon stabil lösning för IE inte ... Någon som gjort något liknande, hur löste ni det då?