Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 01-19-2013, 07:57 PM   PM User | #1
nikko50
Regular Coder

 
Join Date: May 2004
Posts: 375
Thanks: 62
Thanked 0 Times in 0 Posts
nikko50 is an unknown quantity at this point
li border change on hover?

I have a horizontal list with a border on each list. how can I chane the border color when someone hovers on a list?. i tried the below but it does not work.


Code:
ul li  {

    display:block;
    width:180px;
    height:200px;
    margin:5px; 
    padding:5px;
    text-align:center;
    background-position:0 0;
    border:5px solid #E3E3E3;
}


ul li{

    float:left;
}

ul li hover {   border:5px solid red;}
nikko50 is offline   Reply With Quote
Old 01-19-2013, 09:42 PM   PM User | #2
Frankie
Regular Coder

 
Join Date: Sep 2011
Posts: 284
Thanks: 3
Thanked 32 Times in 32 Posts
Frankie is an unknown quantity at this point
Code:
ul li hover {   border:5px solid red;}
should be:
Code:
ul li:hover {   border:5px solid red;}
__________________
Frank

How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.
Frankie is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 03:25 PM.


Advertisement
Log in to turn off these ads.