Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
X-Cart Home FAQ Forum rules Calendar Mark Forums Read User manuals Login

Problems with CSS classes

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
Page 2 of 2 < 1 2
 
Thread Tools Search this Thread
  #11  
Old 09-08-2004, 07:27 AM
 
jparadise jparadise is offline
 

Newbie
   
Join Date: Sep 2004
Location: New York, NY
Posts: 7
 
Default CSS in the Speedbar - changing color of link pseudoclass
Ok, I have the opposite problem. I'm trying to change the color of the links in the speedbar, which is the Tab class.

No matter what I do, I can't seem to override the primary link psuedoclass style. Here's the code:

A:link {
COLOR: #081589; TEXT-DECORATION: none;
}

.Tab {
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
}
.Tab A:link {color: #FFFFFF}

I've also tried:

A.Tab:link {color: #ffffff}
a.Tab:visited {color: #0000ff}
a.Tab:hover {color: #ffcc00}

Any help would be greatly appreciated.

thanks,
Joshua
__________________
X-Cart Info
Version: 3.5.11
OS: FreeBSD Unix
Location: New York, NY

Joshua
Ogden Little Bags
http://www.ogdenlittle.com
Reply With Quote
  #12  
Old 09-08-2004, 07:32 AM
  lyncca's Avatar 
lyncca lyncca is offline
 

X-Adept
   
Join Date: Nov 2003
Location: Fort Worth, Texas
Posts: 455
 
Default
Hi Josh,

Can I see your shop? I might be able to see whats wrong with it then.
Reply With Quote
  #13  
Old 09-08-2004, 07:39 AM
 
jparadise jparadise is offline
 

Newbie
   
Join Date: Sep 2004
Location: New York, NY
Posts: 7
 
Default CSS in the Speedbar - changing color of link pseudoclass
I'm still doing the set-up. The shop is at
http://www.ogdenlittle.com/shop/customer/home.php

Let me know if you need to see any of the code.

thanks!

Joshua
__________________
X-Cart Info
Version: 3.5.11
OS: FreeBSD Unix
Location: New York, NY

Joshua
Ogden Little Bags
http://www.ogdenlittle.com
Reply With Quote
  #14  
Old 09-08-2004, 09:42 AM
 
jparadise jparadise is offline
 

Newbie
   
Join Date: Sep 2004
Location: New York, NY
Posts: 7
 
Default Now it seems to be working
Well, I'm not sure what the problem was, but the following code in the css file seems to be working. Note that the additional link characteristic is specified AFTER the class, but I'm not sure that matters.
Hmm.


Quote:
.Tab {
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
}
.Tab A:link {color: #FFFFFF} /*This one works -- changes link in Tab to white*/
__________________
X-Cart Info
Version: 3.5.11
OS: FreeBSD Unix
Location: New York, NY

Joshua
Ogden Little Bags
http://www.ogdenlittle.com
Reply With Quote
  #15  
Old 09-08-2004, 09:57 AM
 
jparadise jparadise is offline
 

Newbie
   
Join Date: Sep 2004
Location: New York, NY
Posts: 7
 
Default Now I feel like I'm going nuts -- works on SOME of the tabs
OK, now I feel like I'm going nuts. The Home and Contact Us tabs appear correctly, but the middle tab, shopping cart, has the old format. They all have the same class, Tab, so why would they be different? The page is at
https://ogdenlittle.globalhosting.com/shop/customer/

the code for the style sheet is:

Code:
.Tab {
	FONT-WEIGHT: bold;
	TEXT-TRANSFORM: uppercase;
}
.Tab A:link {color: #FFFFFF} /*This one works -- changes link in Tab to white*/
.Tab A:hover {COLOR: #FF0000; TEXT-DECORATION: underline;}

and the source for the speed bar is

Code:
<html>
<head>
<title>X-CART. Powerful PHP shopping cart software 
	  - Home
	</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Ogden Little Bags | Sporty Chic Bags for Men and Women | Totes, Messenger Bags, Small Goods, Luggage, Briefcases | MADE IN USA">
<meta name="keywords" content="ogden little, ogden, bags, totes, messenger bags, bag, new york, fashion bags, made in usa, fashion luggage">
<link rel="stylesheet" href="https://ogdenlittle.globalhosting.com/shop/skin1/skin1.css">
</head>
<body LEFTMARGIN=0 TOPMARGIN=0 RIGHTMARGIN=0 BOTTOMMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<TABLE align=center border=0 cellPadding=0 cellSpacing=0 width="100%" height="100%">
  <TR>
    <TD valign=top>
<TABLE class="OgdenTable" border=0 cellPadding=0 cellSpacing=0 width="100%">
<TR> 
<TD width=27></TD> 
<TD>

 

[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/menu_logo.gif[/img]
</TD>
<TD valign=top align=right>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td valign=top align=right>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td><table border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_01.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td height=5 valign=bottom class=Tab background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_02.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td width=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_03.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
</tr>
<tr>
<td width=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_04.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td width=85 height=30 class=Tab align=center background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_05.gif">Home</td>
<td width=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_06.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
</tr>
<tr>
<td width=9 height=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_07.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td height=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_08.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td width=9 height=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_09.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
</tr>
</table>
</td>
<td width=1>[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td><table border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_01.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td height=5 valign=bottom class=Tab background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_02.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td width=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_03.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
</tr>
<tr>
<td width=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_04.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td width=85 height=30 class=Tab align=center background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_05.gif">Shopping Cart</td>
<td width=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_06.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
</tr>
<tr>
<td width=9 height=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_07.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td height=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_08.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td width=9 height=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_09.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
</tr>
</table>
</td>
<td width=1>[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td><table border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_01.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td height=5 valign=bottom class=Tab background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_02.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td width=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_03.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
</tr>
<tr>
<td width=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_04.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td width=85 height=30 class=Tab align=center background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_05.gif">Contact Us</td>
<td width=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_06.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
</tr>
<tr>
<td width=9 height=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_07.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td height=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_08.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
<td width=9 height=9 background="https://ogdenlittle.globalhosting.com/shop/skin1/images/speedbar_design_09.gif">[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
</tr>
</table>
</td>
<td width=1>[img]https://ogdenlittle.globalhosting.com/shop/skin1/images/spacer.gif[/img]</td>
</tr>
</table>
</td>
</tr>
</table></TD></TR>
</TABLE>
__________________
X-Cart Info
Version: 3.5.11
OS: FreeBSD Unix
Location: New York, NY

Joshua
Ogden Little Bags
http://www.ogdenlittle.com
Reply With Quote
  #16  
Old 09-09-2004, 01:02 AM
  EnriqueHavoc's Avatar 
EnriqueHavoc EnriqueHavoc is offline
 

eXpert
   
Join Date: Jul 2004
Posts: 232
 
Default
it looks to me like you got it fixed since all 3 links seem to be using the Tab class correctly. Could it be that the a:visited color is throwing you off? or some caching problem with your browser? dunno

could you take a screenshot of the problem
__________________
X-Cart 4.0.12
PHP 4.3.11
MySQL 4.0.23
Linux/Apache
Net::SSLeay 1.25
libCURL libcurl/7.12.0 OpenSSL/0.9.7a zlib/1.1.4
www.ewdhosting.com
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
Page 2 of 2 < 1 2

« Previous Thread | Next Thread »

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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 01:29 AM.

   
 
X-Cart forums © 2001-2020