Change link colour of content inside a div
Posted: Tue Feb 07, 2012 4:37 am
Hello all,
I have a div container like this
which has been wrapped around a link so that you can click anywhere on the container to view more information. However the text has now changed to blue, as its a link and i can seem to change its colour.
I have tried this in my css
.CompanyHolderTitle a {color:#000000}
.CompanyHolder a {color:#000000}
but it dosent seem to change
Can anyone help please?
My css looks like
I have a div container like this
Code: Select all
<a href="#"><div class="CompanyHolder CompanyHolderLeft">
<div class="CompanyHolderTitle">Vybe Media</div>
<div class="CompanyHolderInfo">Website : http://www.vybemedia.co.uk</div>
<div class="CompanyHolderInfo">Phone : 01495 751391</div>
<div class="CompanyHolderInfo">Email : info@vybemedia.co.uk</div>
</div></a>I have tried this in my css
.CompanyHolderTitle a {color:#000000}
.CompanyHolder a {color:#000000}
but it dosent seem to change
Can anyone help please?
My css looks like
Code: Select all
.CompanyHolder {
width:280px;
overflow:auto;
border:1px solid #DDDDDD;
border-radius:10px;
background:#F3F7F9;
margin-bottom:10px;
padding:10px;
font-family:Tahoma, Geneva, sans-serif;
text-shadow: 0 1px 0 white;
}
.CompanyHolderTitle {
width:100%;
font-size:14px;
font-weight: bold;
}
.CompanyHolderInfo {
margin:5px 0 0 10px;
}