list-style-type: none; /* will nicht wie ich will :-( */
Sipatshi
- css
Liebe Gemeinde,
kann im ul-tag das list-style-type: none; nicht ausblenden! Wo ist mein Fehler?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Testpage</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
* {
font-family:verdana;
font-size: 12px;
margin: 0;
padding: 0;
}
#main {
height: auto;
width: 963px;
background-color: #ffffff;
margin: 0 auto;
}
#head {
height: 80px;
width: auto;
background-color: #ffffff;
border: 1px solid #388710;
margin-bottom: 5px;
}
#l_div {
float: left;
width: 193px;
height: 400px;
background-color: #ffffff;
border-top: 2px solid #2568bf;
margin-right: 5px;
}
#l_div h2 {
padding-left: 10px;
padding-top: 11px;
color: #ffffff;
margin-top: 10px;
background-image: url(l_navi.gif);
height: 23px;
border-top: 1px solid #2568bf;
border-left: 1px solid #2568bf;
border-right: 1px solid #2568bf;
}
#l_div h2 ul {
list-style-type: none; /* wird nicht ausgeführt */
}
#m_div {
width: 589px;
height: 400px;
float: left;
background-color: #ffffff;
border-top: 2px solid #8d8d8d;
margin-right: 5px;
}
#r_div {
width: 165px;
float:left;
height: 400px;
background-color: #ffffff;
border-top: 2px solid #2568bf;
}
</style>
</head>
<body>
<div id="main">
<div id="head" ></div>
<div id="l_div">
<h2>Startseite</h2>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</div>
<div id="m_div">m_div</div>
<div id="r_div">r_div</div>
</div>
</body>
</html>
Liebe(r) Sipatshi,
#l_div h2 ul {
list-style-type: none; /* wird nicht ausgeführt */
}
lerne die Basics: Ein <hx>-Element kann kein <ul>-Element enthalten. Das hätte auch keinen Sinn, oder seit wann ist eine Liste Teil einer Überschrift?
Liebe Grüße,
Felix Riesterer.
Hallo Felix,
#l_div h2 ul {
list-style-type: none; /* wird nicht ausgeführt */
lerne die Basics: Ein <hx>-Element kann kein <ul>-Element enthalten. Das hätte auch keinen Sinn, oder seit wann ist eine Liste Teil einer Überschrift?
die Basix hab ich drauf. Nachdem Posten hab ich den Fehler erkannt ;-)
Aber vielen dank nochmal.
#l_div ul {
list-style-type: none; /*so funktionier es korrekt*/
}
Gruß
Sipatshi
@@Felix Riesterer:
nuqneH
lerne die Basics: Ein <hx>-Element kann kein <ul>-Element enthalten.
Das 'ul'-Element ist ja im Markup auch nicht im 'h2'-Element enthalten.
Der Selektor für Nachfahren'#l_div h2 ul
' kann also die Liste nicht selektieren, da diese kein Nachfahre von 'h2' ist.
BTW, das 'h2'-Element ist unsinnig. Wo ist die übergeordnete Überschrift 'h1'?
Qapla'
Hallo Qapla,
BTW, das 'h2'-Element ist unsinnig. Wo ist die übergeordnete Überschrift 'h1'?
auf h1 umgeändert :-)
Gruß
Sipatshi