Forum Moderators: not2easy
a:link {
color: f3f3f3;
text-decoration: none;
}Here's some snippets-
The HTML-
<!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" lang="en" xml:lang="en">
<head>
<title>The Title</title>
<link type="text/css" rel="stylesheet" href="./style.css" />
</head>
<body>
<div id="container">
<div id="header">
<h1 id="title">The title</h1>
<h3 id="subtitle">The subtitle............</h3>
</div>
<div id="sidebar">
<ul>
<li id="menu"><a href="./index.html">Home</a></li>
<li id="menu">Product 1
<li id="submenu"><a href="">Overview</a></li>
<li id="submenu"><a href="">Screenshots</a></li>
<li id="submenu"><a href="">Download</a></li>
</li>
<li id="menu">Product 2
<li id="submenu">Overview</li>
<li id="submenu">Download</li>
</li>
</ul>
</div>
</div>
</body>
</html>
The CSS-
body {
margin: 0px;
padding: 50px;
text-align: center;
font-family: Trebuchet MS, sans-serif;
font-size: 13pt;
color: #f3f3f3;
background:#222;
}
#container{
text-align: center;
}
#header {
border: 10px solid #fff;
}
#title {}
#subtitle {
}
#sidebar {
text-align: left;
padding: 0px;
margin: 0px;
float: left;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
border-bottom: 10px solid #fff;
}
ul {
padding: 0px;
margin: 0px;
list-style: none;
}
#menu {
padding-left: 30px;
padding-right: 30px;
margin: 0px;
background-color: #434343;
}
#submenu {
padding-left: 60px;
padding-right: 30px;
margin: 0px;
background-color: #434343;
}
a:link {
color: f3f3f3;
text-decoration: none;
}
a:visited {
color: efefef;
text-decoration: none;
}
a:hover {
color: f9f9f9;
text-decoration: none;
}
a:link {
color: f3f3f3;
text-decoration: none;
}
This might work in IE, but you are missing the '#' before the rgb colour value (which you include in other parts of your CSS, but not your anchors)...
color: #f3f3f3;
