How center bottom border? [Archive]

View Full Version : How center bottom border?

akvin

10-31-2006, 11:22 PM

Hi it's me again:
On my site there's a bottom border in the navbar. I've noticed i can set its width (note i haven't activated this at the moment) but how do i then get it centred on the page? I've tried w align, text-align, and position but none works; instead the border moves completely to the l e f t of the page. The site's at http://pix.philipus.com. As always, i'm very grateful/akvin

GeoS

11-01-2006, 10:56 AM

Try to set:
#content {
text-align: center
}

akvin

11-01-2006, 10:02 PM

Thanks GeoS. I've tried it but it doesn't work. Instead the whole navbar ends up aligned left.

The top of the page has several divs. It looks like this:

<body><div id="content"><div id="nav"><div class="navbar"><div class="header"><a href="index.php?showimage=<IMAGE_PREVIOUS_ID>"title="previous">previous</a> • <a href="index.php" title="current">current</a> • <a href="index.php?showimage=<IMAGE_NEXT_ID>" title="next">next</a> • <COMMENT_POPUP> (<IMAGE_COMMENTS_NUMBER>) • <a href="index.php?x=about" title="about">about</a> • <a href="<SITE_BROWSELINK>" title="archives">photos</a> • <a href="index.php?x=rss" title="RSS 2.0 feed">rss</a> • <a href="index.php?x=atom" title="ATOM feed">atom</a></div></div></div>

So there's the content and nav ids and the navbar and header classes. Not sure I need all of those? But then again I know very little css.

best
akvin

codepoit

11-05-2006, 01:02 PM

You may need to play around in your CSS with the alignment properties of the text (as GeoS showed above) but play with each individual div ID and class, since the content is technically inside all of those at once. If CSS can't solve it, you could try playing with text alignment directly in your template file. Not being an expert myself, I can only say to play around with it until you find something that works...that's what I do :)