Grow your CSS skills. Land your dream job.

CSS Table Rowspan question

  • # November 25, 2012 at 6:41 am

    Hey! My first question here :)

    I created a table for a site and it was fine at first but now it seems messed up. I think it’s the rowspan.

    Please check out the tables on [this page](http://www.goodtime-resort.com/accommodations/ “this page”)

    this is the code I use for the table. Anyone know how I can fix the space in the table?

    I’m using a rowspan of 5 I tried setting it to less but nothing seems to work.

    # November 25, 2012 at 8:48 am

    I’m note sure what ‘space in the table’ you are referring to.

    Can you provide an image of where the problem is?

    # November 25, 2012 at 9:58 am

    There really isn’t any reason to add a rowspan to your table. You can achieve the [same thing](http://jsfiddle.net/6WE6E/) with one row.

    Deluxe Room at Good Time Resort

    Low season: 01 May – 31 Oct

    High season: 01 Nov – 20 Dec & 07 Jan – 30 April

    Christmas: 21 Dec – 6 Jan (min. 3 nights)



    1880 Baht

    2240 Baht

    2940 Baht


    Book a Room on Koh Mak

    And because I noticed you were using cufon for the header font, I thought I should mention there are better alternatives.

    * [Google Web Fonts](http://www.google.com/webfonts) – for predefined fonts

    * CSS @Font-face – for custom fonts, check out [fontspring](http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax) and/or [fontsquirrel](http://www.fontsquirrel.com/fontface/generator)

    # November 25, 2012 at 12:10 pm

    With the space I mean the image and the text are not aligned properly.

    See this image to find out what I mean:

    Photobucket

    @mottie that code gets the same result as I already have.

    # November 25, 2012 at 12:11 pm

    Here’s the code:

    Double Room Deluxe

    Season Internet Rates
    Deluxe Room at Good Time Resort Low season: 01 May – 31 Oct 1880 Baht
    High season: 01 Nov – 20 Dec & 07 Jan – 30 April 2240 Baht
    Christmas: 21 Dec – 6 Jan (min. 3 nights) 2940 Baht
    Book a Room on Koh Mak
    # November 25, 2012 at 12:15 pm

    Gotta say that the page takes a long time to load.

    However, when it finally does, I’m not getting the space you showed…in Chrome.

    # November 25, 2012 at 12:44 pm

    I know it takes a long time to load. Please pay no attention to that. The guy who wanted the site is on a budget and has a slow server.

    You will see the space in firefox and IE.

    # November 25, 2012 at 6:10 pm

    On an iPad, the first listing has The spaces you listed, except the one above the season info is below it and between it and the buttons. Just FYI.

    The rest of the listings look fine.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".