I'm creating a new HTML page from scratch. When I preview it without my website header and footer it looks fine, but when I use the header and footer the image outlines are gone and the text is squished.

Here's the HTML

Code:

<marquee behavior="scroll" direction="right" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();" >
<table class="image">
<caption align="bottom"><b><font size="2" face="arial"color="#536482">Sub5</caption>
<tr><td><a href="TEAM PAGE HERE"><img src="IMAGE URL HERE"></td></tr>
</table>
</marquee>

<p>
<img border="2" src="http://i786.photobucket.com/albums/yy143/Sub_5/100_3340-1.jpg"
align="left" >
<font size="2" face="arial"color="#536482"><b>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT vv
</color>
</p>

<p>
<font size="2" face="arial"color="#536482">
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT v <img border="2" src="http://i80.servimg.com/u/f80/14/10/92/24/10031411.jpg"
align="right" >TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
</color>
</p>

<p>
<font size="2" face="arial"color="#536482">
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
</color>
</p>

<p>
<font size="2" face="arial"color="#536482">
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
</color>
</p>

<p>
<img border="2" src="http://i80.servimg.com/u/f80/14/10/92/24/hpim1011.jpg"
align="left" >
<font size="2" face="arial"color="#536482">
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT

<p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
</color>
</p>

</body>
</html>
</font>

If you find out the problem please help me!



Another code I need help with...

Code:

<form action="mailto:blahblahblah1236asl@yahoo.com" method="post" enctype="text/plain">

<p><legend>Personal info</legend><p><br>
Username:<br>
<input type="text" name="name">
<br>
Name:<br>
<input type="text" name="name">
<br>
Mail:<br>
<input type="text" name="mail">
<br><br>
<p>Why are you contacting us?<p><br>
<table border="0" cellspacing="5">
<tr>
<td>Advertising
<td><input type="checkbox" name="color" value="adver"></td>
</tr>
<tr>
<td>Site Problems
<td><input type="checkbox" name="color" value="prob"></td>
</tr>
<tr>
<td>Recommendations
<td><input type="checkbox" name="color" value="reco"></td>
</tr>
<tr>
<td>General Questions
<td><input type="checkbox" name="color" value="quest"></td>
</tr>
</table>
<br><br>Comments:<br><textarea name="comments" rows="6"
cols="65"></textarea>
<p><input type="submit" value="Send"><input type="reset" value="Reset"><p>
</form>

I need to figure out how to get it to send the e-mail without opening an e-mail program like outlook.

Thanks for the help!

I'm not seeing the issue with script #1?

On script #2, I recommend using a site like emailmeform.com, it will be easy to create the form, it emails it to you, and deosn't open the email program.

Thanks for the help with script 2.

I assume you have a website notMiceElf. Copy and paste script 1 into the HTML page creator, then preview it. Then click the bubble that asks if you want to use your website header and footer. It changes a lot, the text gets squished, the outline around the images goes away. Thanks for the help.

Your text starts with <font> and ends with: </color> instead of </font> The page is ending with: </font> after </html> Sub5 isn't closed with </font> It appears your theme is set to remove image borders. You can add borders to your images by using tables. (add "float: left or right" to have text wrap around the image)

Image table style 1

Code:

<table style="background-color: #5D7B93; border: #536482; border-style: solid; border-width: 1px; padding: 0px; float: left"><tr><td>
<img src="http://i786.photobucket.com/albums/yy143/Sub_5/100_3340-1.jpg"></td></tr></table>

Image table style 2

Code:

<table style="background-color: #5D7B93; border: #536482; border-style: solid; border-width: 1px; padding: 1px; float: left"><tr><td>
<img src="http://i786.photobucket.com/albums/yy143/Sub_5/100_3340-1.jpg"></td></tr></table>

Using your forum header and footer...
Start with this and edit what you need

Code:

<marquee behavior="scroll" direction="right" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();" >
<table class="image">
<caption align="bottom"><b><font size="2" face="arial"color="#536482">Sub5</font></caption>
<tr><td style="background-color: #5D7B93; border: #536482; border-style: solid; border-width: 1px;padding: 0px;"><a href="http://www.facebook.com/pages/Forumotion/35684307357"><img src="http://i80.servimg.com/u/f80/09/00/43/96/find_u10.gif"></td></tr>
</table>
</marquee>

<table style="background-color: #5D7B93; border: #536482; border-style: solid; border-width: 1px; padding: 0px; float: left"><tr><td>
<img src="http://i786.photobucket.com/albums/yy143/Sub_5/100_3340-1.jpg"></td></tr></table>


<font size="2" face="arial"color="#536482"><b>
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT vv
</font>
</p>

<p>
<font size="2" face="arial"color="#536482">
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </font>

<table style="background-color: #5D7B93; border: #536482; border-style: solid; border-width: 1px; padding: 0px; float: right"><tr><td>
<img src="http://i80.servimg.com/u/f80/14/10/92/24/10031411.jpg"></td></tr></table>

<font size="2" face="arial"color="#536482">
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
</font>
</p>

<p>
<font size="2" face="arial"color="#536482">
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
</font>
</p>

<p>
<font size="2" face="arial"color="#536482">
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
</font>
</p>

<p>
<table style="background-color: #536482; border: #536482; border-style: solid; border-width: 1px; padding: 0px; float: left"><tr><td>
<img src="http://i80.servimg.com/u/f80/14/10/92/24/hpim1011.jpg"></td></tr></table>

<font size="2" face="arial"color="#536482">
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT

<p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
</font>
</p>

Thank you so much RoNo, I will try this out and see if I can get it to work.

It works! Thanks RoNo your are the man!

One last question

Code:

<marquee behavior="scroll" direction="right" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();" >
<table class="image">
<caption align="bottom"><b><font size="2" face="arial"color="#536482"> </font></caption>
<tr><a href="http://www.facebook.com/pages/Forumotion/35684307357"><img src="http://i289.photobucket.com/albums/ll208/elementsk8pro94/SUB5Faded1111-1.png"></td></tr>
</table>
</marquee>

How do I get rid of the boarder around the image?

Try this

Code:

<marquee behavior="scroll" direction="right" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();" >
<table class="image">
<caption align="bottom"><b><font size="2" face="arial"color="#536482"> </font></caption>
<tr><a href="http://www.facebook.com/pages/Forumotion/35684307357"><img src="http://i289.photobucket.com/albums/ll208/elementsk8pro94/SUB5Faded1111-1.png" border="0"></td></tr>
</table>
</marquee>

Thanks, it looks great!