Mouseover billede skifter overskriftens farve
Hej.Mit problem var lige lidt svært at forklare mig overskriften, men here goes:
Jeg laver nogle udtræk fra en database hvor jeg for en overskrift, et billede og en lille tekst. Som det er lige nu, så er både billede og overskrift links, men kun teksten skifter farve ved mouseover...
Men vil høre om det kan lade sig gøre at når man laver mouseover på billedet, så skifter overskriften stadig farve?
Min kode er lige nu sådan:
.main .case_wrapper .case_posts {
position:relative;
float:left;
width:280px;
border-bottom:1px solid #B3B3B3;
text-align:left;
min-height:300px;
margin-top:40px;
margin-right:20px;
}
.main .case_wrapper .case_posts .case_title {
font-size:24px;
font-weight:bold;
}
.main .case_wrapper .case_posts .case_tag {
font-size:12px;
color:#76AD1C;
}
.main .case_wrapper .case_posts .case_ref {
font-size:12px;
line-height:22px;
margin-top:15px;
margin-bottom:10px;
}
a.headerlink:link {
text-decoration:none;
color:#646567;
}
a.headerlink:active {
text-decoration:none;
color:#646567;
}
a.headerlink:visited {
text-decoration:none;
color:#646567;
}
a.headerlink:hover {
text-decoration:none;
color:#76AD1C;
}
echo "<div class='case_posts'><div class='case_title'><a href='?page_id=7&case=".$case_row['object_id']."' class='headerlink'>".$case_post_row['post_title']."</a></div><span class='case_tag'>".$tags."</span><br><a href='?page_id=7&case=".$case_row['object_id']."' class='headerlink'><img src='".$pic_link."' border='0px'></a><div class='case_ref'>".$case_post_row['post_excerpt']."</div></div>";
Det skulle gerne kunne bygges direkte på hvad jeg allerede har.. :)
På forhånd tak :)
