Hello again
I’ve tried to put a two-column table inside a tab item, but the result is a bit… weird: The contents of the right cell drops below the content of the left one, as you may see here: https://dl.dropboxusercontent.com/u/1935377/table-in-tab.png
The left column contains an iframe, end that seems to be the tricky part, since all things fall in place if I replace the iframe with pure text.
So the question would be if there’s any way to style the iframe so it doesn’t push the right side content down. I’ve tried quite a bit, eg replacing %'s with number values, but no luck.
This is the html I’ve used for the troublesome td:
<td style="text-align: left;" align="left" valign="top" width="65%"><iframe src="http://www.rentalcars.com/StandAlone/default/?affiliateCode=dolcevitano&preflang=no&main=" width="90%" height="350" frameborder="0" scrolling="no">Search for Car Rental</iframe>
<p style="align: left;">Du kan også sjekke priser direkte på <a href="http://www.rentalcars.com/StandAlone/default/?affiliateCode=dolcevitano&preflang=no&main=" target="_blank">CarRentals nettsider...</a></p>
</td>
Please just tell me if this is beyond your always great support :o)
Thanks,
Kjetil
Do you mind sharing the URL of the site in question so we can take a look? The code you posted above is only for the left column, we wouldn’t know how you’re placing the contents on the right column.
Sorry - it was just a silly attempt to keep things simple :o)
Here’s the complete table. Simple html, and both columns set to valign=“top”, but still…
Please remember: This is just in case you have a trick up your sleeve to put things in place. It is not crucial, and if it isn’t possible, it isn’t.
Login details in private post below.
Thanks,
Kjetil
<h3>Leie bil - Car Rental</h3>
- alle de beste tilbudene samlet på ett sted.
<table border="0" width="100%" cellspacing="0" cellpadding="10">
<tbody>
<tr>
<td style="text-align: left;" align="left" valign="top" width="65%"><iframe src="http://www.rentalcars.com/StandAlone/default/?affiliateCode=dolcevitano&preflang=no&main=" width="90%" height="350" frameborder="0" scrolling="no">Search for Car Rental</iframe>
<p style="align: left;">Du kan også sjekke priser direkte på <a href="http://www.rentalcars.com/StandAlone/default/?affiliateCode=dolcevitano&preflang=no&main=" target="_blank">CarRentals nettsider...</a></p>
</td>
<td align="left" valign="top" width="35%">
<p style="text-align: left;"><strong><span style="color: #bc1d01;"><a style="color: #bc1d01;" href="http://dolcevita.no/bil/"><em>Slik kjører du
bil i Italia</em></a></span></strong></p>
<p style="text-align: left;">Autostrada: Grønne skilt, 130 km/t, bompenger
Superstrada: Blå skilt, inntil 110 km/t, gratis</p>
<p style="text-align: left;">Gasolio = diesel
Husk kontanter utenfor åpningstiden</p>
<p style="text-align: left;">Promillegrense: 0,5</p>
<p style="text-align: left;">Blinking med frontlyktene: Betyr motsatt av i Norge</p>
<p style="text-align: left;"><a href="http://dolcevita.no/bil/">Flere bil- og kjøretips...</a></p>
</td>
</tr>
</tbody>
</table>
<em><small>Ved å bestille leiebil, hotell eller annet via Dolcevita.no, hjelper du oss med jobben vi har gjort gratis i mange år - uten at det koster deg en eurocent ekstra.</small></em>
The problem is coming from your theme. It’s assigning a vertical-align: baseline; style on TDs. You can place an extra class name on your module, e.g., table-content, and add the CSS snippet below to fix it.
