Problem with adding text into cell

N

Novicemaster

New Member
Hey everyone, I'm having a problem adding text to my navigation cell after my rollover images. It seems you could just add text after the last image and it should be fine, but when I do it adds extra height to the navigation cell. I know this is probably a easy fix, I am just stumped. Here is my code.I'm using dreamweaver. I have about 6 rollover buttons and would like to add a phone number in text at the end of the cell.

Thanks for any help



HTML: 
<tr>
  <td   height="25px" colspan="3" background="images/back.jpg" valign="middle">
   <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('About link','','links/about2.jpg',1)"><img src="links/about.jpg" alt="About link for site" name="About link" width="120" height="25" border="0" id="About link" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('services link','','links/services2.jpg',1)"><img src="links/services.jpg" alt="Services link" name="services link" width="120" height="25" border="0" id="services link" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('portfolio link','','links/portfolio2.jpg',1)"><img src="links/potfolio.jpg" alt="portfolio link" name="portfolio link" width="120" height="25" border="0" id="portfolio link" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('prices link','','links/prices2.jpg',1)"><img src="links/prices.jpg" alt="prices link" name="prices link" width="120" height="25" border="0" id="prices link" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact link','','links/contact2.jpg',1)"><img src="links/contact.jpg" alt="contact link" name="Contact link" width="120" height="25" border="0" id="Contact link" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('faq link','','links/faq2.jpg',1)"><img src="links/faq.jpg" alt="faq link" name="faq link" width="120" height="25" border="0" id="faq link" /></a>  <!-- HERE IS WHERE I"D LIKE TO ADD TEXT, PREFERABLY RIGHT JUSTIFIED -->
   
  </td>
   
  </tr>
 
Last edited:
C

craftygeek

New Member
is the text dropping down under the images? or is it appearing next to the images & changing the height of the cell? Hard to know which from your post above.

If it is appearing to the right of the images & still changing the height of the cell, I'd say its down to the styling of the text - could be padding, margin or line height.

It would probably be easier all round if you used divs & CSS - CSS can do rollovers with no need for javascript.
 
C

craftygeek

New Member
In that case it will be cell padding, the padding on the text, text margin, text lineheight kind of hard to be of more help without seeing all the code.
 
J

johnscott

New Member
Also...try removing any additional spaces between the end of your content and the closing </td> tag...I know the browser shouldn't pickup on that space unless it's a &nbsp; but I've had that cause problems for me in the past...worth a look any way.

I hope that helps.
 
PixelPusher

PixelPusher

Super Moderator
Staff member
For one don't use tables for a menu layout, and two leave the javascript for more complicated tasks. Rollovers are simple and can be achieved with CSS. Search google for "css rollover" and I am sure you will find many options/tutrorials.
 
You must log in or register to reply here.
Top