[CSS] probleem met hover display:block

Status
Niet open voor verdere reacties.

crz_06

Gebruiker
Lid geworden
21 jul 2005
Berichten
60
wil een link hover background color die voorbij de lengte van de link gaat. Doe dit door a:hover {display:block;width:200px;background-color:#eaeaea;}. Dit werkt wel echtre in mijn situatie verspringt de content van een andere marker. Hier onder mijn html en css.
PHP:
<div class="news-latest-item">
				<span class="news-latest-date">
                ###NEWS_DATE###</span>
          <span>###NEWS_TITLE###</span></div>

css
PHP:
.news-latest-item A:hover { color:#FFFFFF; display:block; width:200px; background-color:#eaeaea;}

wat er gebeurd is dat het hover block zich centeert in de table, en dus half op de positie van ###NEWS_DATE### komt te staan en dit zorgt ervoor de het hoverblock naar beneden springt. Hoe zorg ik er voor dat het hover block zich rechts van de ###NEWS_TITLE### link uitbreid.

149277hoverblock.gif
 
Heb je niet de width te groot gezet? Als je die heel iets groter maakt dan de standaard tekst, wordt de achtergrondkleur dan wel uitgebreid?
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan