Hello, all.
I have to design a basic website for school, and I'm having trouble with my navigation. The coding for the Visited links is somehow the default. So unclicked and clicked links look the same.
I don't know what I'm doing! Here is my CSS (I don't know what's important and what's not, so I just included it all). Thanks for any help.
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background:#54787b;
margin: 0;
padding: 0;
color: #ecd178;
}
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
}
a img {
border: none;
}
a:link {
color:#ecd178;
text-decoration: underline;
}
a:visited {
color: #ecd178;
text-decoration: underline;
}
a:hover, a:active, a:focus {
text-decoration: none;
color: #FC9;
}
.container {
width: 70%;
max-width: 1260px;
min-width: 780px;
background: #ecd178;
margin: 0 auto;
}
.header {
background:repeat; background-image:url(web/images/header.png);
height: 187px;
padding-left: 0px;
padding-top: 17px;
}
ul#list-nav {
margin:0px;
padding:0;
list-style:none;
width:100%;
colour: #696;
}
ul#list-nav li {
display:inline;
colour: #ecd178;
}
ul#list-nav li a {
text-decoration:none;
text-align: center;
padding:5px 0;
height: 25px;
width:20%;
colour: #ecd178;
float:left;
}
ul#list-nav li a:link {
background:#fff;
color:#ecd178;
}
ul#list-nav li a:visited {
background:#c22845;
color:#000;
}
ul#list-nav li a:hover {
background:#dd5b44;
}
ul#list-nav li a:active {
color:#fff;
}
.content {
margin-top:75px;
padding: 10px 0;
color: #542437;
margin-left:20px;
margin-right: 20px;
}
.content ul, .content ol {
padding: 0 15px 15px 40px; /
}
.footer {
padding: 10px 0;
background: #542437;
color: #ecd178;
}
I have to design a basic website for school, and I'm having trouble with my navigation. The coding for the Visited links is somehow the default. So unclicked and clicked links look the same.
I don't know what I'm doing! Here is my CSS (I don't know what's important and what's not, so I just included it all). Thanks for any help.
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background:#54787b;
margin: 0;
padding: 0;
color: #ecd178;
}
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
}
a img {
border: none;
}
a:link {
color:#ecd178;
text-decoration: underline;
}
a:visited {
color: #ecd178;
text-decoration: underline;
}
a:hover, a:active, a:focus {
text-decoration: none;
color: #FC9;
}
.container {
width: 70%;
max-width: 1260px;
min-width: 780px;
background: #ecd178;
margin: 0 auto;
}
.header {
background:repeat; background-image:url(web/images/header.png);
height: 187px;
padding-left: 0px;
padding-top: 17px;
}
ul#list-nav {
margin:0px;
padding:0;
list-style:none;
width:100%;
colour: #696;
}
ul#list-nav li {
display:inline;
colour: #ecd178;
}
ul#list-nav li a {
text-decoration:none;
text-align: center;
padding:5px 0;
height: 25px;
width:20%;
colour: #ecd178;
float:left;
}
ul#list-nav li a:link {
background:#fff;
color:#ecd178;
}
ul#list-nav li a:visited {
background:#c22845;
color:#000;
}
ul#list-nav li a:hover {
background:#dd5b44;
}
ul#list-nav li a:active {
color:#fff;
}
.content {
margin-top:75px;
padding: 10px 0;
color: #542437;
margin-left:20px;
margin-right: 20px;
}
.content ul, .content ol {
padding: 0 15px 15px 40px; /
}
.footer {
padding: 10px 0;
background: #542437;
color: #ecd178;
}