I'm at the end of my rope!

[Mantra262]

I need help with my site. For some reason, my rollovers work when I hit F12 in Dreamweaver but not when I upload to a server.

http://www12.brinkster.com/savehenry/index.html

Also, how do I set my page so it centers itself on the screen in all resolutions? Please give me detailed instructions on how to do this as I'm a complete newbie. I know it's supposed to fit in 1 cell but I don't know how to do it.

[aaron.martone]

Sorry to say, but though I fully support a Dreamweaver MX/HTTP Tech forum being opened on FlashKit, there isn't one, and this sort of isn't the place to post this...

None the less, let me give you my pointers...

First, your rollovers (on the left) ARE working, they just aren't preloaded, and the FAQ's image for sizing seems screwy.

Secondly, MSIE handles table rendering the best, so here's how you do it. Make a Table, 3x3, 100% wide, 100% high, with no border, no cell spacing or padding.

Imagine the cells being numbered from top left to bottom right, 1, 2, 3, 4....7, 8, 9...

Suppose the content you want is 640x480.

Cell 1 : [blank] W x [blank] H
Cell 2 : 640 W x [blank] H
Cell 3 : [blank] W x [blank] H
Cell 4 : [blank] W x 480 H
Cell 5 : 640 W x 480 H
Cell 6 : [blank] W x 480 H
Cell 7 : [blank] W x [blank] H
Cell 8 : 640 W x [blank] H
Cell 9 : [blank] W x [blank] H

Also, make the ALIGN for Cell 5 CENTER and the VALIGN for Cell 5 MIDDLE.

Place your content in Cell 5, and as long as you don't exceed your size, the table will place the content in the middle of the screen both vertically and horizontally.

On another note, what say you FlashKit members on starting a Dreamweaver MX forum? Maybe we can ask an admin to make one....

[flash_critic]

Take your table and center it in another table like this, very simple no need to re-learn html to do this. A table in a table, centered, what a ground breaking concept huh aaron.martone.

Anyways like this:


<TABLE WIDTH="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD width="100%">
<div align="center">
<TABLE WIDTH="800" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD height="1"> <IMG SRC="images/spacer.gif" WIDTH=27 HEIGHT=1></TD>
<TD> <IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1></TD>
<TD> <IMG SRC="images/spacer.gif" WIDTH=5 HEIGHT=1></TD>
<TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD> <IMG SRC="images/spacer.gif" WIDTH=4 HEIGHT=1></TD>
<TD> <IMG SRC="images/spacer.gif" WIDTH=23 HEIGHT=1></TD>
<TD> <IMG SRC="images/spacer.gif" WIDTH=15 HEIGHT=1></TD>
<TD> <IMG SRC="images/spacer.gif" WIDTH=35 HEIGHT=1></TD>
<TD> <IMG SRC="images/spacer.gif" WIDTH=15 HEIGHT=1></TD>
<TD> <IMG SRC="images/spacer.gif" WIDTH=23 HEIGHT=1></TD>
<TD> <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1></TD>
<TD> <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1></TD>
<TD> <IMG SRC="images/spacer.gif" WIDTH=5 HEIGHT=1></TD>
<TD> <IMG SRC="images/spacer.gif" WIDTH=4 HEIGHT=1></TD>
<TD> <IMG SRC="images/spacer.gif" WIDTH=30 HEIGHT=1></TD>
<TD colspan="2"> <IMG SRC="images/spacer.gif" WIDTH=247 HEIGHT=1></TD>
<TD colspan="2"> <IMG SRC="images/spacer.gif" WIDTH=353 HEIGHT=1></TD>
</TR>
<TR>
<TD COLSPAN=15 height="143"> <IMG SRC="images/flag.gif" WIDTH=200 HEIGHT=143></TD>
<TD colspan="2"> <IMG SRC="images/9-11.gif" WIDTH=247 HEIGHT=143></TD>
<TD colspan="2"> <IMG SRC="images/title.gif" WIDTH=353 HEIGHT=143></TD>
</TR>
<TR>
<TD COLSPAN=15 rowspan="2"> <IMG SRC="images/index_04.gif" WIDTH=200 HEIGHT=56></TD>
<TD width="47" height="46" bgcolor="#CCB675"></TD>
<TD width="200" bgcolor="#CCB675"></TD>
<TD width="304" bgcolor="#CCB675"></TD>
<TD width="49" bgcolor="#CCB675"></TD>
</TR>
<TR>
<TD ROWSPAN=22 height="10" bgcolor="#CCB675"></TD>
<TD COLSPAN=2 ROWSPAN=22 valign="top" bgcolor="#CCB675">&nbsp; </TD>
<TD ROWSPAN=22 bgcolor="#CCB675"></TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=2> <IMG SRC="images/index_06.gif" WIDTH=40 HEIGHT=34></TD>
<TD COLSPAN=7 height="18"> <A HREF="#"
ONMOUSEOVER="changeImages('about_henry', 'images/about_henry-over.gif'); return true;"
ONMOUSEOUT="changeImages('about_henry', 'images/about_henry.gif'); return true;">
<IMG NAME="about_henry" SRC="images/about_henry.gif" WIDTH=118 HEIGHT=18 BORDER=0></A></TD>
<TD COLSPAN=4 ROWSPAN=2> <IMG SRC="images/index_08.gif" WIDTH=42 HEIGHT=34></TD>
</TR>
<TR>
<TD COLSPAN=7 height="16"> <IMG SRC="images/index_09.gif" WIDTH=118 HEIGHT=16></TD>
</TR>
<TR>
<TD COLSPAN=15 height="20"> <IMG SRC="images/index_10.gif" WIDTH=200 HEIGHT=20></TD>
</TR>
<TR>
<TD COLSPAN=7 ROWSPAN=2> <IMG SRC="images/index_11.gif" WIDTH=82 HEIGHT=35></TD>
<TD height="18"> <A HREF="#"
ONMOUSEOVER="changeImages('faq', 'images/faq-over.gif'); return true;"
ONMOUSEOUT="changeImages('faq', 'images/faq.gif'); return true;">
<IMG NAME="faq" SRC="images/faq.gif" WIDTH=35 HEIGHT=18 BORDER=0></A></TD>
<TD COLSPAN=7 ROWSPAN=2> <IMG SRC="images/index_13.gif" WIDTH=83 HEIGHT=35></TD>
</TR>
<TR>
<TD height="17"> <IMG SRC="images/index_14.gif" WIDTH=35 HEIGHT=17></TD>
</TR>
<TR>
<TD COLSPAN=15 height="20"> <IMG SRC="images/index_15.gif" WIDTH=200 HEIGHT=20></TD>
</TR>
<TR>
<TD COLSPAN=3 ROWSPAN=2> <IMG SRC="images/index_16.gif" WIDTH=39 HEIGHT=36></TD>
<TD COLSPAN=9 height="18"> <A HREF="#"
ONMOUSEOVER="changeImages('journal', 'images/journal-over.gif'); return true;"
ONMOUSEOUT="changeImages('journal', 'images/journal.gif'); return true;">
<IMG NAME="journal" SRC="images/journal.gif" WIDTH=122 HEIGHT=18 BORDER=0></A></TD>
<TD COLSPAN=3 ROWSPAN=2> <IMG SRC="images/index_18.gif" WIDTH=39 HEIGHT=36></TD>
</TR>
<TR>
<TD COLSPAN=9 height="18"> <IMG SRC="images/index_19.gif" WIDTH=122 HEIGHT=18></TD>
</TR>
<TR>
<TD COLSPAN=15 height="19"> <IMG SRC="images/index_20.gif" WIDTH=200 HEIGHT=19></TD>
</TR>
<TR>
<TD COLSPAN=5 ROWSPAN=2> <IMG SRC="images/index_21.gif" WIDTH=44 HEIGHT=36></TD>
<TD COLSPAN=5 height="18"> <A HREF="#"
ONMOUSEOVER="changeImages('daily_email', 'images/daily_email-over.gif'); return true;"
ONMOUSEOUT="changeImages('daily_email', 'images/daily_email.gif'); return true;">
<IMG NAME="daily_email" SRC="images/daily_email.gif" WIDTH=111 HEIGHT=18 BORDER=0></A></TD>
<TD COLSPAN=5 ROWSPAN=2> <IMG SRC="images/index_23.gif" WIDTH=45 HEIGHT=36></TD>
</TR>
<TR>
<TD COLSPAN=5 height="18"> <IMG SRC="images/index_24.gif" WIDTH=111 HEIGHT=18></TD>
</TR>
<TR>
<TD COLSPAN=15 height="18"> <IMG SRC="images/index_25.gif" WIDTH=200 HEIGHT=18></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=2> <IMG SRC="images/index_26.gif" WIDTH=34 HEIGHT=37></TD>
<TD COLSPAN=11 height="18"> <A HREF="#"
ONMOUSEOVER="changeImages('progress', 'images/progress-over.gif'); return true;"
ONMOUSEOUT="changeImages('progress', 'images/progress.gif'); return true;">
<IMG NAME="progress" SRC="images/progress.gif" WIDTH=132 HEIGHT=18 BORDER=0></A></TD>
<TD COLSPAN=2 ROWSPAN=2> <IMG SRC="images/index_28.gif" WIDTH=34 HEIGHT=37></TD>
</TR>
<TR>
<TD COLSPAN=11 height="19"> <IMG SRC="images/index_29.gif" WIDTH=132 HEIGHT=19></TD>
</TR>
<TR>
<TD COLSPAN=15 height="18"> <IMG SRC="images/index_30.gif" WIDTH=200 HEIGHT=18></TD>
</TR>
<TR>
<TD COLSPAN=6 ROWSPAN=2> <IMG SRC="images/index_31.gif" WIDTH=67 HEIGHT=33></TD>
<TD COLSPAN=3 height="14"> <A HREF="#"
ONMOUSEOVER="changeImages('donate', 'images/donate-over.gif'); return true;"
ONMOUSEOUT="changeImages('donate', 'images/donate.gif'); return true;">
<IMG NAME="donate" SRC="images/donate.gif" WIDTH=65 HEIGHT=14 BORDER=0></A></TD>
<TD COLSPAN=6 ROWSPAN=2> <IMG SRC="images/index_33.gif" WIDTH=68 HEIGHT=33></TD>
</TR>
<TR>
<TD COLSPAN=3 height="19"> <IMG SRC="images/index_34.gif" WIDTH=65 HEIGHT=19></TD>
</TR>
<TR>
<TD COLSPAN=15 height="22"> <IMG SRC="images/index_35.gif" WIDTH=200 HEIGHT=22></TD>
</TR>
<TR>
<TD ROWSPAN=2> <IMG SRC="images/index_36.gif" WIDTH=27 HEIGHT=33></TD>
<TD COLSPAN=13 height="17"> <A HREF="#"
ONMOUSEOVER="changeImages('write_to', 'images/write_to-over.gif'); return true;"
ONMOUSEOUT="changeImages('write_to', 'images/write_to.gif'); return true;">
<IMG NAME="write_to" SRC="images/write_to.gif" WIDTH=143 HEIGHT=17 BORDER=0></A></TD>
<TD ROWSPAN=2> <IMG SRC="images/index_38.gif" WIDTH=30 HEIGHT=33></TD>
</TR>
<TR>
<TD COLSPAN=13 height="16"> <IMG SRC="images/index_39.gif" WIDTH=143 HEIGHT=16></TD>
</TR>
<TR>
<TD COLSPAN=15 height="40"> <IMG SRC="images/index_40.gif" WIDTH=200 HEIGHT=40></TD>
</TR>
<tr>
<td height="0"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</TABLE>

</div>
</td>
</tr>
</table>

[Mediachild]

I think you've lost your FAQ rollover. No other button problems from here.

...to the other guys,

READ... newbie. What you're saying might all be very interesting but keep it simple. The aim here is to help people.

[Mantra262]

Thanks guys. What I don't understand is why I'm not seeing the rollovers like you people are. I tried to "cut out" the menu links in DW and re-enter them to see if that was the problem and now I'm getting weird spaces inbetween the images. Look at the first two links to see what I mean.

http://www12.brinkster.com/savehenry/index3.html

Strange...

[aaron.martone]

Mantra, I've sent you the modified html index page and the fix for your rollover; enjoy.

[Mantra262]

I need someone to take a look at my psd file and tell me what the hell is wrong with my FAQ slice for my site. For some reason, when it sliced it up, it made the text magnify itself larger than the rest of the links. Being a beginner, I have no idea on how to fix this. Can someone help me?

Who here has ImageReady so I can send them the psd file?

[aaron.martone]

Mantra, I've already sent you the index.htm file revision and the reason why / method to fixing your rollover.

Whatever you used to slice the FAQ's before and after didn't make them the same size. The PRE-Rollover is about 40 pixels by 20 pixels while the POST-Rollover graphic is about 250 pixels by 70 pixels.

When your rollover code places the large image into the location of the original image, it crunches it down to the size of the original, and that's why it looks distorted.

Follow my instructions in the email I sent, and it'll all work fine. You don't need to mess with IR; I sent you both the index file for centering the table and the actual GIF that IR should have made (which is now the same size as the original FAQ image...)