You are probably using a single table w/ your nav as 1 column (multiple cells) and your content as the other column (single cell)
- so the longer of the 2 is driving your table height & cell spacing
Create a table w/ 2 columns (1 row/2 cells) and Nest a second table for your nav in the 1st cell
(top align the left outer cell)
--
_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________
| nobody can help me with this? I'm really pressed for time with this project.
|
| "nyguy8103" wrote:
|
| > Here's the code for the buttons themselves.. if you need to see another part
| > of the code.. please.. let me know.
| > As I said.. in FP itself, the buttons are exactly where they need to be..
| > but once I save it and preview it in a browser.. the buttons are completely
| > spaced apart. The further down the page is stretched.. the further apart the
| > buttons get.
| > Here's the code of the buttons though.. let me know if you need more info
| > from me.. thanks!
| >
| > <img border="0" src="siteimages/forums.jpg" width="182" height="38"
| > id="img1" onmouseout="FP_swapImgRestore()"
| > onmouseover="FP_swapImg(1,1,/*id*/'img1',/*url*/'siteimages/forumsbuttonover.jpg')"></a></td>
| >
| > </tr>
| >
| > <tr>
| >
| > <td style="font-family: tahoma, helvetica;
| > font-size: 11px; color: #EAF0CC; line-height: 14px">
| >
| > <img border="0"
| > src="siteimages/mapbutton.jpg" width="182" height="38" id="img2"
| > onmouseout="FP_swapImgRestore()"
| > onmouseover="FP_swapImg(1,1,/*id*/'img2',/*url*/'siteimages/matbuttonrollover.jpg')"></td>
| >
| > </tr>
| >
| > <tr>
| >
| > <td style="font-family: tahoma, helvetica;
| > font-size: 11px; color: #EAF0CC; line-height: 14px">
| >
| > <img border="0"
| > src="siteimages/parkhistorybutton.jpg" width="182" height="38" id="img3"
| > onmouseout="FP_swapImgRestore()"
| > onmouseover="FP_swapImg(1,1,/*id*/'img3',/*url*/'siteimages/parkhistorybuttonover.jpg')"></td>
| >
| > </tr>
| >
| > <tr>
| >
| > <td style="font-family: tahoma, helvetica;
| > font-size: 11px; color: #EAF0CC; line-height: 14px">
| >
| > <img border="0"
| > src="siteimages/showsandeventsbutton.jpg" width="182" height="38" id="img4"
| > onmouseout="FP_swapImgRestore()" onmouseover="
| > FP_swapImg(1,1,/*id*/'img4',/*url*/'siteimages/showsandeventsbuttonover.jpg')"></td>
| >
| > </tr>
| >
| > <tr>
| >
| > <td style="font-family: tahoma, helvetica;
| > font-size: 11px; color: #EAF0CC; line-height: 14px">
| >
| > <img border="0"
| > src="siteimages/guestservicesbutton.jpg" width="182" height="38" id="img5"
| > onmouseout="FP_swapImgRestore()"
| > onmouseover="FP_swapImg(1,1,/*id*/'img5',/*url*/'siteimages/guesservicesbuttonover.jpg')"></td>
| >
| > </tr>
| >
| > <tr>
| >
| > <td
| > style="font-family: tahoma, helvetica; font-size: 11px; color: #EAF0CC;
| > line-height: 14px">
| >
| > <img border="0"
| > src="siteimages/shopsandfoodbutton.jpg" width="182" height="38" id="img6"
| > onmouseout="FP_swapImgRestore()"
| > onmouseover="FP_swapImg(1,1,/*id*/'img6',/*url*/'siteimages/shopsandfoodbuttonover.jpg')"></td>
| >
| > </tr>
| >
| > <tr>
| >
| > <td
| > style="font-family: tahoma, helvetica; font-size: 11px; color: #EAF0CC;
| > line-height: 14px">
| >
| > <img border="0"
| > src="siteimages/parkpoliciesbutton.jpg" width="182" height="38" id="img11"
| > onmouseout="FP_swapImgRestore()"
| > onmouseover="FP_swapImg(1,1,/*id*/'img11',/*url*/'siteimages/parkpoliciesbuttonover.jpg')"></td>
| >
| > </tr>
| >
| > <tr>
| >
| > <td
| > style="font-family: tahoma, helvetica; font-size: 11px; color: #EAF0CC;
| > line-height: 14px">
| >
| > <img border="0"
| > src="siteimages/hoursbutton.jpg" width="182" height="38" id="img10"
| > onmouseout="FP_swapImgRestore()"
| > onmouseover="FP_swapImg(1,1,/*id*/'img10',/*url*/'siteimages/hoursbuttonover.jpg')"></td>
| >
| > </tr>
| >
| > <tr>
| >
| > <td
| > style="font-family: tahoma, helvetica; font-size: 11px; color: #EAF0CC;
| > line-height: 14px">
| >
| > <img border="0"
| > src="siteimages/drivingdirbutton.jpg" width="182" height="38" id="img9"
| > onmouseout="FP_swapImgRestore()"
| > onmouseover="FP_swapImg(1,1,/*id*/'img9',/*url*/'siteimages/drivingdibuttonover.jpg')"></td>
| >
| > </tr>
| >
| > <tr>
| >
| > <td
| > style="font-family: tahoma, helvetica; font-size: 11px; color: #EAF0CC;
| > line-height: 14px">
| >
| > <img border="0"
| > src="siteimages/newsarchivebutton.jpg" width="182" height="40" id="img8"
| > onmouseout="FP_swapImgRestore()"
| > onmouseover="FP_swapImg(1,1,/*id*/'img8',/*url*/'siteimages/newsarchivebuttonover.jpg')"></td>
| >
| > </tr>
| >
| > </table>
| >
| >
| > "David Berry" wrote:
| >
| > > can you switch to Code View and copy and paste all the code into a reply so
| > > we can see it?
| > >
| > >
| > > | > > > its not online web.. Im still currently making it in FP.
| > > >
| > > > "David Berry" wrote:
| > > >
| > > >> What's the URL so we can take a look?
| > > >>
| > > >> | > > >> > Hi guys, I have a problem and hope you can help. I have navigation
| > > >> > buttons
| > > >> > on
| > > >> > the left side of my site. On one of my pages though, I have alot of
| > > >> > text
| > > >> > in
| > > >> > the text area, and in doing so.. it took the 8 or so navigation buttons
| > > >> > on
| > > >> > the left and spaced them apart. The more text I type in, the more the
| > > >> > buttons
| > > >> > get spaced apart. In IE they are fine though and are butted up with
| > > >> > each
| > > >> > other - but in IE - they are spaced apart. I tried doing a "top"
| > > >> > positioning
| > > >> > on each button, but it didn't work.
| > > >> >
| > > >> > I'm fairly new to FP, so it's probably something really simple, but I'm
| > > >> > stumped and need help.
| > > >> >
| > > >> > What do I need to do?! Thanks!
| > > >>
| > > >>
| > > >>
| > >
| > >
| > >