Hallo,
Folgender Code liegt vor:
<div class="tage">
<h4>12.05.2005</h4>
<div> <a href="xy">xy</a></div>
<div> <a href="xx">xx</a></div>
<h4>11.05.2005</h4>
<div> <a href="xz">xz</a></div>
</div>
Nun möchte ich folgendes umsetzen:
Besuchte Links sollen unauffällig gestaltet sein. Die Links, die noch nicht besucht wurden, sollen mit voller(!) Bildschrimbreite eine Hintergrundfarbe erhalten.
So sieht der Code zunächst aus:
DIV.tage A:link {
color: #587058 !important;
background-color:#FFDDDD !important;
min-width:100% !important;
}
DIV.tage A:hover {
color: #FFCC33 !important;
}
DIV.tage A:visited {
color: #003399 !important;
}
DIV.tage DIV {
margin-left: 1em !important;
margin-bottom: 0.3em !important;
color: #CC0000 !important;
}
DIV.tage H4 {
/* 7-Tage-News | Datum | Abstand */
margin-bottom: 0.2em !important;
color: #707070 !important;
}
Leider wird bei dem A:link nur der Hintergrund in der Breite eingefügt, den der Link an Platz braucht. Die Hintergrundfarbe wird leider NICHT vollständig in der Breite umgesetzt.
Könntet ihr mir bitte einen Denkanstoß zur Lösung dieser kleinen Sache geben?
MfG,
Marcus Hammel