Newsgroup: it.comp.www.html
Titolo: form e css

ho messo su questo form
www.lastcereal.com/ittica/form.htm
ma non riesco a centrarlo in modo che rimanga sotto al titolo.
qualcuno mi dà una dritta?
saluti & riverenze :)
-- 
ittica°°°°°
ICQ 56696387
www.clix.to/ittica

"ittica°°°°°" ha scritto:
| ho messo su questo form
| 
www.lastcereal.com/ittica/form.htm
| ma non riesco a centrarlo in modo che rimanga sotto al titolo.
| qualcuno mi dà una dritta?
Ciao Ittica,
    nel non usare la table per incasellare i campi della form sei già a buon
punto. Personalmente però le soluzioni ibride non mi piacciono, quindi le
soluzioni sono due: non usare affatto tabelle oppure usare solo quelle.
Inoltre, a meno che la form serva per un invito nella sperduta campagna
bielorussa... quel nero è terribile, e anche le scritte in maiuscolo.
Credo che dovrebbe bastarti aggiungere un width: 33% ai div floattanti
che contengono i select e il bottone.
Ma, invece che mettere mani al tuo codice, ho preparato una paginetta di esempio,
eccola.
Ciao e buono studio!
    SantaKlauss
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd
">
<html>
<head>
<title>Sans Titre</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 2.6">
<style type="text/css">
body{
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: verdena,arial,serif;
    }
h1{
    margin: 0 0px 20px;
    color: #98B8FF;
    background-color: #fff;
    font-size: 18px;
    text-transform: lowercase
    }
h2{
    color: #fff;
    background-color: #ccc;
    margin: 0 10px 10px;
    font-size: 15px
    }
input,select{
    color: #385CA8;
    font-weight: bold;
    margin-bottom: 5px;
    }
div#main{
    border: 2px solid #FFC8C8;
    width: 500px;
    background-color: #ffc;
    color: #000;
    margin: 200px auto;
    }
div#main div.formfield{
    width: 33%;
    float: left;
    }
</style>
</head>
<body>
<div id="main">
    <h1>SELEZIONATE IL TIPO DI VISTO CHE VI INTERESSA</h1>
    <div class="formfield">
        <h2>Tipo di visto</h2>
        <select>
            <option>affari</option>
        </select>
    </div>
    <div class="formfield">
        <h2>Modalità di entrata</h2>
        <select>
            <option>singola</option>
        </select>
    </div>
    <div class="formfield">
        <h2>Visualizza prezzi</h2>
        <input type="submit" value="Vai">
    </div>
    <div style="clear: left"></div>
</div>
</body>
</html>

> ho preparato una paginetta di esempio, eccola.
ma grazie!
hai ragione su tutto, il problema si è posto perchè il form originale con le
tabelle mi dava un nesting error col validatore, ed ho provato a farlo in
css. ma sono alle prime armi e ovviamente nascono altre questioni. studierò
per bene il tuo esempio e cercherò di adattarlo alla pagina già esistente,
poi ti dico.
buon natale,
_it.


ittica°°°°° ha scritto:
| ma grazie!
Figurati!
| hai ragione su tutto, il problema si è posto perchè il form originale con le
| tabelle mi dava un nesting error col validatore
Tieni conto che il form deve includere per intero la table, oppure essere
contenuto solo in una cella (ed eventualmente questa può contenere per intero
una tabella oltre che la form... ma non credo che ci sia un caso pratico in cui
sia inevitabile annidare due tabelle per contenere una form).
Credo che l' errore sia dovuto a questo.
| ed ho provato a farlo in css. ma sono alle prime armi e ovviamente nascono
|altre questioni. studierò  per bene il tuo esempio e cercherò di adattarlo
|alla pagina già esistente, poi ti dico.
A proposito di form... nel mio esempio mi sono dimenticato di metterlo,
sai la mattina presto... cmq lo puoi aprire appena dopo il <body> e subito
prima del </body>, oppure dentro il div principale.
| buon natale,
| _it.
Buon natale anche a te!
    SantaKlauss
*<|:o)

> A proposito di form...
ancora grazie, tornerò :)
