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
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.
I'm note sure what 'space in the table' you are referring to.
Can you provide an image of where the problem is?
There really isn't any reason to add a rowspan to your table. You can achieve the same thing with one row.
<tr> <td align="center"> <img class="aligncenter size-full wp-image-1269" title="Deluxe Room" src="http://www.goodtime-resort.com/wp-content/uploads/2011/02/deluxe-reservation.jpg" alt="Deluxe Room at Good Time Resort" width="250" height="110"> </td> <td> Low season: 01 May – 31 Oct<br> High season: 01 Nov – 20 Dec & 07 Jan – 30 April<br> Christmas: 21 Dec – 6 Jan (min. 3 nights)<br> <a title="Double Room Deluxe" href="http://www.goodtime-resort.com/double-room-deluxe/"> <img class="aligncenter size-full wp-image-1283" title="Accommodation Details" src="http://www.goodtime-resort.com/wp-content/uploads/2012/08/accommodation-details.png" alt="" width="181" height="30"> </a> </td> <td style="text-align: center;"> 1880 Baht<br> 2240 Baht<br> 2940 Baht<br> <a onclick="hhotelSearchPromo('ASIATHHTLGoodT');" href="javascript:;"> <img class="aligncenter size-full wp-image-1178" title="Book This Accommodation" src="http://www.goodtime-resort.com/wp-content/uploads/2012/08/book-now-at-good-time-resort.png" alt="Book a Room on Koh Mak" width="88" height="30"> </a> </td> </tr>
And because I noticed you were using cufon for the header font, I thought I should mention there are better alternatives.
Google Web Fonts - for predefined fonts
CSS @Font-face - for custom fonts, check out fontspring and/or fontsquirrel
With the space I mean the image and the text are not aligned properly.
See this image to find out what I mean:
@mottie that code gets the same result as I already have.
Here's the code:
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.
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.
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.
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
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.
I'm note sure what 'space in the table' you are referring to.
Can you provide an image of where the problem is?
There really isn't any reason to add a rowspan to your table. You can achieve the same thing with one row.
And because I noticed you were using cufon for the header font, I thought I should mention there are better alternatives.
Google Web Fonts - for predefined fonts
CSS @Font-face - for custom fonts, check out fontspring and/or fontsquirrel
With the space I mean the image and the text are not aligned properly.
See this image to find out what I mean:
@mottie that code gets the same result as I already have.
Here's the code:
Double Room Deluxe
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.
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.
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.