No replies
alexsaberi
Offline
newbie
Last seen: 17 years 31 weeks ago
Joined: 2004-10-13
Posts: 1
Points: 0

Hi,

Just wondfering if anyone thinks that this is a good idea for image replacing text in navigation etc? Instead of using all the hacks for the fir, lir methods etc?

Many thanks

alex

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
#masthead li {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
list-style-type: none;
}
#jj {
position: absolute;
height: 55px;
width: 400px;
left: 5px;
top: 10px;
overflow: hidden;
}
#masthead2 a {
background-position: left top;
display: block;
position: relative;
width: 96px;
padding-top: 0px;
padding-left: 0px;
height: 55px;
list-style-type: none;
overflow: hidden;
}
#dd {
background-image: url(button3.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
position: relative;
width: 96px;
bottom: 55px;
padding-top: 0px;
padding-left: 0px;
height: 55px;
list-style-type: none;
}
li {
list-style-type: none;
float: left;
}
#masthead2 a:hover {
background-position: 0px -55px;
display: block;
position: relative;
width: 96px;
padding-top: 0px;
padding-left: 0px;
height: 55px;
list-style-type: none;
overflow: hidden;
background-image: url(button3.gif);
background-repeat: no-repeat;
}

-->
</style>
</head>

<body>

<div id="masthead2">
<li><a href="#">home</a>
<a href="#" id="dd"></a></li>
<li><a href="#">home</a>
<a href="#" id="dd"></a></li>
</div>

</body>
</html>