Hallo mal wieder. Ich arbeite gerade an einer Website für einen Bekannten, und irgendwie steh ich grad ein bisschen auf dem Schlauch. (Obs an der Zeit liegen mag..?)
Folgendes Problem: Ich habe eine vertikale Tab-Navigation (siehe Anhang). Die einzelnen Tabs werden als background-image eingebunden. Mein Denkfehler ist jetzt: Die einzelnen Tabs sollten ja eigentlich klickbare Links sein Die Stilangaben die ich atm im <li> hab einfach ins <a> übertragen funktioniert da a ja ein inline-Element ist nicht... Naja, schauts euch mal an, hier die relevanten codes (Angenommen Gallery ist die aktuelle Seite, darum steht der text nicht im <a>)
HTML
<div id="navi_tabs">
<ul>
<li id="gallery">Gallery</li>
<li id="projects"><a href="projects.html">Projects</a></li>
<li id="links"><a href="links.html">Links</a></li>
<li id="mail"><a href="mail.html">Mail me</a></li>
</ul>
</div>
Code
/* NAVI-Styles */
#navi_tabs {
width: 24px;
height: 578px;
margin-left: 826px;
background: url(images/navi_bg.png) no-repeat;
padding-top: 47px;
}
#navi_tabs li {
width: 24px;
height: 92px;
text-indent: -999em;
}
#gallery {
background: url(images/gallery.png) no-repeat;
}
#projects {
background: url(images/projects.png) no-repeat;
}
#links {
background: url(images/links.png) no-repeat;
}
#mail {
background: url(images/mail.png) no-repeat;
}
Alles anzeigen