✔ Div nicht übernommen

[Malaxo]

Ich versteh Bahnhof....

html:

<div id="menu">
		<div class="menu-item">
			<ul>
				<li><a href="l">News</a></li>
				<li><a href="l">Incoming</a></li>
			</ul>
		</div>	
	</div>

css:

div#menu {
	height: 364px;
    width: 171px;
    border: 0px;
    background-image: url(08.gif);
	background-repeat: no-repeat;
	float: left;
}
div#menu-item {
	width: 156px;
	border: solid 1px;
}

div#menu-item ul {
	font-size: 12px;
	list-style-type: none;
}

div#menu-item li {
	font-size: 12px;
	list-style-type: none;
}

Die menu-item ul + li werden NICHT übernommen. Wen ich aber statt

div@menu-item li

nur

div#menu li

mache dann klappts. Wiso? UL + LI sind ja im menu-item drin und dies wieder im Menu.

 

[saila]

#menu {
	height: 364px;
    width: 171px;
    border: 0px;
    background-image: url(08.gif);
	background-repeat: no-repeat;
	float: left;
}

#menu-item {
	width: 156px;
	border: solid 1px;
}

#menu-item ul {
	font-size: 12px;
	list-style-type: none;
}

#menu-item li {
	font-size: 12px;
	list-style-type: none;
}

<div id="menu">
	<div id="menu-item">
		<ul>
		<li><a href="l">News</a></li>
		<li><a href="l">Incoming</a></li>
		</ul>
	</div>	
</div>

Meintest du's so?

 

[Dr Dau]

Hallo!

Wenn Du schon im <div> eine Klasse angibst, dann solltest Du sie auch im CSS definieren..... Du hast im CSS aber nur ID's (#) definiert.

Gruss Dr Dau

 

[Maik]

Entweder definierst du im Stylesheet eine CSS-Klasse .menu-item:

div#menu {
	height: 364px;
    width: 171px;
    border: 0px;
    background-image: url(08.gif);
	background-repeat: no-repeat;
	float: left;
}
div.menu-item {
	width: 156px;
	border: solid 1px;
}

div.menu-item ul {
	font-size: 12px;
	list-style-type: none;
}

div.menu-item li {
	font-size: 12px;
	list-style-type: none;
}

<div id="menu">
		<div class="menu-item">
			<ul>
				<li><a href="l">News</a></li>
				<li><a href="l">Incoming</a></li>
			</ul>
		</div>	
	</div>

oder du verwendest den ID-Selektor #menu-item:

div#menu {
	height: 364px;
    width: 171px;
    border: 0px;
    background-image: url(08.gif);
	background-repeat: no-repeat;
	float: left;
}
div#menu-item {
	width: 156px;
	border: solid 1px;
}

div#menu-item ul {
	font-size: 12px;
	list-style-type: none;
}

div#menu-item li {
	font-size: 12px;
	list-style-type: none;
}

<div id="menu">
		<div id="menu-item">
			<ul>
				<li><a href="l">News</a></li>
				<li><a href="l">Incoming</a></li>
			</ul>
		</div>	
	</div>

 

[Malaxo]

Ach könnte mich schlagen :suspekt:

Danke, habs gesehen.