Defining space along the side of my web page [Archive]

Click to See Complete Forum and Search --> : Defining space along the side of my web page

qhen

04-07-2006, 03:40 AM

Hi There,

I basically want to divide up my web page into two distinct sections on either side, with an image of dots running down the limits of both sections only, as a divider for the midsection.

I have code where I have tried to put the dot image running along the right most side of the left table in my html, but at the moment, it is running across the whole table, whereas I only want it running at the rightmost edge of the table. Can anyone suggest to me how to fix this please.

Much Appreciated!

HTML CODE:

<body>

<img src = "hb.jpg" align = "left">

<img src = "banner.gif" align = "right">
<h2>  </h2>
<h1>  </h1>
<h1>  </h1>
<h4>  </h4>
</p>

<table align = "left" width = "15%">
<tr>
<td height = "1250" background="dot.gif" align="right"></td>
</tr>
</td>
</table>
<table align = "right" width = "15%">
<tr>
<td>
<p> Ad space here and put in dot.gif
</tr>
</td>
</table>

</body>

<!-- menu script itsel

felgall

04-07-2006, 05:25 AM

That doesn't look like tabular data so you would probably be better off using CSS.

<style>
#left {width:15%;height:1250px;border-right:5px dotted #000;}
#right {width:85%}
</style>
<img src = "hb.jpg" style="float:left">

<img src = "banner.gif" style="float:right">
<h2>  </h2>
<h1>  </h1>
<h1>  </h1>
<h4>  </h4>
<div id="left"></div>
<div id="right"><p> Ad space here and put in dot.gif</p></div>

qhen

04-10-2006, 11:46 PM

Thanks, that worked well.

Launchnet

04-11-2006, 01:04 AM

Please post your web address so we can look at your site. I did my site different, but also have two sections.