a:hover in linkMgr template [SOLVED]

[Evert B.]

Beste mensen,

Op deze site ben ik bezig met een overzicht van links m.b.v. de linkmanager. Ik Probeer het zo te regelen dat wanneer je met de muis over een link gaat (dus afbeelding + omschrijving) dat de achtergrond dan blauw wordt, zodat je een beetje ziet wat je doet.

Mijn template voor de linkMgr ziet er zo uit:

Code: Select all

<div class="linkmgr">
<ul>
{foreach from=$items item="item"}
<li>
<div class="link_list">
<a href="{$item.link_url}" target="_blank">
<div class="link_img"><img src="{$item.link_img}" width="200px" height="100px"></div>
<div class="link_desc"><p> <b>{$item.link_name}</b></p> <p>{$item.link_desc}</p></div>
</a>
</div>
</li>
{/foreach}
</ul>
</div>

De bijbehorende CSS geeft niet het beoogde resultaat:

Code: Select all

/* Link Mgr */
.link_list {
border-bottom: 2px dotted #AAC8FE;
padding-bottom: 10px;
padding-top: 10px;
min-height: 100px;
font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

.link_list a:hover {
background: #AAC8FE;
color: #000;
display:block; 
}

.link_img {
width: 200px;
float: left;
min-height: 80px;
}

.link_desc {
color: #000;
float: left;
min-height: 80px;
}

.link_desc p{
vertical-align: middle;
padding-left: 10px;
}

Ik weet best dat iets fout doe , maar weet niet wat?!?

Thanks Evert

[Rolf]

Zoiets?

Code: Select all

.link_list {
background: #fff;
}

.link_list:hover {
background: #f00;
}

grt. Rolf

[deactivated010521]

----------

[Evert B.]

Zoiets?

grt. Rolf

Whuahahah zo simpel Rolf!!!

Thanks Evert