Vertikale Tab-Navigation

  • 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>
  • Gab das nicht kompatibilitätsprobleme im IE?

    EDIT: Naja, irgendwie hatte ich wirklich einen Knoten, hab die genannte Methode nämlich schon versucht bevor ich hier gepostet hab. Wahrscheinlich hatte ich da einen syntaxfehler drin, jetzt funktionierts auf jeden fall ;)

    -Lukas

    Einmal editiert, zuletzt von lukasn (19. Februar 2010 um 12:36)