Website placement and form trouble

sk8ertim · July 14, 2012

Hello everyoneI am a newbie in web design, but I managed to make a website with Dreamweaver in HTML5 and some photoshop...After setting evrything up, I ran into some problems that I just can't debug This is the site: http://www.pro-skating.com/ (figure skating site for my parents) The 1st problem is the fact that I cannot get the body to center on browsers... On some it centers, but on others it looks tweeky... The 2nd problem is a send form on http://www.pro-skating.com/signup.htmlI just cannot get it programmed right... It runs into error 18 and quits out Here's the PHP code:

<?php//--------------------------Set these parameters--------------------------// Subject of email sent to you.$subject = 'admin@pro-skating.com;'// Your email address. This is where the form information will be sent.$emailadd ='admin@pro-skating.com';// Where to redirect after form is processed.$url = 'www.pro-skating.com/index.html';// Makes all fields required. If set to '1' no field can not be empty. If set to '0' any or all fields can be empty.$req = '0';// --------------------------Do not edit below this line--------------------------$text = "Results from form:\n\n";$space = ' ';$line = '';foreach ($_POST as $key => $value){if ($req == '1'){if ($value == ''){echo "$key is empty";die;}}$j = strlen($key);if ($j >= 20){echo "Name of form element $key cannot be longer than 40 characters";die;}$j = 20 - $j;for ($i = 1; $i <= $j; $i++){$space .= ' ';}$value = str_replace('\n', "$line", $value);$conc = "{$key}:$space{$value}$line";$text .= $conc;$space = ' ';}mail($emailadd, $subject, $text, 'From: '.$emailadd.'');echo '<META HTTP-EQUIV=Refresh CONTENT="0; URL='.$url.'">';?>

Please, is there anyone that could help with this stuff?

divinedesigns1 · July 15, 2012

in internet explorer your page doesnt work, im using IE9, chrome and FF its shows up, umm normally when you want to center a div you use margin with a value of top, left, bottom, right try this in your cssmargin:0px auto;this will center the div which suppose to be the container/ wrapper of your website to the dead center.margin-top: 0px; margin-left:auto; margin-bottom: 0px; margin-right:auto; well hope that work the second question im still lost on, your code is a little confusing for me, what does the form suppose to do?

sk8ertim · July 16, 2012

Well the auto value didn't help my container fitment problem... It's still stuck on the left side of the screen... :(As for the 2nd Q: I need to get a PHP send form going (so that people could fill out an aplication online, and that I could get it on my server email addy. Here's my CSS for the site (btw this is the 1st time that I have trouble getting a page to stay center)

@charset "utf-8";body {background-image: url(img/bg.jpg);overflow: hidden;top: 15px;bottom: 15px;position: absolute;}#RealBody {height: 800px;width: 840px;overflow: hidden;border-radius: 115px 20px 115px 20px;background: rgba(20,20,20,.8);margin-top: 0px;margin-bottom: 0px;margin-left: auto;margin-right: auto;color: #FFF;text-align: center;box-shadow: 0px 5px 10px 20px #0CF;position: absolute;    top: 0px;}#logo {position: absolute;left: 56px;top: 8px;}#menu {height: 50px;margin-top: 200px;font-family: Arial, Helvetica, sans-serif;font-size: 20px;font-weight: bold;text-shadow: 0px 5px 10px #0CF;}#header {padding-top: 25px;text-shadow: 0px 5px 10px #0CF;}#textbox {}

And here is the send form (application) that I have:

<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>Pro-Skating.com</title><!-- JavaScript codes --><link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script><script src="js/jquery.easing.1.3.js" type="text/javascript"></script><script src="js/jquery.mousewheel.min.js" type="text/javascript"></script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="js/jquery.fullscreenr.js" type="text/javascript"></script>    <script type="text/javascript">  <!--   // You need to specify the size of your background image here   var FullscreenrOptions = {  width: 1020, height: 680, bgID: '#bgimg' };   // This will activate the full screen background!   jQuery.fn.fullscreenr(FullscreenrOptions);  //--></script>    <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--><link href="/style.css" rel="stylesheet" type="text/css"><style type="text/css">a:link {color: #FFF;text-decoration: none;}a:visited {color: #FFF;text-decoration: none;}a:hover {text-decoration: none;color: #0CF;}a:active {text-decoration: none;}</style></head><body><div class="RealBody" id="RealBody" style="RealBody font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px;" title="RealBody">  <div class="logo" id="logo" style="logo" title="logo"><span class="logo" style="logo"><a href="index.html"><img src="/img/logo.png" alt="logo" width="721" height="161" align="middle" longdesc="http://www.pro-skating.com"></a></span></div><div class="menu" id="menu" style="menu" title="menu">  <table width="810" border="0">    <tr>	  <td width="130"><span class="menu" style="menu"><span class="active"><a href="index.html">НОВОСТИ</a></span></span></td>	  <td width="100"><span class="menu" style="menu"><a href="about_rus.html">О НАС</a></span></td>	  <td width="138"><span class="menu" style="menu"><a href="projects_rus.html">ПРОЕКТЫ</a></span></td>	  <td width="106"><span class="menu" style="menu"><a href="media_rus.html">МЕДИА</a></span></td>	  <td width="208"><span class="menu" style="menu"><a href="partners_rus.html">НАШИ ПАРТНЕРЫ</a></span></td>	  <td width="102"><span class="menu" style="menu"><a href="/forum">ФОРУМ</a></span></td>    </tr></table></div><div class="header" id="header" style="header">Предварительная Запись в Школу Фигурного Катания на Коньках<span style="text-align: left"></span></div><div id="textbox" style="padding-left: 200px; padding-right: 200px; text-align: left; textbox font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;">  <p>  </p>  <table width="523" border="0">    <tr>	  <th width="517" scope="col">Подать Заявку</th>    </tr>    <tr>	  <td height="442"><form name="заявка" method="post" action="">	    <table width="555" border="0">		  <tr>		    <td width="220">Имя Ребенка: </td>		    <td width="287"><input type="text" name="имя" id="имя"></td>		  </tr>		  <tr>		    <td>Фамилия ребенка:</td>		    <td><input type="text" name="фамилия" id="фамилия"></td>		  </tr>		  <tr>		    <td>Возраст ребенка:</td>		    <td><input type="text" name="возраст" id="возраст"></td>		  </tr>		  <tr>		    <td>Дата Рождения:</td>		    <td><input type="text" name="дата рождения" id="дата рождения"></td>		  </tr>		  <tr>		    <td>Ф.И.О. Родителей:</td>		    <td><input type="text" name="фио родителей" id="фио родителей"></td>		  </tr>		  <tr>		    <td>Адресс:</td>		    <td><input type="text" name="адресс" id="адресс"></td>		  </tr>		  <tr>		    <td>Контактный Телефон:</td>		    <td><input type="text" name="телефон" id="телефон"></td>		  </tr>		  <tr>		    <td>Адресс Электронной Почты:</td>		    <td><input type="text" name="email" id="email"></td>		  </tr>		  <tr>		    <td>Дополнительная Информация: </td>		    <td><textarea name="допл-инфо" id="допл-инфо" cols="45" rows="5"></textarea></td>		  </tr>		  <tr>		    <td colspan="2"><a href="send.php">Отправить</a>			  <input type="reset" name="очистить" id="очистить" value="Очистить"></td>		    </tr>    </table>	  </form></td>    </tr>  </table></div></div></body></html>

Sign In

Website placement and form trouble

Recommended Posts

sk8ertim

Link to comment

Share on other sites

divinedesigns1

Link to comment

Share on other sites

sk8ertim

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity