CSS Navigation mit dropdown Submenü ul>li

Yeyo187 · 16. Mai 2014

Hallo Community,

bin neu in Webentwicklung und habe echt noch recht wenig Ahnung.
Würde mir gerne selber irgendwann selber meine Seite entwickeln.

Habe mir einen Domain gekauft und habe auch schon eine NaviBar horziontal gemacht.
Hier könnt Ihr euch selber angucken.

Parkett-Expert

Versteh das nicht mit den Position Relative und Absoult nicht.
habe es geschrieben und das SubMenu verschwindet in eine Reihe und die Schrift ist auch nicht unter der MainNav. Alles so verrückt.
Könnt Ihr mal darüber gucken, und mir erklären was da falsch gelaufen ist und mir kurz erklären? Wäre euch sehr dankbar!

HTMl

und der CSS

@charset "utf-8";

* {
margin:0;
padding:0;
}

body {
padding:100px;
background-color:#C5C5C5;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

nav {
line-height:50px;
width:679px;
height:50px;
}

nav ul {
position:relative;
list-style:none;
}

nav li {
display:block;
text-align:center;
float:left;
width:95px;
height:50px;
}

nav li a {
background-image: -webkit-linear-gradient(#7F8700 0%, #F8FF00 100%);
display:block;
width:95px;
height:50px;
text-decoration:none;
color:black;
}

nav li a:hover {
display:block;
background-image: -webkit-linear-gradient(#F8FF00 0%, #7F8700 100%);
color:red;
background-color:#948F00;
text-decoration:underline;
}

nav li ul {
display:none;
margin:0;
padding:0;
position:absolute;
width:175px;
height:50px;
}

nav li ul li a {
display:block;
width:175px;
height:50px;
text-decoration:none;
color:black;
}

nav li:hover ul {
display:block;
}

nav li ul li {
padding-top:2px;
width:175px;
height:50px;
}

Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Wäre voll lieb, wenn Ihr mir helfen könntet. Wäre euch echt sehr dankbar, weil ich komme einfach nicht mehr weiter.

MFG
Yeyo187

Anzeige

onip · 20. Mai 2014

AW: CSS Navigation mit dropdown Submenü ul>li

hi,

guck mal SELFHTML: Stylesheets / CSS-basierte Layouts / Navigationsleisten

Yeyo187 · 26. Mai 2014

Hilfe bei Homepage in HTML5 und CSS3

Ausversehen 2x das gleiche geschrieben!!!

raid-rush · 26. Mai 2014

AW: CSS Navigation mit dropdown Submenü ul>li

ganz einfach der seite eine minimale breite zuweisen:

css:

header {min-width:1300px;}
#bg_tel {postion:relative;margin-left:5%;.....}

Nützliche Suchen

CSS Navigation mit dropdown Submenü ul>li

Videos zum Themenbereich