Hover effect with CSS

[jojee]

Hi Experts,

I am a newbie and non english spoken so kindly accept my excuse about my english and about my question if it already been asked in forum.

 

well i want to make hover (onmouse over) link for info box ( category and other info box of left panel)

 

I already have CSS which contains LI and UL links but i m not sure how do I use them in oscommerce category menu. I can do that by static links but i want to use that for dynamic like standard hover link work.

 

 

here are example which i have in css

 

#bcat {

padding: 0px 0px 0px 0px;

font-family: Verdana, Geneva, Helvetica;

background-color: White;

color: #000;

width: 170px;

}

#bcat ul {

list-style: none;

 

etc....

 

Please Let me know if anyone know this thinkg ( i know that there are lots of experts )

 

Regards

Jojee

[Nacer]

Hard to follow what you mean, I suggest you show me a working example (where did you see it for example), and I will tell how to do it.

 

Enjoy

 

Nacer.

[AfterDark]

UL and LI are for lists. They have nothing to do with what you want. Try something like:

 

A.infoboxLINK {

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

color: Black;

}

 

A.infoboxLINK:hover {

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

color: Black;

font-weight: bold;

text-decoration: underline;

background-color: Gray;

padding: 2px;

}

 

 

CSS is easy but make sure you read up a bit on it. Thinking that you can borrow some bits and pieces is alright as long as you know what you are borrowing. The stuff you listed would have done NOTHING for your cause....

[jojee]

Hi,

Thanks for both of you for reply. Act. i want to make button style menu for category left panel but i dont want to use images cuz i want to use that dynamic not static so i think css is the best solution for this problem.

 

let me define what i want to do ( excuse about y english ) .. I want to make category list (left panel) as like ouse over button.. When i move my cursorthere so hover should change back ground color ( not all category'.. )

 

I am not sure if u understand or not.. if its possible to show u some picture here so i can but i m still confuse that how do i paste some image here.

 

hope someone will help me about this.

 

I am also looking some contribution which can do for me ..

-show BUY NOW button in special box

-give short description of product in special and new product list ( in main page)

 

regards

[AfterDark]

A.infoboxLINK {

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

color: Black;

}

 

A.infoboxLINK:hover {

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

color: Black;

font-weight: bold;

text-decoration: underline;

background-color: Gray;

padding: 2px;

}

 

 

Apply that with whatever colours you like to the links in the infoboxes.

 

Thats what you asked for.... read up on CSS as afterdark solved this for you.