- This topic is empty.
September 21, 2012 at 10:19 am #39943
I am having a problem floating a picture inside an element. everytime i float it, it drops down to the next div, where it isn’t suppose to be. Here is the link to the site. http://www.foursquaresummiteast.org/i/
The problem is found underneath the navigation bar. Id is #featuring
cheers,September 21, 2012 at 10:32 am #110502
are you trying to have the pictures side by side if so make
I don’t know what your trying to accomplish…September 21, 2012 at 10:40 am #110505
There is only suppose to be one picture per div. The img that is floated to the left is suppose to be in the div above it. not below.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Special Guest Speaker:
margin: 25px 10px 15px 15px;
border: 1px solid black;
}September 21, 2012 at 10:43 am #110506
for some reason i can’t show my html….September 21, 2012 at 10:47 am #110507
ohhh I see, I’ll take a lookSeptember 21, 2012 at 11:22 am #110509
that’s weird… quickly took a look and can’t seem to see what the problem is.. put your html and css into codepen.io.. maybe someone else can figure this outSeptember 21, 2012 at 11:46 am #110510SenffParticipant
Here’s the thing…. The UL with id “checkout” is floated left. But then the element after that, sidebar-left, CLEARS the left float. So (simple way of saying it), the rest of the page will start on that height, and no other block elements will be floated next to the checkout UL.
It’s not working EXACTLY like that, which is why the paragraph and “featuring” div are on top again, but the image doesn’t ignore that clearing and that’s why it’s at that height, right under the checkout UL.
I would suggest to move that UL within the sidebar-left div.September 21, 2012 at 1:36 pm #110494
- The forum ‘CSS’ is closed to new topics and replies.