Ezilon.com - Target Your Audience, be Seen in Your Region

I'm sorry I post so much.

You are viewing this site as a guest. Join our community to get your questions answered and share knowledge. Active members may advertise and ask for a website critique.

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.

Webmaster! Smiling

demonhale's picture

He has: 3,301 posts

Joined: May 2005

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

JeevesBond's picture
Moderator

He has: 3,720 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
Moderator

He has: 3,720 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.

AttachmentSize
small.zip88.73 KB

Webmaster! Smiling

Subscribe to this feed: Syndicate content