hello,
i am making a website and i hav a question.
how can i have a column on the left side without going through the horizontle line i have at the top?
--------------------
| |
| |
| |
| |
| |
| |
| |
| |
| |
like this
thnx,
matt
help
Moderator: General Moderators
- Chris Corbyn
- Breakbeat Nuttzer
- Posts: 13098
- Joined: Wed Mar 24, 2004 7:57 am
- Location: Melbourne, Australia
-
method_man
- Forum Contributor
- Posts: 257
- Joined: Sat Mar 19, 2005 1:38 am
um... i want it so i can hav a left column and not overlap the horizontal line at the top. and it is using HTML forgot to say that before. ill try to show the pic beter.
i described it as best as could here:
http://twarowsk.freeownhost.com/helppic.jpg
copy the url and paste it in your clipboard to see the pic
thnx,
matt
i described it as best as could here:
http://twarowsk.freeownhost.com/helppic.jpg
copy the url and paste it in your clipboard to see the pic
thnx,
matt
- John Cartwright
- Site Admin
- Posts: 11470
- Joined: Tue Dec 23, 2003 2:10 am
- Location: Toronto
- Contact:
- Chris Corbyn
- Breakbeat Nuttzer
- Posts: 13098
- Joined: Wed Mar 24, 2004 7:57 am
- Location: Melbourne, Australia
I still don't get it, unless the "line" you are talking about is the bottom edge of the header?
Using tables:
or using CSS:
Using tables:
Code: Select all
<table width="e;100%"e; cellpadding="e;0"e; cellspacing="e;0"e; border="e;0"e; cols="e;2"e;>
<tr>
<td height="e;80"e; colspan="e;2"e; bgcolor="e;lightblue"e;>Header here</td>
</tr>
<tr>
<td width="e;20%"e; bgcolor="e;yellow"e;>Left column</td>
<td>Main panel</td>
</tr>
</table>Code: Select all
<div style="e;width:100%; height:80px; padding:0px; margin:0px; background-color:#5555FF"e;>Header here</div>
<div style="e;width:20%; padding:0px; margin:0px; background-color:#FFFF00; float:left"e;>Left column</div>
<div style="e;width:80%; padding:0px; margin:0px; float:right"e;>Main panel</div>-
method_man
- Forum Contributor
- Posts: 257
- Joined: Sat Mar 19, 2005 1:38 am
thanks
that one worked 
thanks,
matt
thanks,
matt