Page 1 of 1

help

Posted: Sun Mar 27, 2005 1:37 am
by method_man
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

Posted: Sun Mar 27, 2005 7:52 am
by anjanesh
Whats your question ? you want border on the left hand side and not on top ?
Im guessing this is HTML related ?

Posted: Sun Mar 27, 2005 10:31 am
by Chris Corbyn
I'm not sure what you're asking but either:

You mean you have a header and dont want to cut it up? or you want a gap (a margin)?

Are you working with tables or a more CSS oriented layout?

Show some code :roll:

Posted: Sun Mar 27, 2005 11:30 am
by method_man
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

Posted: Sun Mar 27, 2005 1:07 pm
by John Cartwright
your host does not support hotlinking.

Moved to Client-Side.

Posted: Sun Mar 27, 2005 1:38 pm
by Chris Corbyn
I still don't get it, unless the "line" you are talking about is the bottom edge of the header?

Using tables:

Code: Select all

<table width=&quote;100%&quote; cellpadding=&quote;0&quote; cellspacing=&quote;0&quote; border=&quote;0&quote; cols=&quote;2&quote;>
    <tr>
        <td height=&quote;80&quote; colspan=&quote;2&quote; bgcolor=&quote;lightblue&quote;>Header here</td>
    </tr>
    <tr>
        <td width=&quote;20%&quote; bgcolor=&quote;yellow&quote;>Left column</td>
        <td>Main panel</td>
    </tr>
</table>
or using CSS:

Code: Select all

<div style=&quote;width:100%; height:80px; padding:0px; margin:0px; background-color:#5555FF&quote;>Header here</div>
<div style=&quote;width:20%; padding:0px; margin:0px; background-color:#FFFF00; float:left&quote;>Left column</div>
<div style=&quote;width:80%; padding:0px; margin:0px; float:right&quote;>Main panel</div>

thanks

Posted: Sun Mar 27, 2005 1:58 pm
by method_man
that one worked :D

thanks,

matt