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>
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
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
 

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
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
Autore Titolo Forum Risposte Data
G [PHP] Aprire una cartella tramite un link PHP 1
M Link con segnalibro tramite javascript Javascript 1
M [risolto] Passaggio valore tramite link per selezione dati su database. PHP 3
M Espandere e comprimere testo con javascript e CSS tramite un link Javascript 1
I Controllare DIV tramite passaggio mouse su link in altro DIV HTML e CSS 5
neo996sps passare variabile su link tramite post PHP 4
A Malfunzionamento Vodafone Station e Kit Powerline D-Link DHP-W311AV Adsl e Connettività 1
D [COMPRO/CERCO] GUEST POST o scambio link per sito di Spiritualità ed Esoterismo. Vendere e Acquistare pubblicita' online 0
S tracciare i link in uscita Google Analytics 1
U Link a doppio file PHP PHP 0
S [CERCO] scambio di articoli con link Offerte e Richieste di scambio links 0
U Link a pagina ed esecuzione file PHP 0
D Inserire link PHP 0
A Regex per isolare link interni con rel noopener PHP 0
Shyson Modificare codice e creare link PHP 0
M Come individuare il link sito entrante Google Analytics 1
W Elenco dei link del file presenti in una cartella PHP 2
P modifica colore A Hover link website . WordPress 2
T Offuscare link pagina web PHP 2
D Estrarre database con link esterno Database 10
W Creare link di una dato Classic ASP 0
M Visualizzare file PDF con link preso dal DB PHP 0
G Link Building da aggregatori e nuovo social network SEO e Posizionamento 1
G PHP e Microsoft Teams: generare link videocall PHP 15
Shyson Link social penalizzano il sito? SEO e Posizionamento 14
G Rendere dati di una tabella mysql link PHP 22
Shyson Mascherare link di affiliazione PHP 0
F domanda sul link juice SEO e Posizionamento 2
C Problema tp-link extender cp210 Reti LAN e Wireless 9
M [Wordpress] Slider Revolution automatic link WordPress 0
diamantetredici13 [HTML] link e poi link... HTML e CSS 2
D [WordPress] Link eliminati ancora presenti nel database, è possibile? WordPress 0
Shyson [PHP] Aggiungere link al codice PHP 0
K [PHP] Link Obfuscator PHP 5
B anomalia router TP Link Reti LAN e Wireless 0
G Inserire "Leggi il resto dell'articolo" con link al post sul sito preso via RSS Email Marketing 0
D Tp-link voip non funzionante Adsl e Connettività 0
E [HTML] non apre link a file locale ma se lo imposto su barra indirizzi lo apre HTML e CSS 3
D [HTML] Inviare un link contenente un' immagine HTML e CSS 4
M [MySQL] CREARE UN LINK SU UN DETERMINATO CAMPO DI UNA TABELLA RISULTATO DI UNA QUERY SQL MySQL 3
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
kikdirty cerco scambio link con siti di strumenti seo Offerte e Richieste di scambio links 0
N Scambio link sito ZA40 Offerte e Richieste di scambio links 1
Cosina Link in document ready function jQuery 0
E Validazione campi form passati da link Programmazione 0
R [PHP] [Javascript] Link a DIV id di un' altra pagina PHP 4
GiErre [PHP] [HTML] Disabilitare un link in funzione della piattaforma PHP 7
trattorino [PHP] link su stringa con @ PHP 3
P Gif animata con sezioni e link esterni in photoshop Photoshop 8
G [HTML] estrapolare link da pagina web HTML e CSS 9

Discussioni simili