Hi all:
Love the tutorial sections of this site. For an absolute newbie like me, it does help me solve some problems.
I am working on this one:
http://www.w3schools.com/css/tryit.asp?fil...s_link_advanced
This works great if you have no other links on the page.
So I played around with it and entered this into that page:
<html>
<head>
<style type="text/css">
#links {
text-align: center;
display:inline;
}
#links {
a:link;a:visited;
font-weight:bold;
color:#FFFFFF;
background-color:#1E9991;
text-align:center;
padding:4px;
text-decoration:none;
}
#links { a:hover;a:active;
background-color:#06615B;
}
</style>
</head>
<body><p id="links">
<a href="default.asp" target="_blank">Home</a> <a href="default.asp" target="_blank">Homepage</a>
<a href="default.asp" target="_blank">Homey</a>
<a href="default.asp" target="_blank">Hometown</a>
</div>
<p>No border around the image, but still a link:
<a href="default.asp">
<img border="0" src="smiley.gif" alt="HTML tutorial" width="32" height="32" />
</a><a href="http://www.w3schools.com/">Visit W3Schools</a> </p>
</body>
</html>
For the life of me, I cannot figure out why the links in the coloured boxes are not white.
Anyone have any hints.
Greatly appreciated.
2 Votes


Answers