campatibility for advanced styling of the anchor

i have had this code sitting around for over a year, but i never used it because i could never test it on older browsers. The fact that i don't see anyone using stuff like this leads me to believe there isn't much support.

i'm especially interest if someone has ie5 or 5.5 and netscape 6, but i've tested it in ie6 and netscape7.

<html>
<head>
<style type="text/css">
div{
width:70%;
padding:20px;
border:1px #666 solid;
background: #ccf;
color:#369;
}
a.bs,a.b,a.i {
padding:5px 0px;
height:30px;
text-decoration:none;
color:#666;
background:#FC9;
border: 1px #999 solid;
}
a.bs,a.b{
display:block;
padding:3px;
margin: 5px;
}
a.bs{width:300px;}

a.b:hover,a.i:hover,a.bs:hover{
background: #fff;
border: 1px #09f solid;
color: #09f;
}

</style>
</head>
<body>
<div> this is some text and textthis is some text and textthis is some text and textthis is some text and text
<a class="i" href="nowhere">blah</a>
<a class="i" href="nowhere">blah</a>
<a class="i" href="nowhere">blah</a>
<a class="i" href="nowhere">blah</a>
more text
<a class="i" href="nowhere">blah</a><br />
<a class="bs" href="nowhere">long link very long, not complete line</a>
<a class="b" href="nowhere">long link very long, yes complete line</a>
</div>
</body></html>

thanx

campatibility for advanced styling of the anchor

anchor advanced css

upsize

Birdman

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week