Sipatshi: list-style-type: none; /* will nicht wie ich will :-( */

Liebe Gemeinde,

kann im ul-tag das list-style-type: none; nicht ausblenden! Wo ist mein Fehler?

Quellcode

<!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>

  1. 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.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
    1. 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

    2. @@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'

      --
      Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
      1. Hallo Qapla,

        BTW, das 'h2'-Element ist unsinnig. Wo ist die übergeordnete Überschrift 'h1'?

        auf h1 umgeändert :-)

        Gruß

        Sipatshi