HTML - How Do I Modify An Opt-in Box? Help.

Hi Guys,

I've just started on my first Facebook Static FBML by inserting code generated by Emailmeform and used two codes I got from photobucket for the header and footer.

The result unfortunately leaves two white lines above and below where the message is written. I want the whole box to be in the block blue color. Can anyone advise me what to do? I've posted the code below.

Thanks,

Colin

HTML Code:

<a href="http://s827.photobucket.com/albums/zz193/colinbrady1985/?action=view&current=clubfbmlheader6.jpg" target="_blank"><img src="http://i827.photobucket.com/albums/zz193/colinbrady1985/clubfbmlheader6.jpg" border="0" alt="Photobucket"></a>
<form method="post" action="http://www.emailmeform.com/fid.php?formid=534066" enctype="multipart/form-data" accept-charset="UTF-8"><table cellpadding="5" cellspacing="0" border="0" bgcolor="#01ABE8"><tr><td><font face="Arial Rounded MT Bold" size="3" color="#ED8E22">This is the first crucial question. Just type in your answer along with your email address to be in with a chance to win!</font> <div style="" id="mainmsg"> </div></td></tr></table><br><table cellpadding="3" cellspacing="0" border="0" bgcolor="#01ABE8"><tr valign="top"> <td nowrap><font face="Arial Rounded MT Bold" size="3" color="#ED8E22"></font></td> <td><textarea name="FieldData0" cols="160" rows="1"></textarea><br> </td></tr><tr> <td colspan="2"><table cellpadding=5 cellspacing=0 bgcolor="#01ABE8" width="100%"><tr bgcolor="#01ABE8"><td class="label" colspan="2"><font color="#ED8E22" face="Verdana" size="2"><b>Image Verification</b></font></td></tr><tr><td class="captcha" style="padding: 2px;" width="10"><img src="http://www.emailmeform.com/turing.php" id="captcha" alt="captcha"></td><td class="field" valign="top"><div><font color="#FFFFFF">Please enter the text from the image</font>:<br><input type="text" name="Turing" value="" maxlength="100" size="10"> [ <a href="#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.emailmeform.com/?v=turing&pt=popup" onClick="window.open('http://www.emailmeform.com/?v=turing&pt=popup','_blank','width=400, height=500, left=' + (screen.width-800) + ', top=100');return false;">What's This?</a> ]</div></td></tr></table></td></tr><tr> <td> </td> <td align="right"><input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;"><input type="submit" class="btn" value="SEND ANSWER" name="Submit">    <input type="reset" class="btn" value="  START AGAIN  " name="Clear"></td></tr><tr><td colspan=2 align="center"><br></td></tr></table></form>

i am trying to add a page to my site. i have to use this template.

i want to show a graphic product link next to a descriptive text area. so far i can only get them to appear one under the other, not side by side.

i think i need to split the page up into columns which i don't know how to do. also there are 2 lead-in paragraphs before the image and text...how do i just split the bottom of the page?

thanks for any assistance.

myheadhurts!

Need some help with coding. I'm a designer with little experience with programming.

1. I want the video to be centered in its column on the blog

2. I want to be able to choose the cover frame of the video (the still image it displays before it plays).

3. There are slim black bars on the left and right of the video. I think it is from the player. Is there any way to remove those?

This is the basic code I have now. Any help would be appreciated.

<p><embed src="http://freevideocoding.com/flvplayer.swf?file=http://www.1-on-1fitnesstraining.com/blog_videos/intro_02_no_mograph.flv&autoStart=false" width="360" height="264" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></p>

Hi I am working on a new website and I would like to be able to modify my menu from one document instead of having to go through all of the 30 pages and copy and paste the code. Theres got to be a way to do this, the menu for each page just needs to point to another document for the code....ugh frustrating!

Thanks for any help,

Alex

I've just inherited maintenance duties for this site, and have encountered a problem with headers. Here's the error I'm getting:

Warning: Cannot modify header information - headers already sent by (output started at /home/cookin/public_html/index.php:3) in /home/cookin/public_html/index.php on line 3

I've been trying to fix this all day, and can't seem to find the problem. Been looking for white space but can't find any. Maybe a fresh set of eyes will be able to see what's going on here.

Thanks in advance to anyone who can offer any insight.

Here's the header code:

<head>
<?php header('Content-type:text/html;charset=utf-8');?><?php require_once "/home/cookin/public_html/cmsAdmin/lib/viewer_functions.php";
list($homepageRecords, $homepageMetaData) = getRecords(array(
'tableName' => 'homepage',
));
list($quotesRecords, $quotesMetaData) = getRecords(array(
'tableName' => 'quotes',
'limit' => '1',
'orderBy' => 'RAND()',
'loadUploads' => '0',
'allowSearch' => '0',
));
?>
<link href="p7ap/p7ap_02.css" rel="stylesheet" type="text/css"
media="all">
<script type="text/javascript" src="p7ap/p7APscripts.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" href="http://www.whatscookin.ca/favicon.ico">
<title>What's Cookin' Kitchen and Catering in Erin</title>
<meta name="Description"
content="What's Cookin' in the Village of Erin provides ready-to-go meals, event catering, special savouries and quality kitchen wares. Our products are made-from-scratch in small batches from our own recipes to ensure we offer only quality goodness and great flavour.">
<meta name="Keywords"
content="kitchen, erin, catering, organic foods, 100 mile diet, jo fillery, village of erin, hills of headwaters">
<link href="styles/whatsCookin.css" rel="stylesheet" type="text/css">
<link href="styles/whatsCookin_print.css" rel="stylesheet"
type="text/css" media="print">
<!--[if IE 5]>
<style>body {text-align: center;}#wrapper {text-align: left;}.menulist a {float: left; clear: both;}
#column_wrapper {height: 1%;}</style>
<![endif]--><!--[if lte IE 7]>
<style>#wrapper, #footer, #masthead, #column_wrapper {zoom: 1;}</style>
<![endif]-->
<link href="navigation/p7PMMh10.css" rel="stylesheet" type="text/css"
media="all">
<script type="text/javascript" src="navigation/p7PMMscripts.js"></script>
</head>