problemi di layout: div dentro un fom [Era: nun glia fò più]

[dungino]

Salve ragazzi ho un problema con un form quando inserisco il form in un tag div mi si sballa tutta la tabella come mai ? E' possibile stabilire le dimensioni di larghezza e di altezza di una barra di navigazione? Anche l'allineamento????Sto impazzendo!!


ecco il codice:

<td height="27"><form id="form1" name="form1" method="post" action="">
            <div class="navbar">
Home | Palinsesto | Spider | Ricerca 
<input type="text" name="textfield" />
            
            <input type="submit" name="Submit" value="Invia" />
            | Scambio Links | Contatti
                    </form>
          </td>

[CSS]

/* BARRA DI NAVIGAZIONE */

.navbar{
font-size: 12px;
align: center;
color: #ffffff;
font-family: Verdana, Arial, sans-serif;
background-color: #000098;
padding: 3px;
width: 800;

}

[/CSS]

[fcaldera]

anche io impazzisco.. nel correggere i titoli dei thread privi di significato...

per il tuo problema ti suggerisco di iniziare a settare margin e padding dell'elemento form a 0 con un css se non l'hai già fatto

[dungino]

Per quanto riguarda il form ho risolto e grazie per l'aiuto, adesso vorrei centrare la barra di navigazione e dargli delle dimensioni, come devo fare ? Ecco il codice con il CSS:
/* BARRA DI NAVIGAZIONE */

.navbar{
width: 800px;
align: center;
font-size: 12px;
color: #ffffff;
font-family: Verdana, Arial, sans-serif;
background-color: #000098;
padding: 3px;


}

form.navbar {
margin: 0;
padding: 0;
}

[thomas_anderson]

aling:center non esiste nei CSS. esiste text-align, semmai. il text-align:center deve essere dato al contenitore della barra (il body, ad es.). poi alla barra devi dare margin-left e margin-right su auto. un consiglio: falla un pò più piccola la barra, perchè a 800x600 ci sta a pelo. altra cosa: dimensione dei font in % o em, non in px, altrimenti gli utenti di IE non possono dimensionare i caratteri.

[dungino]

Ragazzi sono riuscito a centrare la barra, adesso quello che non mi riesce è l'altezza della barra(mi varia soltanto se aumento le dimensioni dell'altezza), il form non viene ridimensionato,lo spazio tra i caratteri e l'allineamento orizzontale, ecco come ho modificato il css fino a questo punto:
[CSS]
/* BARRA DI NAVIGAZIONE */

.navbar{
width: 896px;
height: 30px;//questo non la ridimensionaa a 30px; come mai ??
margin-left: 6px;
font-size: 12px;
color: #ffffff;
font-family: Verdana, Arial, sans-serif;
background-color: #000098;
padding: 3px;


}

form.navbar {
margin: 0;
padding: 0;
width: 10px;
height: 10px;
}
[/CSS]

Ah dimenticavo il sito è 1024X768

Grazie per laiuto che mi state dando spero che continuiate così, io ce la sto mettendo tuttta!!

[dungino]

ecco come ho modificato il tutto ho ridimensionato le dimensioni del form, ma mi manca l'altezza della barra che non resco a ridimensionare:

/* BARRA DI NAVIGAZIONE */

.navbar{
width: 896px;
height: 30%;
margin-left: 6px;
font-size: 90%;
color: #ffffff;
font-family: Verdana, Arial, sans-serif;
background-color: #000098;
padding: 3px;


}

.form{
margin: 0;
padding: 0;
width: 120px;
height: 15px;
}

.pulsante{
margin: 0;
padding: 0;
width: 40px;
height: 20px;
}
come mai non mi ridimensiona l'altezza della barra di navigazione? chi mi aiuta?

[dungino]

ah ragazzi anche un 'altra domanda e per aumentare la spaziatura fra caratteri come si fa ?

[dungino]

perchè nessuno mi risponde, non è chiaro qualcosa ?

[edy72]

mah, forse è il padding che ti sconvolge l'altezza della barra, in un post precedente avevi messo:

.navbar{
...
height: 30px;//questo non la ridimensionaa a 30px; come mai ??
.....
padding: 3px;
}

il che in un browser standard ti crea un'altezza effettiva di 30px + 3px di padding sopra e sotto che fa 36px

Ciao!!

[dungino]

no non è questo, ho visto che l'altezza non viene modificata come mai ? Funzionano così questi css ? Vabbè per l'altezza ci posso passare sopra, adesso per allargare il testo e posizionarlo centrato in verticale come si fà ?

[CSS]
/* BARRA DI NAVIGAZIONE */

.navbar{
width: 903px;
height: 25px;
margin-left: 6px;
font-size: 90%;
color: #ffffff;
font-family: Verdana, Arial, sans-serif;
background-color: #000098;
text-align:left;

}

.form{
margin: 0;
padding: 0;
width: 120px;
height: 15px;
}

.pulsante{
margin: 0;
padding: 0;
width: 40px;
height: 20px;
}







[/CSS]