distanza fra paragrafi

[makikaz]

Ciao,
ho il seguente codice :

<div id="extra">
<div class="login">
<h2>Login</h2>
<form method='post' action = 'index.php'>


user <input type='text' name='txtUser' size='15' maxlength='15'> </p>


password <input type='password' name='txtPwd' size='15' maxlength='15'> /p>


<input type='submit' value ='Login' name='cmdLogin'></p>
</form>
</div> <div class="newsbox">
<h2>Sondaggi</h2>


<tag:sondaggio /></p>
</div>
</div>


e nel file CSS :

div#extra{position: absolute; top: 80px; right: 0;
width: 130px;\width:130px;padding: 1em 5px;
font-size: 1.2em}
/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{padding: 1px 2px;background-color: #999;color: #fff;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}

/*stili per la sezione extra Login*/
div#extra div.login{font-size: 90%;margin-bottom: 2em ; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc}
div#extra div.login h2{padding: 1px 2px;background-color: #999;color: #fff;font-size: 1.2em}
div#extra div.login p{margin: 0}


Il mio problema sta nella distanza verticale fra i due Text User e Password che vorrei ridurre.
Qual'è la propietà nel CSS da impostare ?

Ciao e grazie.

[Tux7000]

Usa il margin-bottom applicato al paragrafo

p {margin-bottom: 5px;} <--- la distanza che vuoi

[makikaz]

Ciao,
intanto grazie per la velocità della risposta....ho provato ad inserire il codice indicato in grassetto in tutte le dichiarazioni partendo dal livello più alto (extra) fino al livello minimo (newsbox e login).


div#extra{position: absolute; top: 80px; right: 0;
width: 130px;\width:130px;padding: 1em 5px;
font-size: 1.2em;margin-bottom: 1px;}
/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{padding: 1px 2px;background-color: #999;color: #fff;font-size: 1.2em}
div#extra div.newsbox p{margin: 0; margin-bottom: 1px; }

/*stili per la sezione extra Login*/
div#extra div.login{font-size: 90%;margin-bottom: 2em ; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc}
div#extra div.login h2{padding: 1px 2px;background-color: #999;color: #fff;font-size: 1.2em}
div#extra div.login p{margin: 0;margin-bottom: 1px;}


Ho provato con varie dimensioni di px (da 1 a 5) ma non è cambiato nulla.....

[Tux7000]

Originariamente inviato da makikaz
Ciao,
intanto grazie per la velocità della risposta....ho provato ad inserire il codice indicato in grassetto in tutte le dichiarazioni partendo dal livello più alto (extra) fino al livello minimo (newsbox e login).


div#extra{position: absolute; top: 80px; right: 0;
width: 130px;\width:130px;padding: 1em 5px;
font-size: 1.2em;margin-bottom: 1px;}
/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{padding: 1px 2px;background-color: #999;color: #fff;font-size: 1.2em}
div#extra div.newsbox p{margin: 0; margin-bottom: 1px; }

/*stili per la sezione extra Login*/
div#extra div.login{font-size: 90%;margin-bottom: 2em ; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc}
div#extra div.login h2{padding: 1px 2px;background-color: #999;color: #fff;font-size: 1.2em}
div#extra div.login p{margin: 0;margin-bottom: 1px;}


Ho provato con varie dimensioni di px (da 1 a 5) ma non è cambiato nulla.....

Allora, prova a cambiare in questo modo:

div#extra{position: absolute; top: 80px; right: 0; width: 130px;
width:130px;padding: 1em 5px; font-size: 1.2em;margin-bottom: 1px;}
/*stili per la sezione extra*/
div#extra, div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra, div.newsbox, h2{padding: 1px 2px;background-color: #999;color: #fff;font-size: 1.2em} div#extra, div.newsbox, p{margin: 0;  margin-bottom: 1px;  }
/*stili per la sezione extra Login*/
div#extra, div.login{font-size: 90%;margin-bottom: 2em ; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc}
div#extra, div.login, h2{padding: 1px 2px;background-color: #999;color: #fff;font-size: 1.2em}
div#extra, div.login, p{margin: 0;margin-bottom: 1px;}

ovvero inserendo la virgola tra i vari div.
Probabilmente era questo l'errore.

Ciao