Treehouse: Grow your CSS skills. Land your dream job.

[Solved] Unwanted spacing issue

  • # October 25, 2010 at 3:27 pm

    I am using Chris’ BandWebsiteTemplate from awhile back. Just trying to get the shows portion to work.

    It functions correctly but there is a space being generated by some code that I cannot find.

    The page is here.

    The unwanted space is in the main content area between “Dates, Event & Venue, Address, Time” and the list of shows.

    Any help is much appreciated.

    # October 25, 2010 at 6:31 pm

    The showrow’s need overflow:hidden

    # October 25, 2010 at 9:33 pm

    I added overflow:hidden; to
    .show-row-dates, .show-row-event-venue, .show-row-address, .show-row-time, .show-row-head, .show-row-admin

    Still have the space issue.

    Any other thoughts?

    # October 25, 2010 at 10:02 pm

    First of all, a table is the most correct mark-up for this information!
    Barring that, you need to add overflow: hidden to #table-container (I don’t believe a ruleset exists yet).
    Why the extraneous clearing divs? Why the breaks for spacing?

    # October 26, 2010 at 1:33 pm

    Thank you wolfcry911. Adding that ruleset did it.

    Thanks also for the other info. I believe it is a table generated by js and php. This is a template Chris built. I don’t really know what I’m doing outside of HTML/CSS which is why I am using his plugin. Hopefully, I am not doing something completely stupid. :-)

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.