CSS help please!!

Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic


   Hi

Sorry I'm hopeless with CSS I've just changed my 
#pcmain a:hover { 
       color: #FFFFFF;
       text-decoration: none;
       background-color: #666666;
       }
http://www.shiningimagegallery.com/productcart/pc/viewCategories.asp?idCategory=131

Which works fine except in category view my small images  have a border and as this is a link it too that now has a background colour change at the bottom on hover  which I think looks weird   I've tried this 

and it changes nothing  Please .........can anyone help with the right css code and where it goes or am I trying the impossible??  

  /* Style within SHOW PRODUCTS table */

#pcShowProductSmallImage a:hover { 
    background-color: #000000; 
        }

Cheers
Kathy

Author	Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic
shiny Members Profile Send Private Message Find Members Posts Add to Buddy List Groupie Joined: 29-September-2007 Location: United Kingdom Status: Offline Points: 0	Post Options Post Reply Quote shiny Report Post Thanks(0) Quote Reply Topic: CSS help please!! Posted: 25-July-2008 at 7:48am
	Hi Sorry I'm hopeless with CSS I've just changed my #pcmain a:hover { color: #FFFFFF; text-decoration: none; background-color: #666666; } http://www.shiningimagegallery.com/productcart/pc/viewCategories.asp?idCategory=131 Which works fine except in category view my small images have a border and as this is a link it too that now has a background colour change at the bottom on hover which I think looks weird I've tried this and it changes nothing Please .........can anyone help with the right css code and where it goes or am I trying the impossible?? /* Style within SHOW PRODUCTS table */ #pcShowProductSmallImage a:hover { background-color: #000000; } Cheers Kathy

patschraier Members Profile Send Private Message Find Members Posts Add to Buddy List Newbie Joined: 29-May-2007 Location: United States Status: Offline Points: 6	Post Options Post Reply Quote patschraier Report Post Thanks(0) Quote Reply Posted: 25-July-2008 at 9:37am
	Kathy, Change the following: #pcMain .pcShowProductImageH img { border:2px double #333333; padding:8px; } to #pcMain .pcShowProductImageH img { border:2px double #333333; } The problem seems to be the padding not the hover. See if this works. Regards, Pat
	Pat Schraier www.patriciaschraier.com

shiny Members Profile Send Private Message Find Members Posts Add to Buddy List Groupie Joined: 29-September-2007 Location: United Kingdom Status: Offline Points: 0	Post Options Post Reply Quote shiny Report Post Thanks(0) Quote Reply Posted: 25-July-2008 at 10:38am
	Ah!!! thanks Pat I was using the padding as a double border going to have to play around with it and choose something different then probably end up with none!! It's about time I stopped fiddling with the design and loaded more content........ Thanks Again Kathy