Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

Top-menu

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #11  
Old 05-27-2007, 05:28 PM
 
carpeperdiem carpeperdiem is offline
 

X-Guru
  
Join Date: Jul 2006
Location: New York City, USA
Posts: 5,399
 

Default Re: Top-menu

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; }
__________________
xcart 4.5.4 gold+ w/x-payments 1.0.6; xcart gold 4.4.4
Reply With Quote
  #12  
Old 05-27-2007, 05:47 PM
  hoosierglass's Avatar 
hoosierglass hoosierglass is offline
 

X-Adept
  
Join Date: Aug 2006
Location: Zionsville, IN
Posts: 974
 

Default Re: Top-menu

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.
__________________
X-Cart Gold 4.7.7
Custom Work from www.luminointernet.com
www.indy-pen-dance.com
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 06:39 AM.

   

 
X-Cart forums © 2001-2020