Side by Side banner like this one.. [Archive]

cravendale

12-30-2010, 05:48 PM

Hey,

I wondered if anyone would kindly help me work out how to place two banners side-by-side but with a gap like shown on this site...

Any help very much appreciated.
I'm using vB 4.x.

http://www.dnforum.com/f181/code-putting-banners-side-side-thread-237140.html

http://img402.imageshack.us/img402/4517/bannerexampke.png (http://img402.imageshack.us/i/bannerexampke.png/)

Brandon Sheley

12-30-2010, 05:50 PM

float right and left should do it

cravendale

12-30-2010, 06:01 PM

float right and left should do it

hmm... not very good with this.. sorry to ask but.. would you explain what you mean please?

--------------- Added 1293754102 at 1293754102 ---------------

hi.

Can anyone help me please?

BirdOPrey5

12-31-2010, 05:26 AM

First off are you using vbullerin 3 or 4?

cravendale

12-31-2010, 09:40 AM

First off are you using vbullerin 3 or 4?

4.x
sorry I did mean to include that in my first post.

BirdOPrey5

12-31-2010, 11:03 AM

There's probably a better table-less implementation but off hand the following should work:

<table border="0" width="90%">
<tr>
<td width="40%">
<div align="left"><a href="..."><img src="..." border="0" /></a></div>
</td>
<td width="20%"> </td>
<td width="40%">
<div align="right"><a href="..."><img src="..." border="0" /></a></div>
</td>
</tr>
</table>

You need to fill in the ... with the URL of the link and the images as needed...
You could play with the exact percentages to to better suit your needs... the <table> width is the overall width and the 3 <td> widths must add to 100%.

cravendale

12-31-2010, 02:55 PM

There's probably a better table-less implementation but off hand the following should work:

<table border="0" width="90%">
<tr>
<td width="40%">
<div align="left"><a href="..."><img src="..." border="0" /></a></div>
</td>
<td width="20%"> </td>
<td width="40%">
<div align="right"><a href="..."><img src="..." border="0" /></a></div>
</td>
</tr>
</table>

You need to fill in the ... with the URL of the link and the images as needed...
You could play with the exact percentages to to better suit your needs... the <table> width is the overall width and the 3 <td> widths must add to 100%.

I will try this. Thank you very much for helping :)