I do not write CSS nor am I sure that it is the problem but on the News Letter sign up page the "Subscribe" and "Unsubscribe" including the radio buttons and "Go" button are out of position. This is on a web template from the Bravenet Template Gallery (no. 686).

The CSS files is: http://www.covas.org/images686/style.css

I am guessing there is a problem between the CSS and the script for the sign up box because off line on my PC everything is fine but online there is a problem. (I write off line.)

Website URL: http://www.covas.org/
Problem URL: http://www.covas.org/news.html

delete the code for the service off your website fully

then get the FULL html code for it again from your service manager area for the Mailing list and place on your site and see if doing that will help any

do not adjust it in anyway.

Thanks Tom but I did that before I posted.

Briefly, yes it is a CSS issue. There is nothing wrong with the code you added to the page, but your style sheet has a definition for and that is causing your buttons and text to be in the wrong place. Comment out, or remove the definition and the Mailing List display will line up properly. The definition is about 17 lines down in your "style.css" file and looks like the following:<br /> <br /> <tt>input, textarea <br /> { <br /> width: 220px; <br /> border-top: 1px solid #A3A3A3;<br /> border-right: 1px solid #E5E5E5;<br /> border-bottom: 1px solid #FFFFFF; <br /> border-left: 1px solid #D6D6D6;<br /> font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif;<br /> color: #757575;<br /> }</tt></p> <div class="bn-forum-thread-links-date"> <div class="bn-forum-thread-links"> <i class="bn-icon bn-icon-home-2"></i> <a href="http://philokvetch.bravehost.com" style="n color: #666666">Website</a> </div> <div class="bn-forum-thread-date">Oct 5th, 2008 - 3:22 AM</div> </div> </div> </div> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> <div id="forum_message_894837" class="bn-forum-row"> <div class="bn-forum-threads-post-author"> <a name="bn-forum-post-894837-2385378114"></a> <div class="bn-forum-avatar-2" style="background-color:#fe681e">b</div> <div class="bn-forum-name"><a id="threadlink-894837" class="bn-forum-thread-link" rel="history" href="show.php?usernum=2385378114&cmd=search&searchby=user&searchfor=Bob&cp=0&frmid=52"><span title="Messages from this User">Bob</span></a></div> <div class="bn-forum-date">Oct 5, 2008 - 4:30AM</div> </div> <div class="bn-forum-threads-post-comment"> <div class="bn-forum-message-title"> <div class="post_reply_buttons"> </div> <strong>Re: CSS and News Letter (Mail List) problem?</strong> </div> <div class="bn-forum-message-body"> <p>Thank you Philo Kvetch! You were 100% correct and the problem is resolved. Some I will have to learn more about CSS and Java Scripts. Just never seem to have enough time.<br /> <img src="http://images.bravenet.com/common/images/smilies/28_spin.gif" border="0" alt=""> </p> <div class="bn-forum-thread-links-date"> <div class="bn-forum-thread-links"> <i class="bn-icon bn-icon-mail-alt"></i> <a href="mailto:webmaster@covas.org" style="n color: #666666">Email</a>   <i class="bn-icon bn-icon-home-2"></i> <a href="http://www.covas.org/" style="n color: #666666">Website</a> </div> <div class="bn-forum-thread-date">Oct 5th, 2008 - 4:30 AM</div> </div> </div> </div> </div> <script type="text/javascript"> Bravenet.jQuery(function(){ var emojiConvert = new EmojiConvertor(); emojiConvert.img_set = 'emojione'; emojiConvert.img_sets.emojione.sheet = 'https://apps.bravenet.com/css/sheets/sheet_emojione_64_indexed_128.png'; emojiConvert.allow_native = false; emojiConvert.use_sheet = true; emojiConvert.init_env(); Bravenet.jQuery('.bn-forum-threads-post-comment').each(function() { var replaced = emojiConvert.replace_colons(Bravenet.jQuery(this).html()); replaced = emojiConvert.replace_emoticons(Bravenet.jQuery(this).html()); Bravenet.jQuery(this).html(replaced); }); }); </script> </div> </div> <script type="text/javascript"> (function($) { var desired_width = 940 - 260; $('.bn-forum-message-body img').bind('load',function() { if($(this).width()>desired_width) { $(this).attr('width',desired_width); } }); })(Bravenet.jQuery); </script><!-- Bravenet Forum Layout End --> <div class="bn-forum-footer"> <div class="bn-mobilenav" style="display:none;"> <a onclick="javascript:history.go(-1);">« back</a> </div> <div class="bn-forum-breadcrumb"> <a target="_self" href="http://www.bravenet.com/help/">Return to Website</a><span class="bc-separator" style="font:12px Arial,sans-serif;">  ></span> <a href="show.php?usernum=2385378114&frmid=52">Index</a> </div> <div class="bn-forum-timezone"> <!--All times are GMT--> </div> </div> <div class="bn-branding-adplacement"> <script type="text/javascript"> function get_imps() { var t = document.getElementsByTagName('html'); var arr = t[0].innerHTML.match(/redvase\.bravenet\.com\/track\/impression\/[^"' ]+/g); if (arr instanceof Array) { lastValue = ''; result = new Array; for (var i=0; i<arr.length; i++) { var curValue=arr[i]; if (curValue != lastValue) { result[result.length] = curValue; } lastValue=curValue; } return result.join(',').replace(/\//g,'%2F'); } else { return ''; } } function get_abuse_link(__service) { if (__service == 'guestbook') { tag = '<a href="//www.bravenet.com/global/adproblem.php?ads_seen='+get_imps()+'" style="text-decoration: underline; color: rgb(85, 85, 85);" target="_blank">Report Problem Ad</a>'; } else if (__service == 'forum') { tag = '<a href="//www.bravenet.com/global/adproblem.php?ads_seen='+get_imps()+'" style="text-decoration: underline; #ffffff" target="_blank">Report Problem Ad</a>'; } else { tag = '<a href="//www.bravenet.com/global/adproblem.php?ads_seen='+get_imps()+'" style="font: bold 11px tahoma, sans-serif; #ffffff" target="_blank">Report Problem Ad</a>'; } o = document.getElementById('abuse-link'); o.innerHTML = tag; } </script><div style="margin-bottom:7px;"><a style="font: 13px arial,sans-serif; text-decoration: none;" href="//www.bravenet.com/webtools/forum" target="_new"> Free Forum powered by Bravenet </a><br><a style="display:block;margin-top:10px;" href="//www.bravenet.com" target="_new"> <img src="https://assets.bravenet.com/bn/front/img/logo_sm_black.png" border="0" align="absmiddle" class="bn-branding" alt="Powered by Bravenet" /></a> </div> </div> </div> </div> <script type="text/javascript" charset="UTF-8"> (function($){ $(document).ready(function(){ $('.bn-forum-row:last').addClass('last'); // Bravenet.jQuery('*[title]').simpletooltip({ // 'position': 'top', // 'background_color': '#000', // 'border_width': 2, // 'border_color': '#222', // 'arrow_width': 6 // }); }); })(Bravenet.jQuery); </script> </div> <br style="clear: both;"> <div class="clear"> </div> <!-- <FOOTER> --> <div id="footerWrap"> <div id="footer"> <ul> <li class="first"><a href="http://www.bravenet.com/webtools/affiliate/index.php">affiliates</a></li> <li><a href="http://resources.bravenet.com/index.php">resources</a></li> <li><a href="http://www.bravenet.com/global/terms.php">terms/privacy</a></li> <li><a href="http://www.bravenet.com/global/about.php">about bravenet</a></li> <li><a href="http://www.bravenetmedianetwork.com">advertising</a></li> <li><a href="http://www.bravenet.com/global/partners.php">partners</a></li> <li><a href="http://www.bravenet.com/global/contact.php">contact</a></li> <li class="last"><a href="http://www.bravenet.com/global/sitemap.php">sitemap</a></li> </ul> <div id="copy">all contents copyright 1997-2009 Bravenet Web Services Inc.</div> </div> </div> </div> <!-- </FOOTER> --><br><br> <div id="bn-dialog"></div> </body> </html>