Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 18

Thema: Vertical Menu Multy Layer?

  1. #1
    Unregistriert
    Gast

    Standard Vertical Menu Multy Layer?

    Hi Leute

    Ich versuche mich gerade an einem Verikalen Menu.
    Das klappt auch ganz gut, nur sollen noch Submenu's hinzukommen, doch leider hab ich keine Ahnung wie das geht....
    Hab schon nach diversen Vorlagen gegoogelt, nur daraus werd ich auch nicht schlau.
    Was ich bereits hab:

    CSS
    Code:
    #nav ul{
    	margin:2px;
    	padding:5px;
    	list-style-type:none;
    }
    
    #nav a{
    	text-decoration: none;
    	color:white
    }
    
    #nav ul li{
    	background: white url(./images/nav.gif) repeat-x bottom left;
    	color: white;
    	display: block;
    	width: auto;
    	padding: 3px 0;
    	padding-left: 10px;
    }
    
    #nav ul li:hover{
    	background-image:url(./images/nav2.gif)
    }

    HTML sieht so aus:
    Code:
    					<li><a href="./generalversammlung.html">Generalversam.</a>
    						<ul>
    							<li><a href="./2005.html">2005</a></li>
    							<li><a href="./2006.html">2006</a></li>
    							<li><a href="./2007.html">2007</a></li>
    							<li><a href="./2008.html">2008</a></li>
    							<li><a href="./2009.html">2009</a></li>
    							<li><a href="./2010.html">2010</a></li>
    							<li><a href="./2011.html">2011</a></li>
    							<li><a href="./2012.html">2012</a></li>
    						</ul>
    					</li>
    hoffe mir kann jemand helfen

    Danke
    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 !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: Vertical Menu Multy Layer?

    Guckst du: http://www.cssplay.co.uk/menus/

    Dort findest du einiges, was du übernehmen und anpassen kannst.

  3. #3
    Unregistriert
    Gast

    Standard AW: Vertical Menu Multy Layer?

    Vielen Dank für die Seite, hab ich gleich zu den Favoriten.
    Nun hab ich nur noch ein Problem, habe zwar das gewünschte Menü gefunden, nur weiss ich jetzt nicht, wie ich das anpassen muss,
    damit es auch für mich stimmt, denn es hat unzählige defnierte Klassen und ich weiss nicht immer, welche wofür steht...
    Falls mir jemand helfen kann/möchte hier der Link

    http://www.cssplay.co.uk/menus/vertical-list.html#url

    Danke, ich probiers weiter, hoffe trotzdem jemand kann helfen.

  4. #4
    Bandit
    Gast

    Standard AW: Vertical Menu Multy Layer?

    Sieh dir den HTML-Code dieser Seite genauer an. Den CSS-Teil übernimmst du erst einmal so wie er ist, dann suchst den den Bereich des Menüs. Diesen übernimmst du ebenfalls erst einmal 1:1 und bastelst dir eine HTML-Datei mit dem Menu zusammen, damit es überhaupt erst mal funktioniert. Dann änderst du Step bei Step die Werte im CSS, so findest du dann raus, was wofür steht. Eine weitere hilfreiche Methode ist das AddOn Firebug für den Firefox. Damit kann man sich die zuständigen CSS-Eigenschaften anzeigen lassen.

    Das ist am Anfang etwas Fummelkram, aber wenn man es einmal raus hat ...
    Geändert von Bandit (16.02.2012 um 19:37 Uhr)

  5. #5
    Unregistriert
    Gast

    Standard AW: Vertical Menu Multy Layer?

    Ja, das habe ich schon so gemacht, hab das aber noch nicht in einer neuen Datei gemacht und auch ohne FireBug..
    Vielen Dank melde mich bald wieder

  6. #6
    Bandit
    Gast

    Standard AW: Vertical Menu Multy Layer?

    Achte auch auf den Doc-Type, der dort genutzt wird:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    Das sollte bei dir genauso aussehen

  7. #7
    Unregistriert
    Gast

    Standard AW: Vertical Menu Multy Layer?

    Danke, hatte mich grad gefragt, warum die Submenu's nicht gehen.

  8. #8
    Unregistriert
    Gast

    Standard AW: Vertical Menu Multy Layer?

    OK habe das jetzt ausprobiert und NICHT hinbekommen...
    Wenn ich die Navigation verändere und anschliessend über die Submenu's fahre sind sie völlig falsch platziert...
    Kann mir jemand helfen?

  9. #9
    Bandit
    Gast

    Standard AW: Vertical Menu Multy Layer?

    Zeige uns deinen Versuch.

  10. #10
    Unregistriert
    Gast

    Standard AW: Vertical Menu Multy Layer?

    Der Code ist folgendermassen.
    Code:
    <ul id="verticalNav">
    <li>
    <!--[if lte IE 6]><a href="#url"><table><tr><td><![endif]-->
    	<ul class="toplevel">
    
    		<li><a href="#url">Generalversammlung<!--[if gte IE 7]><!--></a><!--<![endif]-->
    		<!--[if lte IE 6]><table><tr><td><![endif]-->
    			<ul class="sub pos2">
    				<li><a href="#url">2005</a></li>
    				
    				<li><a href="#url">2006</a></li>
    
    				<li><a href="#url">2007</a></li>
    			</ul>
    		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
    		</li>
    </ul>
    </li>
    </ul>

Ähnliche Themen

  1. vertical-align?
    Von skokes im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 11.07.2008, 17:41
  2. vertical-align
    Von giacomo84 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 24.09.2007, 13:29
  3. overflow: -moz-scrollbars-vertical;
    Von mr.scruff im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 26.05.2006, 20:51
  4. Divs vertical ausrichrichten
    Von janSchumacher im Forum HTML & CSS Forum
    Antworten: 21
    Letzter Beitrag: 18.05.2006, 13:04
  5. Jscript zur Darstellung von linearem Menu in ein Baum Menu
    Von stud3 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 28.11.2004, 09:55

Stichworte

Berechtigungen

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