I have an issue that I can't figure out.
Code:
http://thenavidsonrecord.com/ne/index.php
On that page, I ended up having to give each of the images on the bottom their own div. I gave each div a different border. As you can see, the divs and images are sitting correctly.
NOW..
I then gave links a YELLOW border, which you can also see there.
Obviously they are not positioned correctly.
here is my source html and css
Code:
<div id="lowerNav">
<?php readfile("lowerNav.html"); ?>
</div>
<!-- lowerNav.html -->
<div id="cD">
<a href="contact.php"><img class="lowerNav" src="http://www.webmaster-talk.com/images/contact.gif" alt="contact" /></a>
</div>
<div id="pD">
<a href="pedigrees.php"><img class="lowerNav" src="http://www.webmaster-talk.com/images/pedigrees.gif" alt="pedigrees" /></a>
</div>
<div id="mD">
<a href="members.php"><img class="lowerNav" src="http://www.webmaster-talk.com/images/members.gif" alt="members" /></a>
</div>
Code:
img.lowerNav {
float:left;
}
#cD {
float:right;
width:90px;
border: 1px solid green;
margin:0px;
padding:0px;
}
#mD {
float:right;
border: 1px solid red;
width:90px;
margin:0px;
padding:0px;
}
#pD {
float:right;
border: 1px solid blue;
width:90px;
margin:0px;
padding:0px;
}
Help me please I will be very grateful!
|