Manipulating imgmap?
Hello,
I am trying to manipulate two lines of images such that they are both right justified. The images are actually text with links attached to each one.
I have it working fine when I have only one line of images but the second line of images refuses to right justify.
You can see my tryout at http://www.usernomics.com/user-experienceTEST.html .
The code I am using is below.
Can anyone see what I am doing wrong here?
Thanks a lot,
Bob
<a href="http://www.usernomics.com/user-experience.html" title="User Experience"><img src="images/site/ux.gif" alt="User Experience" width="150" height="30" class="imgmap4">
</a><img src="images/site/dash.gif" alt="Dash" width="23" height="30" class="imgmap4">
<a href="http://www.usernomics.com/mobile" title="Mobile Site"><img src="images/site/mobile.gif" alt="Mobile Site" width="110" height="30" class="imgmap4"></a>
<img src="images/site/new3.gif" alt="Dash" width="54" height="30" class="imgmap4">
<a href="http://www.usernomics.com/ergonomics-store.html" title="Ergonomic Products Store"><img src="images/site/products3.gif" alt="Ergonomic Products Store" width="173" height="30" class="imgmap5"></a>
<img src="images/site/dash.gif" alt="Dash" width="23" height="30" class="imgmap5">
<a href="http://jobs.usernomics.com/a/jbb/find-jobs" title="Usability Jobs"><img src="images/site/jobboard.gif" alt="Job Board" width="97" height="30" class="imgmap5"></a>
</div>
CSS
.imgmap4{
float: right;
margin: 0px 8px 0px 0px;
border: none;
}
.imgmap5{
float: right;
margin: 25px 8px 0px 0px;
padding: 0px 0px 0px 0px;
border: none;
}
|