I'm sorry I post so much.

He has: 52 posts

Joined: Apr 2006

Sorry. But I have a serious question. Sticking out tongue

If I'm using this CSS code as my default navigational bar (left side), how can I accomplish something on the right, similar to this. I'd like it to be placed exactly symmetrical, or as close to it, so my webpage doesn't look like an ugly duck.

#navi {
position: absolute;

left: 0px;
top: 0px;
padding: 10px;
margin: 20px;
background: #fff;
border: 1px solid #fff;
width: 150px; /* ie5win begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 150px;
text-align: center;
}
'

When I use "100%" it goes off to the right, and makes that ugly scrollbar like "nyeducationjobs" did.

Bleh.

demonhale's picture

He has: 3,278 posts

Joined: May 2005

have you tried float:left for the left part and float:right for the right part?

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Maxwell wrote: I'm sorry I post so much.

Don't worry about it! You can ask as much as you want, all we'd like is for you to contribute back when you know the answer to other peoples questions. Smiling

Would it be possible to see the code in action, like this CSS in context would be great!
I'd get rid of that position: absolute; put the whole thing in a containing div then try floating one left and one right (as demonhale suggested). I think you'd need the containing div to give you a width to all your page content (e.g. 60em or 780px etc)

<div id="container">
    <div id="navbarone"> ... code ... </div>
    <div id="navbartwo"> ... code ... </div>
</div>

That would be the HTML I'd start out with, haven't tried it out though.

a Padded Cell our articles site!

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Or, having looked at it some more:

#navi {
position: absolute;

<em><strong>right</strong></em>: 0px;
top: 0px;
padding: 10px;
margin: 20px;
background: #fff;
border: 1px solid #fff;
width: 150px; /* ie5win begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 150px;
text-align: center;
}
'

a Padded Cell our articles site!

He has: 52 posts

Joined: Apr 2006

Well, I've wanted to post my progress, anyway. I only started this about a month ago, just before I joined. Also, I would like to thank those who have helped me along the way! And I trust you're not going to spread this around.

So, to get as much protection as possible, I'll use t3h CCL.

*attached*

Also: http://members.lycos.co.uk/lunarflash/

But I really don't like their ads, and it doesn't look right, anyways.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.