Les dejo el link del sitio que estoy haciendo para que se entienda lo que digo, está en inglés pero se entiende. Les dejo también el código.
Diganme si es posible hacer esto y qué cosa tengo que modificar o agregar en el código.
Les agradeceré. Saludos.
Link: http://flipflop.zxq.net/
Code:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>template: contact</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <!-- **** layout stylesheet **** --> <link rel="stylesheet" type="text/css" href="style/style.css"> <!-- **** colour scheme stylesheet **** --> <link rel="stylesheet" type="text/css" href="style/colour.css"> </head> <body> <div id="main"> <div id="links"><!-- **** INSERT LINKS HERE **** --> <a href="#">another link</a> | <a href="#">another link</a> | <a href="#">another link</a> | <a href="#">another link</a> </div> <div id="logo"> <h1>BLUE_SPRING</h1> </div> <div id="content"> <div id="menu"> <ul> <li><a href="index.html">home</a></li> <li><a href="page1.html">page 1</a></li> <li><a href="page2.html">page 2</a></li> <li><a href="page3.html">page 3</a></li> <li><a id="selected" href="contact.html">contact</a></li> </ul> </div> <div id="column1"> <div class="sidebaritem"> <div class="sbihead"> <h1>latest news</h1> </div> <div class="sbicontent"><!-- **** INSERT NEWS ITEMS HERE **** --> <h2>01.09.2006</h2> <p>This is where you can put your latest news.</p> <p><a href="#">read more ...</a></p> <p></p> <p></p> <h2>01.09.2006</h2> <p>This is where you can put your latest news.</p> <p><a href="#">read more ...</a></p> </div> </div> <div class="sidebaritem"> <div class="sbihead"> <h1>additional links</h1> </div> <div class="sbilinks"><!-- **** INSERT ADDITIONAL LINKS HERE **** --> <ul> <li><a href="http://www.opendesigns.org">open designs</a></li> <li><a href="http://www.w3schools.com/xhtml/default.asp">learn XHTML</a></li> <li><a href="http://www.w3schools.com/css/default.asp">learn CSS</a></li> <li><a href="http://www.mozilla.com/firefox">get firefox</a></li> </ul> </div> </div> <div class="sidebaritem"> <div class="sbihead"> <h1>other information</h1> </div> <div class="sbicontent"><!-- **** INSERT OTHER INFORMATION HERE **** --> <p> This space can be used for additional information such as a contact phone number, address or maybe even a graphic. </p> </div> </div> </div> <div id="column2"> <h1>contact</h1> <!-- **** INSERT PAGE CONTENT HERE **** --> <form action="#"> <p>Below is an example of how a contact form might look with this template:<br> <br> </p> <div class="row"> <span class="formlabel">your name</span> <span class="forminput"><input name="yourname" type="text"></span> </div> <div class="row"> <span class="formlabel">your email address</span> <span class="forminput"><input name="youremail" type="text"></span> </div> <div class="row"> <span class="formlabel">your enquiry</span> <span class="forminput"><textarea rows="5" cols="18" name="yourenquiry" class="textarea"></textarea></span> </div> <div class="spacer"> </div> <div class="row"> <span class="formlabel"></span> <span class="forminput"><input value="submit" class="submit" type="submit"></span> </div> <p><br> <br> NOTE: A contact form such as this would require some way of emailing the input to a specified email address.</p> </form> </div> </div> <div id="footer"> copyright © 2006 your name | <a href="#">email@emailaddress</a> | <a href="http://validator.w3.org/check?uri=referer">XHTML 1.1</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.dcarter.co.uk">design by dcarter</a> </div> </div> </body> </html>