HighDots Forums  

nav buttons move after bg image applied

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss nav buttons move after bg image applied in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
P.F.
 
Posts: n/a

Default nav buttons move after bg image applied - 08-04-2004 , 12:58 PM






After applying the BG image (the gray paw prints, a 154 x 76 px JPG) to the
left most <TD>, my navigation bottons move ever so slightly putting a gap
between each button. I don't want that small gab. As usual, it views fine
in DW but not when previewing in IE.

I just put the 4 buttons in a small table in the <TD>, but that didn't help.

Suggestions?

Thanks



Reply With Quote
  #2  
Old   
Murray *TMM*
 
Posts: n/a

Default Re: and the address is ... - 08-04-2004 , 05:39 PM






Rule 1 - a background image can *never* affect layout.

It just cannot happen.

Try changing your code as follows -

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="about.htm" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image67','','images/content_05-over.jpg',1)"><img
src="images/content_05.jpg" name="Image67" width="155" height="50"
border="0"></a>
<a href="gallery2.htm" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image68','','images/content_06-over.jpg',1)"><img
src="images/content_06.jpg" name="Image68" width="155" height="51"
border="0"></a>
<a href="order.htm" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image72','','images/content_07-over.jpg',1)"><img
src="images/content_07.jpg" name="Image72" width="155" height="50"
border="0"></a>
<a href="contact.htm" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image70','','images/content_08-over.jpg',1)"><img
src="images/content_08.jpg" name="Image70" width="155" height="51"
border="0"></a>
<a href="index.html" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image71','','images/content_09-over.jpg',1)"><img
src="images/content_09.jpg" name="Image71" width="155" height="50"
border="0"></a></td>
</tr>
</table>

and then remove all the whitespace between adjacent <a> tags.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"P.F." <paul (AT) orion-ics (DOT) com> wrote

Quote:
and the address is ....

www.kittleleedee.com/order.htm



"P.F." <paul (AT) orion-ics (DOT) com> wrote in message
news:cer4gu$14m$1 (AT) forums (DOT) macromedia.com...
After applying the BG image (the gray paw prints, a 154 x 76 px JPG) to
the
left most <TD>, my navigation bottons move ever so slightly putting a
gap
between each button. I don't want that small gab. As usual, it views
fine
in DW but not when previewing in IE.

I just put the 4 buttons in a small table in the <TD>, but that didn't
help.

Suggestions?

Thanks







Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.