CSS MENUS

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
ptysell
Forum Commoner
Posts: 34
Joined: Tue Dec 02, 2003 9:27 pm
Location: USC

CSS MENUS

Post by ptysell »

I have created a custom CSS menu for a web site. This menu only uses CSS. I know that i probably did not do this correctly but it does work how i would like(tested in Mozilla 1.5.1 and Safair 1.1.1)

I am having trouble figuring out how to align the main tab text to the center.

One of the problems that i am having is that i am currently learning CSS an am not sure if i did everything correctly, especially with stuff like ul.whatever:link or whatever ul:link or ul.whatever a:link and what not.

I am almost sure that i did not code this correct and any guidence would be nice.

you can check out the code at
XHTML: http://www.a2t.org/ptysell/xhtml/menu.html
CSS: http://www.a2t.org/ptysell/xhtml/menu.css

Thanks
Gen-ik
DevNet Resident
Posts: 1059
Joined: Mon Aug 12, 2002 7:08 pm
Location: London. UK.

Post by Gen-ik »

Ok, first of all your links aren't going to work in a lot of browsers.
In order to set a link style to a certain object/id you need to use this syntax (replace myID with the id of the object)...

div #myID a:link { color:#ff0000; }
div #myID a:hover { color:#0000ff; }


If you are setting the link style using a class name and not an ID then use this syntax (replace className with the erm, class name)...

div.className a:link { color:#ff0000; }

To align text so that it appears in the center of a div (or anything else) you can use text-align:center...

div #myID { text-align:center; }
div.className { text-align:center; }



Hope that helps.
Post Reply