Thema: Menü mit Untermenüpunkten untereinander darstellen

Wie immer! Ohne einen Link zur Seite kann Dir hier kein Mensch helfen oder woher sollen wir wissen wo was in welcher CSS fehlt oder falsch ist.

Hey Danke erst einmal für deine schnelle antwort....

Aber die Seite ist noch nich online.....

Aber ich versuch es mal so..........

Im Anhang ein Bild (grafik 1) von dem Menü so wie es zur Zeit aussieht.
Also es sollte dann der Menüpunkt Flyer under Leistungen stehen.


Hoffe ihr könnt mir so besser helfen!

Hier der Code

Code:

/*--------------------CSS-RESET---------------------
-----------------Standardwerte überschreiben-------*/
* {
padding: 0;
margin: 0;
font-size:100%;
font-weight: normal;
}

ul,
ol {
list-style: none;
}

b,
strong {
font-weight: bold;
}

img,
a img {
border: none;
}

/*--------------Schriften Formatierungen-----------------
--------------------------------------------------------*/

body {
font-family: 'Trebuchet MS', Arial, serif;
font-size: 14px;
color: #666666;
background-color: #FFFFFF;
line-height: 1.6em;
text-align: left;
}


h1 {
font-size: 16px;
}

h3 {
font-size: 14px;
font-weight: bold;
}



/*--------------pseudeo klassen--------------------------
--------------------------------------------------------*/


a:link,
a:visited {
color: #FF9900;
text-decoration: none;
}

a:hover,
a:focus,
a:active {
text-decoration: none;
color: #666666;

}



/*--------------Layout ---------------------------------
--------------------------------------------------------*/


#container {
width: 929px;
background-color: #FFFFFF; 
margin: auto;

}

#header {
height:170px;
background: #FFFFFF url(bgImg/bg_header.jpg) no-repeat bottom right;
padding: 2px;

}


#content {
background: #FFFFFF url(bgImg/bg.jpg) no-repeat top left;
border: 1px solid #DDD9D7;
height: 488px;

}

#start {
background: url(bgImg/bg_start_frau.jpg) no-repeat top left;
height: 488px;
width: 869px; 
padding: 60px 30px 30px 30px ;
}

#kosmet_start {
background: url(bgImg/bg_kosmet_frau.jpg) no-repeat top left;
height: 488px;
width: 869px; 
padding: 60px 30px 30px 30px ;
}

#podolo {
background: url(bgImg/bg_podo_beine.jpg) no-repeat top left;
height: 488px;
width: 869px; 
padding: 60px 30px 30px 30px ;
}

#podolo_start {
background: url(bgImg/bg_podo_start.jpg) no-repeat top left;
height: 488px;
width: 869px; 
padding: 60px 30px 30px 30px ;
}





#beitrag {
height: 488px;
width: 869px; 
padding: 20px 30px 30px 30px ;
}

#kontakt {
background: url(bgImg/bg_kontakt.jpg) no-repeat top left;
height: 488px;
width: 869px; 
padding: 60px 30px 30px 30px;
}

#impressum{
padding: 0px;
float: right;
}

/*--------------navigation ---------------------------------
--------------------------------------------------------*/

#navigation {
padding: 40px 0px 0px 0px;
color: #FF9900;
font-weight: bold;
}

#navigation ul li {
display: block;
border-left: 1px solid #DDD9D7;
padding: 10px;
float: left;
width: auto;

}

Hallo,

m.E. ein Problem der Vererbung.

Versuche es einmal damit (unter Vorbehalt!):

Code:

#navigation ul li ul li {
float: none;
}

Christian