help

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
method_man
Forum Contributor
Posts: 257
Joined: Sat Mar 19, 2005 1:38 am

help

Post 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
User avatar
anjanesh
DevNet Resident
Posts: 1679
Joined: Sat Dec 06, 2003 9:52 pm
Location: Mumbai, India

Post by anjanesh »

Whats your question ? you want border on the left hand side and not on top ?
Im guessing this is HTML related ?
User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Post 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:
method_man
Forum Contributor
Posts: 257
Joined: Sat Mar 19, 2005 1:38 am

Post 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
User avatar
John Cartwright
Site Admin
Posts: 11470
Joined: Tue Dec 23, 2003 2:10 am
Location: Toronto
Contact:

Post by John Cartwright »

your host does not support hotlinking.

Moved to Client-Side.
User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Post 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>
method_man
Forum Contributor
Posts: 257
Joined: Sat Mar 19, 2005 1:38 am

thanks

Post by method_man »

that one worked :D

thanks,

matt
Post Reply