Jump to content
Stef's Coding Community
Susie

<ul> is "stuck" next to a floated image

Recommended Posts

http://tinyurl.com/2dwn8kq

 

Okay, I cannot figure out how to get the <ul> on this page (link above) to move over to the right. Here is the code I'm using:

 

 

.entry-content ul.home {
margin-left: 30px;
}

 

If I do .entry-content ul.home li and give it some padding, it works, but the bullets are still stuck in the floated image.

 

I know the solution is simple (and I'll feel dumb once I see it), but I've tried everything and I'm not sure how to solve this. Ideas? :huh:

Share this post


Link to post
Share on other sites

I don't have much time at the moment, but I added

.home {margin-left: 150px;
background: yellow;}

just so I could see where things are, and the main background also turned yellow - see if there is something with the class home that's causing a problem.

Share this post


Link to post
Share on other sites

Thanks for the idea, Andrea. I forgot I have a body class .home so I changed the list to .homelist.

 

Now I have:

 

.entry-content ul.homelist {
clear: none;
margin-left: 180px;
}

 

And it seems to work in all but IE for me. Hmmmm....

Share this post


Link to post
Share on other sites

Put a CC for IE7 and change the margin-left to 220px to move it over. I take it you are not bothering about IE6?

Share this post


Link to post
Share on other sites

I take it you are not bothering about IE6?

IE6 still has about 6-8% of the market. I personally do not code for IE6 unless it's a ecommerce site because, depending on the market they are focusing on, the site owner could lose out on a small fortune if the prospecting buyer cannot view the pages correctly.

Edited by newseed

Share this post


Link to post
Share on other sites

Put a CC for IE7 and change the margin-left to 220px to move it over. I take it you are not bothering about IE6?

 

Thanks for the IE fix. :)

 

Oh shoot - I hadn't seen the IE 6 issue. Grrr.... not sure what happened there. This menu works on other sites in IE 6. I'll have to figure that out. Thanks!

Share this post


Link to post
Share on other sites

Should be able to solve IE6 menu problem by setting #nav li a { display:inline } instead of block. or try float #nav li a { float: left }

 

The right side bar with social widgets also out of position because IE6 don't support position:fixed. But there's a really easy fix for it here: http://ryanfait.com/position-fixed-ie6/

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...