Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.
<a href="home.html"><img src="images/ic1.png" alt=""/></a>
<div id="imgswap"> <a href="home.html"><img id="imgswap" src="images/ic1.png" alt=""/></a></div> //click event doesnt work?
ul.nav
{
list-style-type: none;
padding: 0;
margin: 0;
float: left;
}
ul.nav a
{
border: 0px solid #cccccc;
display: block;
height: 100px;
padding-top: 72px;
width: 100px;
}
.nav li#welcome a {
background-image:url(images/ic1.png);
background-repeat: no-repeat;
}
.nav li#welcome a:hover {
background-image:url(images/ic1b.png);
background-repeat: no-repeat;
}
.nav li#welcome2 a {
background-image:url(images/ic1.png);
background-repeat: no-repeat;
}
.nav li#welcome2 a:hover {
background-image:url(images/ic1b.png);
background-repeat: no-repeat;
}
#head{
}
</style>
</head>
<body>
<div id="head">
<ul class="nav">
<li id="welcome"><a href="home.html"></a></a></li>
<li id="welcome2"><a href="home.html"></a></a></li>
</ul>
</div>
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.