[GastForen Programme Web/Internet Adobe Dreamweaver Navigation mit CSS

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Web/Internet - Webdesign, eForms
Themen
Beiträge
Moderatoren
Letzter Beitrag

Navigation mit CSS

jade
Beiträge gesamt: 11

26. Jun 2014, 11:36
Beitrag # 1 von 1
Bewertung:
(1567 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Forum

Ich habe in CS4 eine horizontale Navigation mit CSS erstellt. Es gibt den Balken mit dem Hauptmenu, danach das Unternemu 1 und im Untermenu 1 ein Untermenu 2. Das Problem ist nun, dass das Untermenu 2 sich nicht nach rechts verschiebt, sondern unter dem Untermenu 1 bleibt, so dass die weiteren Links verdeckt werden. Wie kann ich das anpassen?

So sieht mein CSS für die Navigation aus:

#navigation {
width: 780px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#navigation ul {
padding: 0px;
margin: 0px;
}
#navigation ul:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
}
#navigation ul,nav ul li{
background-color: #FC3;
color: #5A5046;
}

#navigation a:hover{
background-color: #5A5046;
color: #FC3;
}
#navigation ul li {
list-style: none;
float:left;
}
#navigation ul li a {
text-decoration: none;
display: block;
color: #5A5046;
padding-top: 10px;
padding-right: 25px;
padding-bottom: 10px;
padding-left: 25px;
}
#navigation ul li:hover > ul {
visibility: visible;
}
#navigation ul li ul{
display: inline;
visibility: hidden;
position: absolute;
padding: 0px;
}
#navigation ul li ul li{
float: none;
}

#navigation ul li ul li a:hover{
color: #FC3;
background-color: #5A5046;

Danke für Eure Hilfe.
Jade
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
25.01.2021 - 26.01.2021

Digicomp Academy AG, Bern oder Zürich
Montag, 25. Jan. 2021, 08.30 Uhr - Dienstag, 26. Jan. 2021, 17.00 Uhr

Kurs

In diesem Basic-Kurs lernen Sie das Wichtigste über den Aufbau und die Funktionsweise von Photoshop. Zusammen mit den notwendigen Grundlagen von Farbenlehre bis Bildauflösung lernen Sie zudem die kreativen Möglichkeiten von Photoshop kennen.

Dauer: 2 Tage
Preis: CHF 1'400.–

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/PHOTM1

Veranstaltungen
25.01.2021 - 26.01.2021

Digicomp Academy AG, Zürich oder virtuell
Montag, 25. Jan. 2021, 08.30 Uhr - Dienstag, 26. Jan. 2021, 17.00 Uhr

Kurs

Im Kurs lernen Sie die Schritte vom Import des Rohmaterials bis zum fertig exportierten Clip kennen. Dazu zählen die Materialverwaltung, das Trimmen für Roh- und Feinschnitt, Blenden, Titel und Effekte und eine Übersicht über die wichtigsten Formate.

Preis: CHF 1'700.-
Dauer: 2 Tage

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/AP6

Neuste Foreneinträge


Text- oder Grafikrahmen nach Position und Größe suchen und ändern

InDesign 2021 – Suchen/Ersetzen: Farbe

Langsamer MacMini

Netzwerklaufwerke verbinden -> Bei nicht verfügbar Fehlermeldung unterdrücken

Balken hinter einen Bildteil

Geteiltes Album

Verschiedene Netzwerke Handeln

Nicht "Silben über Spalten hinweg trennen" (CC 2018/ CC 2021)

Exel ohne leeres Tabellenblatt starten

Wordpress - Video per CSS mit Datenschutzerklrung DSGVO erstellen. Wie geht es?
medienjobs