I want to have text aligned in the left of a table cell, with a small hyperlinked image aligned at the right of the same cell.
The text is always aligned correctly, but the image is not:
- IE6: Image is horizontally aligned correctly, but I want it to be vertically middle aligned.
- Firefox: Image is not horizontally aligned properly, nor is it vertically middle aligned.
- Firefox: The image has a border, though I've specified "Border: None;" in the aimg class.
(rest of stylesheet at: http://swg.dailybuzz.net/c
.aimg {
float: right;
border: none;
}
<table id="ASDS">
<tr>
<th width=100>Planet Name</th>
<th width=275>Resource Type</th>
<th width=175>Name</th>
<th><abbr title="Overall Quality">OQ</abbr> </
<th><abbr title="Potential Energy">PE</abbr> </t
<th><abbr title="Unit Toughness">UT</abbr>
<th><abbr title="Decay Resistance">DR</abbr> 
<th>Rating</th>
<th nowrap>Days Old</th>
</tr>
<tr>
<td>Lok</td>
<td>Dolovite Iron</td>
<td><a href='./alerts.php?res=Omn
<td>719</td>
<td class="hide" align="right">0</td>
<td class="hide" align="right">774</td>
<td class="hide" align="right">752</td>
<td title="1*OQ" class="red">719</td>
<td >6</td>
</tr>
</table>
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
you could use <img src=".." border="0" /> to get rid of the border
alternately you could try it without CSS like this <img src=".." border="0" align="right" /> you might have to put it after a few links so it lands vertically centered. But if your content in the cell is going to change its not a good idea.
I can see only two plus images -> one is pa.gif, the other is plus.gif.
The plus.gif image is vertically aligned in the long blue cell (with section name) in IE.
In Firefox the plus.gif image is not vertically aligned. Its closer to the top edge. Is this the one you want to fix?
If not can you give us a link which has the exact problem and tell us where to look?
Ok, if you're row is going to be changing in height, or u expect users to inmcrease font sizes etc. you may have to do it with a bit of javascript.
<div id="row"><span id="inside">text and plus image <img src="plus.gif" /></span></div>
Then in the head you use this to script it:
<script type="text/javascript">
function setValign()
{
obj1=document.getElementBy
obj1=docuemnt.getElementBy
divH=obj1.offsetHeight;
spanH=obj2.offsetHeight;
pad=parseInt((divH-spanH)/
obj1.style.paddingTop=pad+
}
onload=setValign;
onresize=setValign;
</script>
--- courtesy Cd& ---
Business Accounts
Answer for Membership
by: RoonaanPosted on 2004-11-02 at 11:14:53ID: 12476165
Try to assign the class to the <a> instead of to the <img>: eg:
<a class="aimg"><img /></a> instead of <a><img class="aimg" /></a>.
Regards
-r-