Finaly figured out how to change font in my Nav Bars but now the hyperIink hpver color change does not work
When I pull out the <h4> its fine but then my font goes back to default
The wierd thing is thats it working in firefox but not IE
Here is the HTML
<CENTER>
<BR>
<BR>
<img src="http://www.pbase.com/azicit/image/108811240/large.jpg">
</CENTER>
<center>
<table CELLPADDING="18">
<TD>SLIDESHOW(slideshowlandscape, delay=6, loop=yes, random=yes, size=medium)</TD>
<TD><img src="http://www.pbase.com/image/108811415/medium.jpg">
<BR><BR>
<TD></TR></TBODY></TABLE></center>
<center>
<table width="70%" cellspacing=0 cellpadding=0 border=0>
<td width="20%" align="center" bgcolor="#00000"><a href="http://www.azicit.com"><h4>
AZICIT.com</a></h4> </td>
<td width="20%" align="center" bgcolor="#000000">
<a href="mailto:suzanne@azicit.com"><h4>Contact</a></h4>
</td>
<td width="20%" align="center" bgcolor="#000000"><a href="http://www.pbase.com/azicit/guestbook"><h4>Guestbook</a></h4></td>
<td width="20%" align="center" bgcolor="#000000"><a href="http://www.azicit.blogspot.com/"><h4>Blog</a></h4>
</td>
</table>
</center>
**********************************************
css
a { color: <getvar color11>;
text-decoration: none;
}
a:active { color: <getvar color3>; font-weight: ; }
a:link { color: <getvar color24>; font-weight: ;}
a:visited { color: <getvar color24>; font-weight: ;}
a:hover { color: <getvar color11>; font-weight: ;}
a.thumbnail,
a.thumbnail:link,
a.thumbnail:visited,
a.thumbnail:active
{
border: <getvar color11> 2px solid;
margin-bottom: -45px;
padding-top: 5px;
width: 182px;
display: block;
background-color: <getvar color5>;
height: 200px;
}
a.thumbnail:hover
{
border: <getvar color24> 1px solid;
margin-bottom: -45px;
padding-top: 5px;
width: 182px;
display: block;
background-color: <getvar color14>;
height:200px;
}
td.thumbnail
{
height: 220px;
}
body{ text-align: left align;
margin-bottom: 15px;
margin-top: 0px;
background: <getvar color17>;
}
div,th,tr,table,font,li,ul,form,
blockquote,p,b,i,h1,h2,h3,h5,h4,font, center {
border: 0px;
color: <getvar color24>;
font: 12px verdana, Tahoma, Helvetica, sans-serif;
}
font {
margin-left: 4px;
margin-right: 4px;
width: 160px;
display: block;
color: <getvar color13>;
font: 12px Verdana, Tahoma, Helvetica, sans-serif;
letter-spacing: 0px;
}
h1, h2 {
border: <getvar color11> 2px solid;
border-left: 1px none;
border-right: 1px none;
border-top: 1px none;
margin-bottom: 1em;
margin-left: -10px;
margin-right: 0px;
padding: 20px;
width: 98%;
display: block;
background: <getvar color22>;
color: <getvar color13>;
font-size: 20px;
font-weight: ;
letter-spacing: 4px;
text-align: center;
height: 21px;
position: relative;
filter:
progid:DXImageTransform.Microsoft.gradient(gradientType=1,enabled='true',startColorstr
='#373737',endColorstr='#524b37');
}
h2:first-letter
{
color: <getvar color11>;
font-weight: bold;
font-size: 22pt;
}
h3 {
border-bottom: <getvar color11> 2px solid;
border-left: 1px none;
border-right: 1px none;
border-top: <getvar color11> 2px solid;
padding: 2px;
width: 800%;
display: block;
background: <getvar color15>;
color: <getvar color16>;
font-size: 22px;
font-weight: normal;
letter-spacing: 10px;
height: 18px;
text-align: center;
}
h4
{
letter-spacing: 10px;
height: 12px;
font-family: Bradley Hand itc;
}
h5 {
padding-left: 2px;
width: 150px;
display: block;
color: <getvar color16>;
font-size: 12px;
font-weight: ;
}
img{
border: <getvar color17> 1px none;
}
img.thumbnail {
border: <getvar color17> 1px solid;
margin: 0px;
padding: 0px;
background: <getvar color18>;
vertical-align: middle;
}input {
border: <getvar color17> 1px solid;
}
table.thumbnail {
width: 10%;
}
td {
border: 1px none;
background: none;
border-collapse: collapse;
empty-cells: show;
}
td.message_body {
border-bottom: <getvar color17> 1px solid;
border-left: 1px none;
border-right: 1px none;
border-top: 1px none;
display: block;
background: <getvar color19>;
}
td.message_body {
border-bottom: 1px solid <getvar color17>;
}
.caption {
color: <getvar color17>;
font-size: 10px Verdana, Tahoma, Helvetica, sans-serif;
font-style: italic;
}
.display {
border: <getvar color17> 2px solid;
margin-top: 1em;
background: <getvar color17>;
}
.lid{
background: transparent;
color: <getvar color13>;
font: 12px Verdana, Tahoma, Helvetica, sans-serif;
text-decoration: none;
}
.message_body {
margin: 5px 5px 10px;
color: <getvar color24>;
font: 12px Verdana, Tahoma, Helvetica, sans-serif;
}
.sb{
background: transparent;
color: <getvar color17>;
font: 12px Verdana, Tahoma, Helvetica, sans-serif;
text-decoration: none;
}
#commentlist .from
{
color: <getvar color3> 2px solid;
background-color: transparent;
}
BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }