treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] Spacing Issues

  • Hey Guys,

    I know this is probably a pretty basic fix but I'm not an expert at these things. I want to minimize the space between the picture on the left and the tables below it. Click Here. Anyone know how to fix it?

    Thanks in Advance
  • Your tables cannot move up because the lower right sidebar image starts just above their position and it is included in the div that the picture on the left is in.

    You should make the sidebar a separate div all together and make it float right.

    The only other alternative would be wrapping those tables in a div and setting a negative margin on the top.

    Also you should check out some of the code that the "Take you pick" image is in:

    <div float:="" right;"="" width="300"><img src="http://www.metalmart.biz/wp-content/uploads/2010/09/rebar-sidebar.jpg&quot; alt="" title="rebar-sidebar" width="300" height="200" class="alignright size-full wp-image-4358">
    </div>


    float is not an attribute. That needs to be in a style attribute. Fixing this may help with you solution.
  • @Schmotty Thank you so much, I kept missing that. That seems to have fixed it.