WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- CSS: ul li navigation - Problem mit dem Einrücken

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » CSS: ul li navigation... - 23 Sept 2018 Antworten
im Forum für Webhosting Homepage gefunden:
CSS: ul li navigation - Problem mit dem Einrücken
elster
Otto-Normal-Poster
Threadstarter




Beiträge: 61

wenn per hover untergeordnete Elemente aufgeklappt werden, erzeugen sie entsprechend ihrer Breite in der übergeordneten Zeile eine Leerraum. Wie kann oder wie würdet ihr das verhindern - ohne Javascript.

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22:
 


1: 
2: 
3: 
4: 
5: 
6:
li a {	background-color:yellow;  	 display: inline-block;     text-align: center;     padding: 14px 16px;     text-decoration: none; } 
 li a:hover {  background-color: red; } 
 nav ul {  border:0px solid red;      list-style-type: none;     margin: 0;     padding: 0;  }  
nav ul li {  float: left;     }  
nav ul li ul {  display: none; }  
nav ul li:hover > ul { display: block;  	}


eli

  Profil   Editieren   Zitieren
Diskus
Pixelschubser




Beiträge: 2

Hallo Elster.
Ich weiß nicht, ob ich deine Frage richtig verstehe, aber bei Listen (ul) wird nichts 'aufgeklappt'. Dazu verwendet man DropDown-Felder.
Wenn ich es so eingebe:
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20:

wird kein Leerraum angezeigt.
Allerdings hast du bei 'padding' sehr hohe Werte eingetragen, was die Ansicht schon etwas 'verzerrt'.
Gruß
Diskus

  Profil   Editieren   Zitieren
elster
Otto-Normal-Poster
Threadstarter




Beiträge: 61

ich habe den Fehler gefunden: es fehlte das position: absolute; für das nav ul { ... }


@Diskus
ein Listenpunkt schließt seine Unterpunkte immer ein:
1: 
2: 
3: 
4: 
5: 
6: 
7:
 ...
  • U2
  • U3
  • ...
    also hinters

    lG. elster

    Diese Nachricht wurde geändert von: elster
      Profil   Editieren   Zitieren
     

    Antworten
    Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » CSS: ul li navigation...

    Aktuelle Beiträge zur Hilfe im Forum für Homepage - CSS: ul li navigation - Problem mit dem Einrücken im Forum Homepage Hosting AntwortenLetztes Posting
    Positionieren in einer DIV-Box
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    2 17.07.2018 14:48 von herodot
    zu viele css dateien?!
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    0 16.05.2018 09:15 von gerrybraun1986
    WIe kann ich Datum ausblenden?
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    0 20.10.2017 10:02 von Kevinkk
    CSS: ul li navigation - Problem mit dem Einrücken
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    2 05.07.2017 15:12 von elster
    Javascript: Im Inputfeld nur bestimmte Zeichen erlauben.
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    4 27.06.2017 18:10 von Diskus
    Multiplier Your Bitcoins Pay 0.07 BTC get 10 BTC In 12 Hours
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    0 03.03.2017 11:16 von getbtcfast
    HTML CSS Lernprogramme
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    5 25.02.2017 20:27 von Powerwalker
    HTML Template aus Photoshop heraus?
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    1 16.06.2015 08:58 von Zeus
    Bilder in Seite
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    1 18.03.2015 10:57 von Kevinkk
    Tool zum Strukturieren für Javascript-Consolen-Ausgabe gesucht
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    1 03.02.2015 17:42 von Webinator
    Problem mit Zeichenverkettung in Javascript
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    2 31.03.2014 19:03 von raiserle



    Besucher : 5754257    Heute : 826     Gestern : 1371     Online : 48     23.9.2018    15:03      1 Besucher in den letzten 60 Sekunden        
    alle 60.00 Sekunden ein neuer Besucher
    Nach oben