Jeg er endelig kommet igang med mit eget template jeg skal bruge til min egen hjemmeside på et tidspunkt og er endelig gået i krig med den, jeg har dog det problem at jeg har svært ved at få min kodning til at fungere med min navigations bar via <li> med billeder indeni
har prøvet lidt frem og tilbage men synes ikke rigtig at jeg kan få mine links som jeg ønsker det. Jeg ønsker en vandret menu med mine billeder som links.
Lige pt. ser det sådan her ud: http://gratisupload.dk/vis_billede/690986/
Min html og css
HTML
Kode: Vælg alt
<div id="menunav">
<ul id="ulnav">
<li id="linav"><a href="#" class="nav"><img src="img/home.png" /></a></li>
<li id="linav"><a href="#" class="nav"><img src="img/portfolio.png" /></a></li>
<li id="linav"><a href="#" class="nav"><img src="img/about_me.png" /></a></li>
<li id="linav"><a href="#" class="nav"><img src="img/contact.png" /></a></li>
</ul>
Kode: Vælg alt
#ulnav{
list-style-type:none;
}
#linav{
float:left;
display:block;
}
Ønsker at der skal være x antal pixels fra venstre side til det første link og et bestemt mellemrum hvert link. Har heller ingen idé om hvorfor der er lidt hvidt om mine menu links. Det er PNG filer med transperant baggrund.
Skulle jeg måske hellere skære menu baren ud i stykker istedet for en menubaggrund og derefter links som PNG?
Håber at nogen kan hjælpe og give et svar på mit problem
På forhånd tak