X-Cart forums - Top-menu

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Top-menu (https://forum.x-cart.com/showthread.php?t=31455)

1.   |  -- you have a space before the first   - the point of   is to not let stray spaces in. It is a Non-Breaking Space.

2. as mentioned, I blew it -- you need to lose EVERY instance of class="HeadRightBox"
- except for the first td.

3. Your CSS is a mess. Let's start over. What is your goal? What color/font size/font decoration do you want the links? What do you want to happen when the link is hovered over? After a link is followed?

Your CSS is not going to do anything for you right now.

Try this:

Code:

.HeadRightBox { 

color: #FFFFFF; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 12px; line-height: 135%; }

.HeadRightBox a { color: #FFFFFF; text-decoration: none; }

.HeadRightBox a:hover { color: #FFFFFF; text-decoration: underline; }

That was exactly what I needed. What I had was essentially right as far as the css.
I just tried to get all of the variable under one HeadBoxRight line instead of several.
Here is what I finially came up with: I had to put in the visited or active as it turned blue otherwise. I also added the text align right.

Code:

.HeadRightBox { 

color: #FFFFFF; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 12px; text-align: right; line-height: 135%; }

.HeadRightBox a { color: #FFFFFF; text-decoration: none; }

.HeadRightBox a:hover { color: #FFFFFF; text-decoration: underline; }

.HeadRightBox a:visited { color: #FFFFFF; text-decoration: none; }

.HeadRightBox a:active { color: #FFFFFF; text-decoration: none; }

This looks just fine in 1024 x 768 or higher, but the wording does not line up right on a 800 x 600 screen. Should I even worry about 800 x 600 as most sites are designed for 1024?

Thank you so much for the help.