Hi.Does anyone know what is wrong with my styles?The font size is OK but the LINK size is wrong.Also something seems to be wrong with VISITED and HOVER.Any suggestions how to do this much appreciated.Thanks.A:link{ text-decoration: none; }A:visited{ text-decoration: none;}A:hover{ text-decoration: underline; color: #ff0000;}A:active{ text-decoration: none;}.Verdana16 { font-family:"Verdana", sans-serif; font-size:16px; }.Verdana16:link, a.Verdana16:link, .Verdana16 a.link { font-family:"Verdana", sans-serif; font-size:16px; font-weight:bold; color:#000000; text-decoration:none; }.Verdana16:visited, a.Verdana16:visited, .Verdana16 a.visited { font-family:"Verdana", sans-serif; font-size:16px; color:#000000; font-weight:normal; }.Verdana16:hover, a.Verdana16:hover, .Verdana16 a.hover { font-family:"Verdana", sans-serif; font-size:16px; font-weight:bold; color:#000000; text-decoration:none; }
Hello,
I have always had the same problem. What I do is setting the font-size to % and giving a slightly different size (normally bigger) to the links. For example: Verdana16 { font-family:"Verdana", sans-serif; font-size:120%; }.Verdana16:link, a.Verdana16:link, .Verdana16 a.link { font-family:"Verdana", sans-serif; font-size:130%; font-weight:bold; color:#000000; text-decoration:none; }depending on the views in browsers, and it has always worked for me.Regards