Praktikant123
Mitglied
Hallo, ich möchte den Hintergrund eines Links färben. Dabei soll die Hintergrundfarbe (weiß) bis zum Rand des Containers gehen, damit ein besserer Übergang zu der weißen Farbe entsteht.
Zum besseren Verständnis ist unten ein Bild angefügt.
HTML:
CSS:
Wie lässt sich das am einfachsten erstellen?
M.f.G.
Zum besseren Verständnis ist unten ein Bild angefügt.
HTML:
Code:
<!-- Linke Navigation -->
<div id="Navigation_Links">
<ul id="nav">
<li class="expand"> Über das IQB
<ul>
<li><a href="PDF/Einbauerklaerung_2006-42-EG_Muster.pdf" class="embed-link">Einbauerklaerung_2006-42-EG_Muster</a></li>
<li><a href="PDF/a.pdf" class="embed-link">Einbauerklaerung_2006-42-EG_Muster </a></li>
<li>Partner/Links</li>
</ul>
</li>
<li>Personal</li>
<li class="expand"> Bildungsstandards
<ul>
<li>Aufgabenbeispiele</li>
<li>EMSE</li>
<li class="expand"> Downloadserver
<ul>
<li>Audiofiles</li>
<li>Videofiles</li>
</ul>
</li>
</ul>
</li>
<li>VERA/Lernstandsvergleich</li>
<li class="expand"> Arbeitsbereiche</li>
<ul>
<li>Testentwicklung</li>
<li>Kompetenzerwerb</li>
<li class="expand"> Implementation</li>
<ul>
<li>Was wird</li>
<li>denn eigentlich</li>
<li class="expand"> so alles</li>
<ul>
<li>test</li>
<li>test2</li>
</ul>
<li>implementiert??</li>
</ul>
<li>Bildungsmonitoring</li>
<li>Datenzentrum (FDZ)</li>
</ul>
</ul>
</div>
CSS:
Code:
/*Linke Navigation -----------------------------------*/
#nav {
padding-left :5px;
}
a {
text-decoration:none;
color: black;
}
ul, li {
list-style: none;
}
#nav li {
padding: 2px 2px 2px 15px;
cursor: default;
border-top:1px solid black;
}
#nav ul {
display: none;
background: url(img/dots.png) repeat-y scroll 10px 0 transparent;
}
#nav li.expand {
background: url(img/folder.png) no-repeat scroll 0px 0px transparent;
border-bottom: 1px solid #000;
}
.expanded {
background: url(img/folder.open.png) no-repeat scroll 0px 2px transparent !important;
border-bottom: 1px solid #000;
}
#nav li a:hover {
text-decoration: none;
color: #000000;
}
#nav ul a:hover {
text-decoration: none;
color: #000000;
background-color: white;
}
Wie lässt sich das am einfachsten erstellen?
M.f.G.