Ergebnis 1 bis 3 von 3

Thema: navi elemente rücken zur seite

  1. #1
    Unregistriert
    Gast

    Standard navi elemente rücken zur seite

    hallo,

    ich hab ein problem mit meinem top navi:

    http://alyciamarie.com/tmdo/

    wie ihr sehn könnt ist verschieben sich die oberen elemente wenn man mit der maus drüber fährt um die unter menüs anzuzeigen.
    wie kann ich es so machen das sich die oberen menüs nicht verschieben ?

    html code ist ein einfaches ul li system.

    css code:
    Code:
     ul#Navigation {
        margin: 0; 
    	padding: 0;
        text-align: center;
      }
    
      ul#Navigation li {
        list-style: none;
        float: left;  /* ohne width - nach CSS 2.1 erlaubt */
        position: relative;
        margin-top: 30px; 
    	padding: 0;
      }
    
      ul#Navigation li ul {
    	float: left;
        margin-top: 5px; 
    	padding: 0;
        position: relative;
        display: none;  /* Unternavigation ausblenden */
      }
      ul#Navigation li:hover ul {
        display: block;  /* Unternavigation in modernen Browsern einblenden */
      }
      ul#Navigation li ul li {
        float: left;
        display: block;
      }
    
      ul#Navigation a {
        display: block;
        width: 100px;  /* Breite den in li enthaltenen Elementen zuweisen */
        padding: 3px;
        text-decoration: none; 
    	font-weight: bold;
        border: 1px solid black;
        border-left-color: white;
    	border-top-color: white;
        color: maroon; 
    	background-color: #ccc;
      }
      
       ul#Navigation li  ul a {
    	list-style: none;
    	float: left;
    	display: block;
    	width: 60px;  /* Breite den in li enthaltenen Elementen zuweisen */
    	padding: 3px;
    	text-decoration: none;
    	font-size: small;
    	font-weight: bold;
    	border: 1px solid black;
    	border-left-color: white;
    	border-top-color: white;
    	color: maroon; 
    	background-color: #ccc;
      }
    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
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: navi elemente rücken zur seite

    in welchem browser? des passiert nicht bei ff13 und ie9
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Unregistriert
    Gast

    Standard AW: navi elemente rücken zur seite

    habs mitlerweile hinbekommen und die seite aktualliesiert.

    falls jemand das gleiche problem hat:
    das ul li ul element muss "position:absolute" haben dann gehts

Ähnliche Themen

  1. Aufbau der Elemente
    Von Shanai im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 10.12.2010, 22:23
  2. Elemente durchlaufen (C#)
    Von minder im Forum Forum für alle anderen Programmiersprachen
    Antworten: 1
    Letzter Beitrag: 26.04.2009, 16:07
  3. Website komplett in die Ecke rücken
    Von Maikel im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 31.03.2006, 14:21
  4. iframe an beliebige Stelle rücken?
    Von Ivanman im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 14.07.2005, 14:26
  5. Mehrere Elemente auf einer Seite
    Von N3cr0m4ncer im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 15.08.2004, 16:14

Stichworte

Berechtigungen

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