PDA

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


D4rkAng3l
11-01-2008, 18: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, 19:20
tabellizza!

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

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

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

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