One small correction:
CODE
#menu a:link, a:visited {
display: block;
...
display: block;
...
should be
CODE
#menu a:link, #menu a:visited {
display: block;
...
display: block;
...
i.e. you need to specify #menu for each item
Same for this one
CODE
#menu dl, ul{
My links from some divs at www.wornaut.com/index1.php seem to be taking on some properties from other divs, even if they're not nested in those divs. I've tried to figure it out countless times, and both my CSS and my html validates, so I just can't figure it out. FireFox will have certain links take properties from certain divs, and IE will do likewise, only with different links and different divs. The most noticeable of these properties is color and whether or not it's a block level element. Any ideas? The CSS is as follows:
body {
text-align: center;
background: #D4D3D3 url(/images/slice.jpg) repeat-x;
font: 12px arial;
color: black;
}
#container {
position: relative;
width: 981px;
height: 600px;
background: white url(/images/page.jpg) top center;
}
h1 {
font: 18px arial;
color: #D7D6D6;
position: absolute;
top: 143px;
left: 296px;
}
a:link, a:visited {
text-decoration: none;
font: 12px arial;
color: red;
border-bottom: #000 1px dotted;
margin-left: 2px;
margin-right: 2px;
}
a:hover {
margin-left: 1px;
margin-right: 1px;
text-decoration: none;
border-top: #000 0px solid;
border-bottom: #000 0px solid;
border-left: #000 1px dotted;
border-right: #000 1px dotted;
}
#menu {
width: 160px;
position: absolute;
top: 172px;
left: 122px;
}
#menu dl, ul{
padding: 0;
margin: 0;
list-style-type: none;
text-align: left;
}
#menu dt {
color: #4A6280;
font-weight: bold;
text-align: center;
}
#menu a:link, a:visited {
display: block;
text-decoration: none;
border-bottom: 0;
padding: 0 0 0 40px;
margin: 0 0 0 0;
line-height: 20px;
color: #706F6F;
text-align: left;
}
#menu a:hover {
background: #D4D3D3;
border-left: #4A6280 5px solid;
border-top: 0;
border-right: #4A6280 1px solid;
padding-left: 25px;
}
#menu hr {
margin-left: 5px;
}
#about {
width: 150px;
position: absolute;
right: 130px;
top: 171px;
}
#about h4 {
color: #4A6280;
font-weight: bold;
text-align: center;
}
#content {
width: 365px;
height: 300px;
position: absolute;
left: 300px;
top: 185px;
text-align: justify;
}
#content h3 {
text-align: center;
color: #4A6280;
padding-bottom: 10px;
}
#links {
width: 150px;
position: absolute;
right: 130px;
top: 420px;
}
#links a:link, a:visited, a:hover {
display: block;
}
Elliot Swan |