PDA

View Full Version : Dreamweaver 8 Button Alignment Question


Mini
03-10-2010, 02:44 PM
This question is regarding a website I’ve built in Dreamweaver 8. The problem I’m having has to do with the misalignment of my buttons when viewed on a lap top in firefox or internet explorer. The website looks fine in Safari and the buttons stick to the top like their supposed to but when I view it in the other browsers, the buttons seem to try to center them selves with the rest of the layout and therefore become misaligned and spread out.

This problem began occurring when I inserted a larger amount of text into the table next to the buttons therefore making the page longer than it was before.

The buttons are imported image graphics from Firefox. I can tell from looking at the code that spacers were added into the dreamweaver code, when I deleted them the layout moved to the top, but I wasn’t able to find enough of them to align all the buttons so this idea didn’t work and the buttons were still misaligned.

My goal is to find a way to adjust the layout so that the buttons and graphics stick to the top and do not spread out. If any one has any ideas on how to do this I would greatly appreciate some advice.

Corrosive
03-10-2010, 03:02 PM
You should really have navigation in an unordered list but much further than that it is hard to tell you what is wrong without seeing the site!

liverfarm
03-10-2010, 11:49 PM
What if you placed the buttons inside a DIV? then they shouldnt be affected by whats happening around them... i think

Mini
03-11-2010, 02:06 PM
Here is the code for one of the buttons and the table:

Button:
<tr>
<td height="42"><a href="index1.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('TheLightedWaySpaceClearingsPageCut_r 3_c1','','images/TheLightedWaySpaceClearingsPageCut_r3_c1_f2.jpg',1 );"><img name="TheLightedWaySpaceClearingsPageCut_r3_c1" src="images/TheLightedWaySpaceClearingsPageCut_r3_c1.jpg" width="192" height="42" border="0" id="TheLightedWaySpaceClearingsPageCut_r3_c1" alt="" /></a></td>
<td><img src="images/spacer.gif" width="1" height="42" border="0" alt="" /></td>
</tr>

Table:

<tr>
<td width="15" height="13"></td>
<td width="313"></td>
<td width="18"></td>
</tr>
<tr>
<td height="595"></td>
<td valign="top"><p class="style5">About myself </p>
<p>Since childhood I have been aware of “the other side”, I can remember as far back as 4 years old being led by my “friend” to come and see the trees blossom I have learned to use the energy flow to create a positive atmosphere to accomplish the desired outcomes. </p>
<p>My expertise include the martial arts, feng shui, herbology and healing with an added 20 plus years on the police force. </p>
<p>It is my goal to offer healing pathways to the seeker. Not “my” way but “THE WAY”. </p>
<p>These healing pathways include but are not limited to: </p>
<p>• Working with your mind and changing destructive thinking patterns, learning the art of positive thinking. </p>
<p>• Personal energy and the clearing of ones own energy field (the aura) this includes ones own personal space and how to improve the quality of ones energy field and what kinds of things you draw to yourself. </p>
<p>• The clearing of personal space and ones environment from negative energies, habits and patterns. </p>
<p>• Paranormal occurrences that may be happening in your life or the life of someone you know. </p> <p class="style14">&nbsp;</p>
</td>
<td></td>
</tr>
<tr>
<td height="14"></td>
<td></td>
<td></td>
</tr>

Corrosive
03-11-2010, 02:19 PM
As I said before. Your buttons/navigation should really be in an unordered list (ul) and styled with CSS. Then they'll behave and line up nicely.