UL links does not work the way I want

Hello

Just trying to learn more about CSS and I have a problem.

I have an unordered list vertical and used the li tag do a "box" around each link (border background/red red/black text)

I then did the text in each box a link by using the menu "edit/make the connection" option. It works very well.

So next I tried to create a rule composed (li, a: hover) to change the color of the font in black and red background color - basically reverse the colors of the non-pointe State. So now stationary, while the text changes to black as I want it in the background everything passes to red as soon as I select this color in the rule?

Here are some photos to show what I'm trying to explain.

NO - HOVER

Non Hover.JPG

Li a: hover tag

Hover.JPG

I guess I'm not using the li,: hover tag correctly and am sure someone can put me right.

In addition, using the ' menu edit/make link option will make only the text a link but I would like to area it entire boxes of eah element as part of the link - how do you do that? What I have to do each item an image?

And here's the CSS.

@charset "utf-8";
{body
Background: url (.. / _images/Background.jpg);
}
{html, body
margin: 0px;
padding: 0px;
text-align: center;
}
{p}
do-family: "Times New Roman", Times, serif;
do-size: 18px;
color: #FFF;
text-decoration: none;
}
H1 {}
do-family: "Times New Roman", Times, serif;
font size: 24 PX.
color: #FFF;
margin-top: 0;
text-decoration: none;
}

{#wrapper}
text-align: left;
Width: 1000px;
position: relative;
margin-right: auto;
left margin: auto;
}
#header {}
height: 200px;
Width: 1000px;
Clear: both;
}
#header img {}
margin: 0px;
padding: 0px;
height: 200px;
Width: 1000px;
}

#mainContent {}
height: 900px;
Width: 765px;
float: right;
low-margin: 45px;
padding-right: 25px;
padding-left: 10px;
}
#sideBar {}
height: 900px;
Width: 200px;
float: left;
Clear: left;
}


#footer {}
background-color: #060;
height: 200px;
Width: 1000px;
Clear: both;
}
UL {}
padding-left: 5px;
margin: 5px 0px 0px;
}
Li {}
do-family: Georgia, "Times New Roman", Times, serif;
font-size: medium;
line-height: 1.5em;
make-weight: bold;
text-transform: uppercase;
Color: #F00;
Width: 125px;
border: medium framed #F00;
list-style: none;
top of the margin: 5px;
margin-bottom: 5px;
Background: #000;
padding-left: 10px;
}
Li a {}
Color: #F00;
text-decoration: none;
}
Li, a: hover {}
Color: #000;
background: #F00;
}

Thank you

Remove the comma.   You're style of an element; not two.

Li a: hover

Nancy O.

ALT-Web Design & Publishing

Web | Graphics | Print | Media specialists

http://ALT-Web.com/

http://Twitter.com/ALTWEB

Tags: Dreamweaver

Similar Questions

Maybe you are looking for

  • How can I sort by song when searching?

    Hello When I search in my itunes library, the view shows only results sorted by album. As I buy songs quite often not in an album, but as a simple, most of the albums are not available, where the titles are being sorted by "unknown album". It's quite

  • Portege M400 and 3.60 BIOS

    Ubuntu Linux running on the M400 and it seems that almost all BIOS version 3.60 prerequisite are broken because there are errors of the quirk on the CPU APIC. Perhaps Microsoft could circumvent the APIC tables broken for awhile but things with Linux

  • System performance 'Windows' and wireless mouse problems

    I have a HP Pavilion dv7-3 with a mouse Microsoft Wireless Mouse attached model 4000.  So far it has been working well.  Now the top scroll button on the right will not work.  Down works great.  This takes place when I'm on the internet.   Brand x cl

  • Reader of Compaq Evo N180 with Toshiba DVD - ROM SD-C2502

    Drive will not open cd audio or data will open video dvd

  • Envelopes of Word 2002 order print correctly

    In Word 2002, arrested envelopes print properly - does not print the return address and delivery address printed at the top of the envelope.    I tried to go to tools/letters & envelopes/mailing labels/Options to define the distances, but it does not