For some reason a floated background url (twitter) is hiding behind another background url (facebook). It’s on the top right of the page. I tried using a margin to fix it, but can’t.
http://dev.newstartlaw.clients.blinkss.com/
.Facebook {
background:url(images/facebook_icon.png) no-repeat;
padding:7px 7px;
text-indent:-9999px;
float:left;
margin-right:2em;
}
What am I missing??
PaulOB
January 27, 2014, 11:14am
2
HI,
Try adding something like this:
#Social ul{
margin:0 0 0 1em;
padding:0;
list-style:none;
float:right;
}
#Social li.Facebook,
#Social li.Twitter {
width:30px;
height:30px;
padding:0;
margin:0 10px 15px 0;
clear:none;
float:left;
}
Checking your page in the validator it looks like you have some stray </a> tags in the page. That might muck things up a bit?
I’m no expert.
PaulOB
January 31, 2014, 5:26pm
4
The solution I gave fixes the problem the OP mentioned but of course any stray tags should be cleaned up as they may cause problems elsewhere