Click to See Complete Forum and Search --> : the dreaded UL center ... (and rollover related)


qwik3r
01-23-2007, 01:00 PM
Having a problem centering a UL. Perhaps how i went about doing what I wanted was wrong to begin with which is why I am now here.

I copied a rollover code from a site with examples for css, it looks more complicated then I have used before because I wanted the rollover over image to be taller vertically then the smaller image, for some reason it would not do this, no matter what height i changed it would stay a small height and couldn't change it. Since your peaking you can see the miniflex code commented out in my html and css, basically I used that code initially to try to achieve what I have with the present code. Not sure how to make miniflex do what I want and have it work like this one, or if its possible but the miniflex code seems more simple.

Anyway the real problem is how things are centered, i cannot for the life of me get the menu at http://www.mantismediausa.com/newmantis to center at all.

Any help on both issues would be great. Thanks.

P.S. Hope i didn't confuse too much.

sticks464
01-23-2007, 04:34 PM
I didn't look real close to your css but try
#navigation {text-align:center;}
That should make the UL align to the center.

drhowarddrfine
01-23-2007, 04:49 PM
First, remove the Xhtml end tag slashes from your markup. This slash: />
Then validate your html and css for any additional errors.

qwik3r
01-23-2007, 05:44 PM
I didn't look real close to your css but try
#navigation {text-align:center;}
That should make the UL align to the center.


it is already text-align: center - any other suggestions?


drhowarddrfine: removed the xhtml trailing slashes and I will validate and get back to you guys

ttt

Centauri
01-23-2007, 07:09 PM
The way you centered is fine, just the maths are out - you have five items at 100px wide each,..... and you defined the width of #nav at 600px....

As far as the miniflex code goes, looks like all it needs is display:block; on the <a> tags

Cheers
Graeme

qwik3r
01-24-2007, 09:09 AM
The way you centered is fine, just the maths are out - you have five items at 100px wide each,..... and you defined the width of #nav at 600px....

As far as the miniflex code goes, looks like all it needs is display:block; on the <a> tags

Cheers
Graeme


duhhhhh i'm an idiot thanks for pointing that out.

Adding display block to the #miniflex a{ selectors just makes it display as a vertical menu which is not ideal, any other suggestion?