a:hover in linkMgr template [SOLVED]
Posted: Mon Aug 08, 2011 8:52 pm
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:
De bijbehorende CSS geeft niet het beoogde resultaat:
Ik weet best dat iets fout doe 
, maar weet niet wat?!?
Thanks Evert
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>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;
}Thanks Evert