Ergebnis 1 bis 7 von 7

Thema: CSS Men - 2. Submen berlappt sich

  1. #1
    SNF-Inventarnr. #9356663 Avatar von Razorblade
    Registriert seit
    14.06.03
    Ort
    Wien
    Beitrge
    2.305

    CSS Men - 2. Submen berlappt sich

    Hi!

    Ich schaffe es nicht dass das 2. Submen meines horizontalen Mens nicht berlappt.
    Weiters sollte zwischen dem 1. und 2. Submen horizontal der gleiche Abstand sein wie vertikal, aber auch das haut nicht hin -.-

    Kann mir vielleicht wer sagen was ich da falsch mache?

    Code:
    <html>
    <head>
    <title>Testmenu</title>
    
    <style type="text/css">
    	body {
    		font-size: 14px;
    		font-family: Calibri, Tahoma, Arial, sans-serif;
    		color: #ffffff;
    		background-color: #000e1a;
    		margin: 0;
    		padding: 0;
    	}
    	
    	#menu {
    		text-align: center;
    		height: 50px;
    		margin: 10px;
    		width: 1000px;
    		min-width: 1000px;
    	}
    	
    	#menu div {
    		clear: left;
    	}
    	
    	#menu ul {
    		margin: 0;
    		padding: 0;
    		text-align: center;
    	}
    	
    	#menu ul li {
    		list-style: none;
    		float: left;
    		position: relative;
    		margin: 0.4em;
    		padding: 0;
    		
    		border-radius: 10px;
    		border: rgba(150, 150, 150, .5) solid 1px;
    		border-radius: 7px;
    		margin: 5px;
    		background-color: #000a12;
    		background-color: rgba(0, 10, 18, .5);
    	}
    	
    	#menu ul li ul {
    		margin: 0;
    		padding: 0;
    		position: absolute;
    		top: 1.6em;
    		left: -0.4em;
    		display: none;
    	}
    	
    	#menu ul li:hover ul {
    		display: block;
    	}
    	
    	#menu ul li ul li {
    		float: none;
    		display: block;
    		margin-bottom: 0.2em;
    	}
    	
    	#menu ul a,
    	#menu span {
    		display: block;
    		width: 6.4em;
    		padding: 0.2em 1em;
    		text-decoration: none;
    		color: #ffffff;
    	}
    	
    	#menu ul a:hover,
    	#menu ul span,
    	li a.active,
    	#menu ul li ul span {
    		border-radius: 7px;
    		text-shadow: #9acbff 0px 0px 7px, #9acbff 0px 0px 7px, #9acbff 0px 0px 7px;
    	}
    	
    	#menu ul li ul li ul {
    		margin: 0;
    		padding: 0;
    		position: absolute;
    		top: -1px;
    		left: 8.4em;
    		display: none;
    		margin-right: 0.2em;
    	}
    	
    	#menu ul li ul li ul li {
    		margin: 0;
    		padding: 0;
    		position: absolute;
    		display: none;
    		
    	}
    	
    	#menu ul li ul li:hover ul li {
    		display: block;
    		float: left;
    		
    	}
    	
    
    	
    	
    </style>
    
    </head>
    
    <body>
    
    <div id="menu">
    	<ul>
    	   <li><a href='#'>Home</a></li>
    	   <li class="active has-sub"><a href='#'>Products</a>
    		  <ul>
    			 <li class="has-sub"><a href='#'>Product 1</a>
    				<ul>
    				   <li><a href='#'>Sub Product 1</a></li>
    				   <li><a href='#'>Sub Product 2</a></li>
    				</ul>
    			 </li>
    			 <li><a href='#'>Product 2</a>
    				<ul>
    				   <li><a href='#'>Sub Product 3</a></li>
    				   <li><a href='#'>Sub Product 4</a></li>
    				</ul>
    			 </li>
    			 <li><a href='#'>Product 3</a></li>
    		  </ul>
    	   </li>
    	   <li><a href='#'>About</a></li>
    	   <li><a href='#'>Contact</a></li>
    	</ul>
    </div>
    
    </body>
    </html>

    Danke im Voraus
    RB

  2.   Anzeige

     
  3. #2
    chronische Wohlfhlitis Avatar von Wiggel
    Registriert seit
    10.03.03
    Ort
    Deutschland
    Beitrge
    888

    AW: CSS Men - 2. Submen berlappt sich

    Hi, da noch keine antwort eingegangen ist, konntest du das Problem mittlerweile schon lsen.

  4. #3
    SNF-Inventarnr. #9356663 Avatar von Razorblade
    Registriert seit
    14.06.03
    Ort
    Wien
    Beitrge
    2.305

    AW: CSS Men - 2. Submen berlappt sich

    Was das Men angeht, nein. Die Chefetage hat sich fr ein anderes Design entschieden dass durch einen Generator leicht designen lies...

  5. #4
    ditto

    AW: CSS Men - 2. Submen berlappt sich

    Warum nicht gleich so?
    Solche Programme oder Online-Generatoren gab es auch schon vor einem Jahr. Stattdessen gibt es immer einen Doofen, den man zuerst "kostenlos" bemht

    In einem Jahr drfte sich einiges an Javascript und CSS gendert haben, als dass man immer nachbessern sollte - und das geht nun mal einfacher mit Programm/online. Beim Programm hat man den Vorteil, das Projekt abzuspeichern und somit einen Funktionsbestand/-archiv ber die Zeit zu erstellen. Gleichzeitig knnen auch diverse Browser bercksichtigt werden, allein der massive Unterschied der Interpretation von CSS im IE und Firefox sind erheblich.

    Vor einem Jahr habe ich eine Frage nicht gesehen, sorry. Sonst htte ich dir gleich ganz abgeraten von deinem Vorhaben.

    MfG

  6. #5
    SNF-Inventarnr. #9356663 Avatar von Razorblade
    Registriert seit
    14.06.03
    Ort
    Wien
    Beitrge
    2.305

    AW: CSS Men - 2. Submen berlappt sich

    Das Problem bei den Generatoren ist halt dass die Homepages in der Regel alle gleich aussehen...

  7. #6
    Senior Member Avatar von Ancient
    Registriert seit
    26.02.01
    Ort
    Hessenland
    Beitrge
    808

    AW: CSS Men - 2. Submen berlappt sich

    Nicht jeder der redet hat auch was zu sagen.

  8. #7
    chronische Wohlfhlitis Avatar von Wiggel
    Registriert seit
    10.03.03
    Ort
    Deutschland
    Beitrge
    888

    AW: CSS Men - 2. Submen berlappt sich

    Bezglich des Abstands CSS
    wiki.selfhtml.org/wiki/CSS/Tutorials

    Ebenfalls viele verschiedene CSS Men Varianten findet man hier: http://www.cssplay.co.uk/

hnliche Themen

  1. Antworten: 14
    Letzter Beitrag: 04.11.14, 20:21
  2. Fernseher Thomson VPH 7090 - Men lsst sich nicht auf dem TV Bildschirm anzeigen
    Von newbieman im Forum Unterhaltungselektronik
    Antworten: 2
    Letzter Beitrag: 13.09.09, 10:55
  3. CSS / Tabelle setzt CSS nicht um
    Von Bullabeisser im Forum Programmierung & Webdesign
    Antworten: 3
    Letzter Beitrag: 22.07.07, 10:57
  4. CSS: 1. Schriftgre "pt" oder "px" ? | 2. gute CSS Referenz ?
    Von Philipp im Forum Programmierung & Webdesign
    Antworten: 3
    Letzter Beitrag: 28.08.04, 15:09
  5. KDE 3: Men-Editor funktioniert nicht / Kontext-Men doppelt
    Von Supernature im Forum Alles rund um Linux
    Antworten: 5
    Letzter Beitrag: 27.04.02, 14:35

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhnge hochladen: Nein
  • Beitrge bearbeiten: Nein
  •