✔ Automatisches Einrücken von Liste rückgängig machen

N

Nord-Süd-Richtung

Erfahrenes Mitglied
Hi
Wenn ich eine Liste (<ul>) erstelle, und die als Navigation benutze, verschiebt sich das dummerweise nach rechts. Wie krieg ich die denn wieder zurück nach links (ohne margin-left: -50px; ).
HTML: 
<body>
    <div id="container01"></div>
    <div id="container02">

    </div>
    <div id="container03">
      <ul id="list01">
        <li class="listmember01"><a class="listlink01" href="index.php?p=overview">&Uuml;bersicht</a></li>
      </ul>
    </div>
    <div id="container04">

    </div>
</body>
CSS: 
#container01{
  position: absolute;
  margin-left: 100px;
  margin-top: 50px;
  height: 500px;
  width: 800px;
  background-color: #ffffff;
}
#container02{
  position: absolute;
  margin-left: 100px;
  margin-top: 50px;
  height: 100px;
  width: 800px;
  background-color: #7a7a7a;
}
#container03{
  position: absolute;
  margin-left: 100px;
  margin-top: 150px;
  height: 400px;
  width: 150px;
  background-color: #7a7a7a;
}
#container04{
  position: absolute;
  margin-left: 250px;
  margin-top: 150px;
  height: 400px;
  width: 650px;
  background-color: #bbbbbb;
}
#list01{
  position: absolute;
  display: block;
  list-style:none;
}
.listmember01{
  position: absolute;
  display: block;
  height: 20px;
  width: 150px;
  color: #000000;
}
a.listlink01:hover{
  position: absolute;
  display: block;
  width: 150px;
  background-color: #bbbbbb;
}
 
Moin,

indem einfach die voreingestellten Polsterungseigenschaften margin und padding des ul-Listenelements auf Null zurückgesetzt werden.

mfg Maik
 
Hab ich doch umschrieben - mitdenken darfst du ruhig auch ein wenig.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück