Hi everyone, my first post as I've only recently began teaching myself Dreamweaver. I'm designing a new website for my band, the rough test page can be found at http://www.stigma.ezhoster.com/test.htm

1. The image on the left is made up of four quarters (so it downloads faster). When viewed in Dreamweaver there's a gap between the top and bottom halves of the image but when viewed on a browser the image looks perfectly lined up. I don't understand how this can be. Is there any way to adjust things so the image appears properly lined up in Dreamweaver as it's quite distracting.

2. On the right hand side I'm using a 'scroll' function that will be used for news. When I type in text in Dreamweaver the text spills right down the page, expanding the table. Again though, all looks fine when viewed in the actual browser as scroll box is there to collect the spilling text. Is it possible to 'see' the scroll box actually in Dreamweaver so the text doesn't wildly distort the preview layout?

3. I'm using a Bravenet mailing list and I'm trying to strip the html code they gave me so it's only the name & email text fields and 'join' button. Ideally I'd like to be able to setup a new form from scratch but I don't quite understand how to enter the hidden username and pass fields that Bravenent obviously needs to identify my mail list. Doesn anyone know what the html would be for that or at the very least know how to get rid of that yellow box border, I can't see where that colour is at all in the html. I'll post the html for the mailing list at the bottom.

Thanks for any help, I really do appreciate it.

form action="http://pub1.bravenet.com/elist/add.php" method="post">
<input type="hidden" name="usernum" value="59641807" />
<input type="hidden" name="cpv" value="1" />
<table border="0" cellpadding="0" cellspacing="0" bgcolor="FFFFFF">
<tr>
<td> <div align="left">
<table border="0" cellpadding="2" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<td bgcolor="#FFFFFF ">
<table border="0" bgcolor="#FFFFFF">
<tr>
<td><font face="Lucida Sans" size="2"><b>Name:</b>
</font></td>
<td><input type="text" name="ename" size="25" maxlength="60" /></td>
</tr>
<tr>
<td><font face="Lucida Sans" size="2"><b>Email:</b>
</font></td>
<td><input type="text" name="emailaddress" size="25" maxlength="100" />
&nbsp; <input type="submit" name="submit" value="Go!" /></td>
</tr>
<tr>
<td colspan="2" align="center"><font face="Lucida Sans" size="2">
<input type="radio" name="action" value="join" checked />
<b>Join</b> &nbsp;</font><font face="Comic Sans MS" size="2">&nbsp;&nbsp;&nbsp;
<font face="Lucida Sans">
<input type="radio" name="action" value="leave" />
<b>Leave</b> </font></font></td>
</tr>
</table></td></tr>
</table>
</div></td>
</tr>
</table>
</form>

Basic form code. No HTML formatting

<form action="http://pub1.bravenet.com/elist/add.php" method="post">
<input type="hidden" name="usernum" value="59641807" />
<input type="hidden" name="cpv" value="1" />
<input type="text" name="ename" size="25" maxlength="60" />
<b>Email:</b> 
<input type="text" name="emailaddress" size="25" maxlength="100" /> 
<input type="submit" name="submit" value="Go!" />
<input type="radio" name="action" value="join" checked />
<b>Join</b>
<input type="radio" name="action" value="leave" />
<b>Leave</b>
</form>

Yellow box, no idea, seems to be some strange effect that IE is adding because it's not there in proper browsers. Try using a Full Doctype to make IE behave (almost)

The DW preview is a browser that is worse than IE for accurate page rendering. Test in browsers so you see what visitors will see, nobody will be browsing the site in dreamweaver.