link tramite elenco

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
Salve;

Come mai Mozilla non mi lascia spazio tra le parole del link e il contenitore? mentre i.e. mi da la dimensione esatta? Se do ad a una larghezza di 100px Mozilla nn sembra rispettarla mentre i.e. si.
Apparentemente l'unico modo per inserire spazio tra il testo del link e il bordo del contenitore è inserire degli spazi (con la regola   ) ma non mi sembra un modo corretto.

HTML:
<!-- regole css -->
<style>

div#MENU
{
    text-align: Center;
    padding: 5px;
    background-color: #DDDDDD;
    border: Solid 1px #000000;
}

a.MENU
{
    background-color: #AAAAAA;
    color: #000000;
    font-weight: Bold;
    text-decoration: None;
    [B]width: 100px;[/B]
    padding: 1px;
    border: Solid 1px #000000;
}
a:hover.MENU
{
    background-color: #778899;
    color: #EEEEEE;
    font-weight: Bold;
    text-decoration: None;
    width: 100px;
    padding: 1px;
    border: Solid 1px #000000;
}

</style>
<!--FINE  regole css -->

<!-- nel body inserisco questo --->

<div id="MENU">
    <a class="MENU" href="#">[B]&nbsp;[/B]LINK # 1</a>
    <a class="MENU" href="#">LINK # 2</a>
    <a class="MENU" href="#">LINK # 3</a>
    <a class="MENU" href="#">LINK # 4</a>
    <a class="MENU" href="#">LINK # 5</a>
    <a class="MENU" href="#">LINK # 6</a>
    <a class="MENU" href="#">LINK # 7</a>
</div>
 
ciao
guarda che non vedo differenze tra ie e ff.
inoltre se provi a mettere width = 200px vedrai che le dimensioni del link non cambiano ne ie ne ff. il padding che dai è esterno al box del link quindi determina la distanza tra un lin e l'altro (a dx, a sx, sopra e sotto), ma non la distanza dei caratteri dal bordo del box.
la largezza del box si adatta alla lunghezza dei caratteri se ad es. scrivi
<a class="MENU" href="#">LINK # 200000</a>
vedrai che il box (ora) si allarga
 
Ciao Borgo Italia!
Innanzitutto grazie per la risposta!

Allora se imposto il width in a.MENU io vedo che in i.e.(almeno nella versione da me installata) si allarga il box; mentre in Mozilla Firefox no...


Quindi per allargare il box l'unico modo sarebbe quello di dedicare un div ad ogni link? oppure cosa devo fare per fare allargare il box del link senza l'ausilio del testo?
 

Discussioni simili