Accorciare altezza barra menu e scritte

[Sauron_x]

Salve ragazzi!

Apro un nuovo topic in quanto dato che ho cambiato argomento nel precedente mi è stato consigliato di aprirne uno nuovo.

Allora, la situazione è la medesima, dunque:


Io ho questo sito che sto costruendo: http://vanishingpoint.site90.net/

La barra del menu risulta molto alta con dei margini tra i menu "testo" e la barra. Io vorrei accorciare ciò per vedere come viene.

Come posso fare?

[Myaku]

gli elementi hanno di default margini e padding. Di solito, per gestire meglio l'impaginazione, si resettano.
Metti

* {margin: 0; padding: 0;}

all'inizio del tuo css

[Sauron_x]

Li avevo già messi, solo il padding lo avevo aumentato a 32px per distanziare gli elementi.

Se lo metto a 0 viene così: http://vanishingpoint.site90.net/


Il codice css che ho messo è questo:

#menu {
    
    margin: 0 auto;
    padding: 0px;
    width: 1024px; 
    font-size: 20px;
    font-weight: bold;
    background: #EEE;
    border-bottom: 1px solid #c00;
    border-top: 1px solid #c00;
    font-family: arial, Helvetica, sans-serif, Verdana;
        
}

#menu li {
    
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;   
}


#menu a:link, #menu a:visited
{
font-weight: bold;
margin:0;
text-decoration: none;
color: black;

}

#menu a:hover

{
border-top: 2px solid #c00;
color: #c00;

}

Mahari ho dimenticato qualcosa o sbagliato qualcosa.

Che ne pensi?

[Myaku]

Originariamente inviato da Sauron_x
Mahari ho dimenticato qualcosa o sbagliato qualcosa.

hai messo il codice che ti ho segnalato io? (perché nel tuo link non c'è) devi solo fare copia/incolla all'inizio del tuo css.
Poi è logico che una volta messo il reset, se c'è da ridefinire qualcuno degli elementi lo fai solo dove ti serve.

[Sauron_x]

Hai ragione, scemo io.

Non avevo applicato il margin e il padding a tutti gli elementi all'inizio del css.

Ora funziona, grazie mille