balaacoully
New Member
How can I divide a webpage into two sections or more? For example I want to put some pictures on the left side and a contact form on the right side. I can't find a way to do it. I tried to do it using div but it didn't work. Below is a sample code of what I'm trying to do.\[code\]<html><head> <title>Test</title></head><body> <div class="page"> <div class="header"> <ul> <li><a href="http://stackoverflow.com/questions/14492237/index.html">Home</a></li> <li><a href="http://stackoverflow.com/questions/14492237/about.html">About</a></li> <li><a href="http://stackoverflow.com/questions/14492237/projects.html">Projects</a></li> <li class="selected"><a href="http://stackoverflow.com/questions/14492237/contact.html">Contact</a></li> </ul> </div> <div class="body"> <div id="pictures"> <h1>Picture</h1> </div> <div id="contacform"> <h1> <form action="mail.php" method="POST"> <p>Name</p> <input type="text" name="name"> <p>Email</p> <input type="text" name="email"> <p>Message</p><textarea name="message" rows="6" cols="25"></textarea><br /> <input type="submit" value="http://stackoverflow.com/questions/14492237/Send"><input type="reset" value="http://stackoverflow.com/questions/14492237/Clear"> </form> </h1> </div> </div> <div class="footer"> <p>Test Footer</p> </div> </div></body>\[/code\]