...

View Full Version : How to style a list from a certain point



geekygirl
12-12-2010, 03:33 AM
Here's the link

http://hwysocki.aisites.com/yccar/

I am trying to style the links under the "Follow Us" section. I want the twitter and the youtube links to pop over horizontally and line up with the first two so there are two columns of icons, but for some reason I can't remember how I would go about styling this in the CSS. Can anyone help me out please? Right now they are just list items with a set width so they line up.

Thanks

Excavator
12-12-2010, 09:34 AM
Hello geekygirl,
Remove that clear: both; so your float will let them sit side by side, then give the ul a width that will allow only 2 icons wide.
Like this -

#icons >ul {
width: 140px;
padding-right: 5px;
/*border-spacing: 35px; ??? */
margin-top: 41px;
}
ul.list li{
width: 61px;
float: left;
/*clear: both;*/
border: none;
}

geekygirl
12-14-2010, 02:20 AM
Wow! Awesome! Thanks so much!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum