Ergebnis 1 bis 3 von 3

Thema: Vertikale Tab-Navigation

  1. #1
    Meister(in) Avatar von lukasn
    Registriert seit
    23.02.2008
    Ort
    Schweiz
    Alter
    27
    Beiträge
    491
    Danke
    2
    Bekam 12 mal "Danke" in 11 Postings

    Frage 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-Code:
    <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;
    }
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Vertikale Tab-Navigation

    Du kannst a zum Blockelement umfunktionieren, indem du ihm
    Code:
    display: block;
    und Breiten- und Höhenangaben zuweist.

  3. #3
    Meister(in)
    Themenstarter
    Avatar von lukasn
    Registriert seit
    23.02.2008
    Ort
    Schweiz
    Alter
    27
    Beiträge
    491
    Danke
    2
    Bekam 12 mal "Danke" in 11 Postings

    Standard AW: Vertikale Tab-Navigation

    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
    Geändert von lukasn (19.02.2010 um 13:36 Uhr)

Ähnliche Themen

  1. Vertikale Navigation mit Buttons
    Von demonhunter07 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 24.11.2009, 21:43
  2. Vertikale Scroller im Win IE
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 0
    Letzter Beitrag: 30.11.2006, 23:28
  3. Vertikale Linie?
    Von s16 im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 16.08.2005, 21:48
  4. CSS :: vertikale schriftausrichtung
    Von phore im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 07.06.2005, 14:19
  5. Vertikale Laufschrift??
    Von Mülla im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 12.03.2005, 13:05

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •