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... - 08 Okt 2024 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
    Unvorhersehbare Layout-Verschiebungen auf meiner Seite - Ideen?
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    0 20.08.2023 20:14 von Freud
    Geschenkidee zum Geburtstag
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    2 14.04.2022 16:08 von bryleth03
    Webdesigner gesucht
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    2 10.12.2021 15:04 von Rieke
    Welcher Hoster ist der Beste?
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    1 10.12.2021 15:02 von Rieke
    Warum Wordpress?
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    6 05.07.2021 18:27 von Rieke
    Die Idee einen Blog zu führen
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    2 27.02.2021 09:50 von Samira2021
    zu viele css dateien?!
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    4 19.01.2021 19:20 von Laurena
    WIe kann ich Datum ausblenden?
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    1 23.11.2020 12:21 von noahradar96
    Tabelle mit Mannschaftslogos
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    3 23.10.2019 14:54 von andyy
    Eigene Website erstellen - kostenlos!
    in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
    0 17.05.2019 15:01 von Fusselchen



    Besucher : 8104852    Heute : 54     Gestern : 355     Online : 14     8.10.2024    4:36      0 Besucher in den letzten 60 Sekunden        
    Nach oben