PDA

View Full Version : [HTML]Come allineare i campi di un form?


D4rkAng3l
11-01-2008, 19:39
Ciao,
se andate sulla sezione dei contatti delmio sito probabilmente capirete: http://www.siatec.net/andrea/fotografia/contact.html

Lo sò la domanda è stupida...
Se vedete i campi dove si inserisce nome, mail e oggetto non sono allineati ed è un po' antiestetico...come posso risolvere?

Il codice HTML è:


!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
<head>
<title>Andrea Nobili Fotografo</title>
<meta name="title" content="Andrea Nobili Fotografo" />
<meta name="description" content="Fotografo di Roma. Appassionato di fotografia naturalistica e subacquea. Studente di informatica e webmaster. Realizzazione siti web accessibili e portali web" />
<meta name="keywords" content="Fotografia, fotografia subacquea, fotografia naturalistica, fotografia notturna, fotografia architettura, webmaster, informatica, realizzazione siti web, portali web, portali php, database" />
<meta name="robots" content="index, follow" />
<meta name="author" content="Andrea Nobili" />
<meta name="generator" content="Hand Coded" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="default01f.css" rel="stylesheet" type="text/css" title="default" />
<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" /><![endif]-->
</head>

<body>

<div id="container">
<div id="contieni_bordo">

<div id="header">

</div>

<div id="menu">
<ul>
<li><a href="index.html" title="link 1">Home</a></li>
<li><a href="aboutme.html" title="link 2">About Me</a></li>
<li><a href="portfolio.html" title="link 3">Portfolio</a></li>
<li><a href="#" title="link 4">Contact</a></li>
<li><a href="links.html" title="link 5">Links</a></li>
</ul>
</div>

<div id="content">
<h1>Andrea Nobili Fotografo e WebMaster</h1>

<h2>1.Contatti:</h2>

<form method="get" action="send.php">
<p>Tuo nome e cognome: <input type="text" name="nomemittente" class="form" /></p>
<p>La tua e-mail: <input type="text" name="emailmittente" class="form" /></p>
<p>Oggetto: <input type="text" name="oggetto" class="form" />
<p>Messaggio:</p>
<p><textarea name="corpomesaggio" rows="7" cols="70" class="form"></textarea></p>
<p><input type="submit" value="Invia" class="pulsante"> <input type="reset" value="cancella" class="pulsante"/>
</p>
</form>

</div>

<div id="footer">This Page Is Valid XHTML 1.0 Transitional and Valid CSS v.2
<script type="text/javascript" src="http://www.siatec.net/andrea/stats/php-stats.js.php"></script>
<noscript><img src="http://www.siatec.net/andrea/stats/php-stats.php" border="0" alt=""></img></noscript></div>
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2949351-1";
urchinTracker();
</script>

</body>
</html>


Grazie
Andrea

vizzz
11-01-2008, 20:20
tabellizza!

D4rkAng3l
11-01-2008, 20:22
tabellizza!

no layout tabless...vorrei evitarle totalmente...

vizzz
11-01-2008, 20:30
no layout tabless...vorrei evitarle totalmente...

http://jeffhowden.com/code/css/forms/

Hardware Upgrade Forum Database Error
Database Error Database error
The Hardware Upgrade Forum database has encountered a problem.

Please try the following:
  • Load the page again by clicking the Refresh button in your web browser.
  • Open the www.hwupgrade.it home page, then try to open another page.
  • Click the Back button to try another link.
The www.hwupgrade.it forum technical staff have been notified of the error, though you may contact them if the problem persists.
 
We apologise for any inconvenience.