Having trouble with the link not working for li b elements.
Is this an impossible task?
I need assistance moving the navbuttons down to align with the logo. Additionally, I aim to change the logo image for every navbutton (refer to image)
<ul>
<li><a href="home"><img src='images/logo1.jpg' width='550 height='400' onmouseover="this.src='images/logo.jpg';" onmouseout="this.src='images/logo1.jpg';" /></a></li>
<li><b href="music"><img src='images/m.jpg'/></b></li>
<li><b href="news"><img src='images/j.jpg'/></b></li>
<li><b href="contact"><img src="images/s.jpg"/></b></li>
<li><b href="about"><img src="images/g.jpg"/></b></li>
<li><b href="contact"><img src="images/p.jpg"/></b></li>
<li><b href="about"><img src="images/c.jpg"/></b></li>
</ul>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;}
li {
float: left;}
li a {
display: block;
padding: 0px 0px;
text-decoration: none;}
li b {
display: block;
padding: 280px 0px 0px 0px ;
text-decoration: none;}
li b:hover{
Any help will be greatly appreciated, as I am still new to this.