We help IT Professionals succeed at work.

CSS problem

lvollmer
lvollmer asked
on
265 Views
Last Modified: 2012-05-08
http://tinyurl.com/ygmfknj

On the bottom of this page, there are some icons for facebook, digg, twitter, etc. They are supposed to line up next to eachother, but they are not.

When I break out the CSS and it put in it's own page, they line up correcly:
http://tinyurl.com/yjnmq3m


can anyone figure out what the problem is?
Comment
Watch Question

Commented:
I'm not sure what your problem is but I had the same type of problem so what I did was just put them all in a table.  :)

<table>
<td valign="top">image1</td>
<td valign="top">image2</td>
<td valign="top">image3</td>
</table>

Open in new window

Author

Commented:
I can't do that because I cannot edit the php code that generates the list items.
i feel you have to put these all with in a single table and need to create table with size would be defined.

check the alignment. table width.

Author

Commented:
there can be no tables
Chad HaneyChief Technology Officer
CERTIFIED EXPERT

Commented:
The part causing it is in this stylesheet:
<link rel="stylesheet" href="http://northernwestchester.lohudblogs.com/wp-content/themes/singleauthorfull_go4/style.css" type="text/css" media="screen">


still narrowing down what is causing it.
Chad HaneyChief Technology Officer
CERTIFIED EXPERT

Commented:
Here is some of the problem.   Take this out of the prior mentioned css.
div.sociable {
font-size:0.8em;
margin-top: 10px;
	}
	
div.sociable li img {
	padding-right: 10px;
} 
div.sociable li a {
	line-height: 16px;
	display: block;
	margin-bottom: 5px;
}

Open in new window

LZ1
Top Expert 2011

Commented:
You will need to add a float:left to the .sociable ul li div
LZ1
Top Expert 2011

Commented:
Try this:

.sociable ul li {
background:transparent none repeat scroll 0 0;
display:inline !important;
float:left;
list-style-type:none;
margin:0;
padding:1px;
width:15px;

Open in new window

Chief Technology Officer
CERTIFIED EXPERT
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION

Author

Commented:
BINGO! thanks!
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.