Hallo depp,
das hättest du auch nicht gedacht, was man hier lostreten kann, wenn man den falschen Titel für seinen Thread wählt. Dehalb will ich dich nicht länger schmachten lassen.
thema*
unterpunkt
unterpunkt2*
unterunterpunkt
unterunterpunkt2*
alle mit * gekennzeichneten felder sollen eine hintergrundfarbe erhalten. jedoch nicht die ganze zelle inkl. den führenden leerstellen, sondern nur der text selber.
jedoch soll diese farbe bis zum ende der zeile reichen.
Nun, vielleicht kann ich dich mit folgendem Code von den Tabellen weglocken.
Um auch im Internet-Explorer die jeweils zweiten Punkte in einer anderen Farbe zu gestalten, müsstest du diesen Links allerdings von Hand class="rosa" zuweisen. Opera und Mozilla können das mit dem Stylesheet automatisch:
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Schmucke Liste</title>
<style type="text/css">
<!--
* {
font-family:'Arial','Hevetica','Swiss','Verdana',sans-serif;
font-size:14px;
}
.rosa {
margin:0;
padding:5px 0;
background-color:#FFEEEE;
width:140px;
border:dashed #FF0000;
border-width:1px 0 0 0;
}
ul {
list-style-type:none;
margin:0;
padding:0;
width:140px;
overflow:hidden;
}
ul ul {
border:none;
}
li {
border:dashed #FF0000;
border-width:1px 0 0 0;
margin:0;
}
li li {
margin:0 0 0 20px;
}
li a {
text-decoration:none;
width:100%;
display:block;
margin:0;
background-color:#EEFFEE;
color:#000000;
padding:5px;
}
li a:hover {
background-color:#EEEEFF;
}
li + li a {
background-color:#FFEEEE;
}
li + li li a {
background-color:#EEFFEE;
}
li li + li a {
background-color:#FFEEEE;
}
-->
</style>
</head>
<body >
<div class="rosa">Thema</div>
<ul>
<li><a href="#">Unterpunkt1</a></li>
<li><a href="#">Unterpunkt2</a>
<ul>
<li><a href="#">Unterunterpunkt1</a></li>
<li><a href="#">Unterunterpunkt2</a></li>
</ul>
</li>
</ul>
</body>
</html>
Gruß Gernot