Forum Moderators: not2easy
My site uses a three column layout and I don't have the faintest idea where the problem could be, so please excuse the large posting with the code.
My CSS code for the center column:
/*Center Class*/
#center_col{
padding: 0;
margin: 0;
}
#center_col a{
color: #69c;
}
#center_col a:visited {
color: #600;
}
My CSS code for tags:
ul
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
}
/*Tags Class*/
.tags li{ display: inline; }
.tags a
{
float: left;
width: auto;
color: #06C;
padding-right: 1%;
text-decoration: none;
border-right: 1px solid #fff;
}
.tags .nonlink
{
float:left;
width: auto;
padding-right: 1%;
text-decoration: none;
border-right: 1px solid #fff;
}
}
.tags a:link,
.tags a:visited
{
color: #06C;
float:left;
width: auto;
padding-right: 1%;
text-decoration:none;
}
I've run this through the w3c.org css checker and got no errors.
Any help would be appreciated
border-right: 1px solid #fff;
}
}
Also, you have two potentially conflicting declarations:
.tags a {
&
.tags a:link, .tags a:visited {
I don't care for delaring a and a:link Never seen the point of differentiating anyway.
The edits below work, though there are several coding options.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title></title>
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*Center Class*/
#center_col {
padding: 0;
margin: 0;
}#center_col a {
color: #69c;}
#center_col a:visited {
color: #600;
}ul {
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
}/*Tags Class*/
.tags li {
display: inline;
}.tags a, .tags a:visited {
float: left;
width: auto;
color: red;
padding-right: 1%;
text-decoration: none;
border-right: 1px solid #fff;
}.tags .nonlink {
float: left;
width: auto;
padding-right: 1%;
text-decoration: none;
border-right: 1px solid #fff;
}/*.tags a:link, .tags a:visited {
color: #06C;
float: left;
width: auto;
padding-right: 1%;
text-decoration: none;
}*/
</style>
</head>
<body>
<div class="tags">
<ul>
<li>
<a href="http://www.example.com">LINK</a>
</il>
</ul>
</div>
<!--##########
The links in the inline UL that I use for listing tags on my site displays the default link colors for the center column (where the tags are located) instead of the colors I've specified.My site uses a three column layout and I don't have the faintest idea where the problem could be, so please excuse the large posting with the code.
My CSS code for the center column:
-->
</body>
</html>
