Having issues positioning the alert message (You need to fill in all required fields!!, etc) on this www.redneckrampage.ee webpage. Cannot do it through CSS because the elements don't have anywhere to take their positions from. Any ideas? \[code\] <!DOCTYPE html><html lang="en-US"> <head> <meta charset="utf8" /> <link rel="stylesheet" type="text/css" media="all" href="http://stackoverflow.com/questions/14435462/css/mainstyle.css"/> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://stackoverflow.com/questions/14435462/js/everypage.js"></script> <meta name="viewport" content="initial-scale=1" /> <link rel="shortcut icon" href="http://stackoverflow.com/questions/14435462/IMG/tabicon/favicon.ico" > <title> Redneck Rampage </title><?php $name = $_POST['name']; $email = $_POST['email']; $message = $_POST['message']; $from = 'From: Website'; $to = '[email protected]'; $subject = 'Hello'; $human = $_POST['human']; $body = "From: $name\n E-Mail: $email\n Message:\n $message"; if ($_POST['submit']) { if ($name != '' && $email != '') { if ($human == '4') { if (mail ($to, $subject, $body, $from)) { echo '<p class="alert">Your message has been sent!</p>'; } else { echo '<p class="alert">Something went wrong, go back and try again!</p>'; } } else if ($_POST['submit'] && $human != '4') { echo '<p class="alert">You answered the anti-spam question incorrectly!</p>'; } } else { echo '<p class="alert">You need to fill in all required fields!!</p>'; } } ?> </head> <body> <div id="background"> <div id="wrapper"> <div class="navigation"> <ul id="mainmenu"> <li><a href="http://stackoverflow.com/questions/14435462/index.html">Home</a></li> <li><a href="http://stackoverflow.com/questions/14435462/band.html">Band</a></li> <li><a href="http://stackoverflow.com/questions/14435462/news.html">News</a></li> <li><a href="http://stackoverflow.com/questions/14435462/shows.html">Shows</a></li> <li><a href="http://stackoverflow.com/questions/14435462/music.html">Music</a></li> <li><a href="http://stackoverflow.com/questions/14435462/gallery.html">Gallery</a></li> <li><a href="http://stackoverflow.com/questions/14435462/media.html">Media</a></li> <li><a href="http://stackoverflow.com/questions/14435462/store.html">Store</a></li> </ul> </div> <div class="article"> <div id="logo"></div> <div class="contacts"> <h1> Contact, booking:</h1> <p> [email protected] </p> <p> Tel: +372 58 131 054</p> </div> <form method="post" action="contact.php"> <label>Name</label> <input name="name" placeholder="Type Here"> <label>Email</label> <input name="email" type="email" placeholder="Type Here"> <label>Message</label> <textarea name="message" placeholder="Type Here"></textarea> <input id="submit" name="submit" type="submit" value="http://stackoverflow.com/questions/14435462/Submit"> <label>*What is 2+2? (Anti-spam)</label> <input name="human" placeholder="Type Here"> </form> </div> </div> <div class="footer contactfooter"> <p class="rednecks">Website and Contents © Redneck Rampage 2013. </p> <p class="signature">Designed by Martin Metsalu </p> <ul id="footermenu"> <li><a href="http://stackoverflow.com/questions/14435462/terms.html">Terms of use</a></li> <li><a href="http://stackoverflow.com/questions/14435462/privacy.html">Privacy Policy</a></li> <li><a href="http://stackoverflow.com/questions/14435462/contact.php">Contact</a></li> </ul> <div class="socialplugins"> <a href="https://soundcloud.com/redneckrampage" target="_blank"><img src="http://stackoverflow.com/questions/14435462/IMG/soundcloud.png" alt="plugin#1" ></a> <a href="https://www.youtube.com/user/redneckrampageband?feature=watch" target="_blank"><img src="http://stackoverflow.com/questions/14435462/IMG/youtube.png" alt="plugin#2"></a> <a href="https://www.myspace.com/redneckrampageband" target="_blank"><img src="http://stackoverflow.com/questions/14435462/IMG/myspace.png" alt="plugin#3"></a> <a href="https://www.facebook.com/redneckrampageband" target="_blank"><img src="http://stackoverflow.com/questions/14435462/IMG/facebook.png" alt="plugin#4"></a> </div> </div> </div> </div></body></html>\[/code\]
How to position my PHP contact form alert message using Javascript?
- Thread starter luiz
- Start date