This is what I have:
a:link { text-decoration: none; color:black; font-size: 12px }
a:visited { text-decoration: none; color:black; font-size: 12px }
a:hover { font-weight: bold }
table {
border-color: black;
border-collapse: collapse;
width: 15%;
}
table td {
background-color: 778899;
font-weight: bold;
color: black;
}
table td.a {
background-color: B0C4DE;
}
<body>
<table>
<tr><td>Title</td></tr>
</table>
<table>
<tr><td class="a"><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.website.com">Website</a></td></tr>
</table>
Now, my question is regarding the link. It doesnt seem to be affected by the a:link etc... properties I established above - is there a way to assign those properties to that link when it is part of a <td> with a class...if that is even the problem?
Let me know,
Thank YouFirst of all, you are using tables for your layout. You should use the <h1> tag for your title, <h1>Title</h1>. You can also click on the "Taming Lists" link in my sig which will show you a way to format your menu and then you can define where you want to position it via CSS.First of all, I dont want a plain title...I want a background color to the title plus a border - so I thought a table would be easiest for that. Second of all, I went to that link and got lost - so if you could explain what I could do about my problem..that would be great.
Thanksa:link { text-decoration: none; color:black; font-size: 12px; font-weight:normal; }
a:visited { text-decoration: none; color:black; font-size: 12px; font-weight:normal; }
a:hover { font-weight: bold }
Also your colors need # prepended to them.
You want a heading that looks a certain way? Then code it right and make it look like you want with styles:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Conforming HTML 4.01 Transitional Template</title>
<style type="text/css">
a:link { text-decoration: none; color:black; font-size: 12px; font-weight:normal; }
a:visited { text-decoration: none; color:black; font-size: 12px; font-weight:normal; }
a:hover { font-weight: bold }
h1 {
font-family: sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #778899;
color: black;
border: 1px solid black;
margin:0; padding: 0 5px;
width:80px;
}
ul { margin:0; padding: 0; }
li {
background-color: #B0C4DE;
list-style: none;
margin:0; padding:0 5px;
border: 1px solid black;
width:80px;
}
</style>
</head>
<body>
<h1>Title</h1>
<ul>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.website.com">Website</a></li>
</ul>
</body>
</html>
a:link { text-decoration: none; color:black; font-size: 12px }
a:visited { text-decoration: none; color:black; font-size: 12px }
a:hover { font-weight: bold }
table {
border-color: black;
border-collapse: collapse;
width: 15%;
}
table td {
background-color: 778899;
font-weight: bold;
color: black;
}
table td.a {
background-color: B0C4DE;
}
<body>
<table>
<tr><td>Title</td></tr>
</table>
<table>
<tr><td class="a"><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.website.com">Website</a></td></tr>
</table>
Now, my question is regarding the link. It doesnt seem to be affected by the a:link etc... properties I established above - is there a way to assign those properties to that link when it is part of a <td> with a class...if that is even the problem?
Let me know,
Thank YouFirst of all, you are using tables for your layout. You should use the <h1> tag for your title, <h1>Title</h1>. You can also click on the "Taming Lists" link in my sig which will show you a way to format your menu and then you can define where you want to position it via CSS.First of all, I dont want a plain title...I want a background color to the title plus a border - so I thought a table would be easiest for that. Second of all, I went to that link and got lost - so if you could explain what I could do about my problem..that would be great.
Thanksa:link { text-decoration: none; color:black; font-size: 12px; font-weight:normal; }
a:visited { text-decoration: none; color:black; font-size: 12px; font-weight:normal; }
a:hover { font-weight: bold }
Also your colors need # prepended to them.
You want a heading that looks a certain way? Then code it right and make it look like you want with styles:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Conforming HTML 4.01 Transitional Template</title>
<style type="text/css">
a:link { text-decoration: none; color:black; font-size: 12px; font-weight:normal; }
a:visited { text-decoration: none; color:black; font-size: 12px; font-weight:normal; }
a:hover { font-weight: bold }
h1 {
font-family: sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #778899;
color: black;
border: 1px solid black;
margin:0; padding: 0 5px;
width:80px;
}
ul { margin:0; padding: 0; }
li {
background-color: #B0C4DE;
list-style: none;
margin:0; padding:0 5px;
border: 1px solid black;
width:80px;
}
</style>
</head>
<body>
<h1>Title</h1>
<ul>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.website.com">Website</a></li>
</ul>
</body>
</html>