PDA

View Full Version : Center links question.


Tom K
05-19-2006, 06:31 AM
I hope I am not being a pain in the neck here. I am 90% done tweaking my pixelpost photoblog with one thing standing in the way.

I want to have the links at the top of the page as follows:
One the far left I want the web site title (That is done now). On the far right I want to have the links :: Home :: About :: Comments :: Then in the dead center (still at the top) I want to have the links :: previous :: archives :: next

If someone can give me some ideas on how to achieve that I would be very grateful.

I am using Pixelpost version 1.5 and the simple-visions template.

As I have stated before...Pixelpost is superb photoblogging code that really presents things the way I find extremely attractive.

Web site is here: http://www.tomkaszuba.com/photo/index.php

Thank you so much.

Ubbe
05-19-2006, 07:10 AM
hmm you will probably have to use a table for this.

or you could put the stuff that should be in the middle, in a div, that just floats in center.

Tom K
05-19-2006, 07:12 AM
hmm you will probably have to use a table for this.

or you could put the stuff that should be in the middle, in a div, that just floats in center.
How do I use a div to center those links?

Ubbe
05-19-2006, 07:15 AM
you could do something like:

css:
----
#centermenu {
float: center;
}

html:
----
<div id="centermenu">
Links :: Previous :: Archives :: Next
</div>

ofcourse adding links to "Links" "previous" etc.

Ubbe
05-19-2006, 07:20 AM
Im actually not sure if you can float center.. now when thinking of it, i never used it atleast, i just assumed so.

Other wise you can try

<center>
<div id="centermenu">
Links etc. etc.
</div>
</center>

and in the CSS just have it float left.

GeoS
05-19-2006, 09:30 AM
Im moving it to templates section of forum.

Tom K
05-19-2006, 04:16 PM
Hmmmm.......I gave it a try but it didn't work. Thanks for the idea Ubbe.

Any other suggestions?

Joe[y]
05-20-2006, 11:06 AM
just apply text-align:center; to your navbar and make sure what you want in the center isn't within any classes like the rest of the stuff in the navbar. if you use float:left; and float:right; for the other stuff then it won't be affected by text-align:center; on your navbar. if they are affected slightly you can just apply text-align:left; to both of those classes.