Sto utilizzando, dopo aver customizzato, un template, e ho un problema con la spaziatura tra parole. Nel menù che ho nella parte superiore, vorrei una maggiore spaziatura tra le parole, dato che al momento, pur essendo separate, sembrano praticamente attaccate. Ecco il css di riferimento del menù in questione:
Visto che di css non capisco nulla, come potrei aumentare la spaziatura tra parole?codice:.menu-strip { background: #070808; margin: 1em 0; padding: 1em 0em 0.8em 0px; }
~Il nome di una variabile deve riflettere il suo scopo e non il suo tipo di dati, NET Framework.
aumenta i valori 0 e vedi l'effetto che ti piace di più. Io penso che dovresti aumentare il margincodice:.menu-strip { background: #070808; margin: 1em 0; /* In margin non hai spazio ne a destra ne sotto ne a sinistra */ padding: 1em 0em 0.8em 0px; /* in padding non hai spazio ne a destra ne a sinistra */ }
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
Non credo intendesse alla lettera "spazio tra le parole", ma penso intendesse spazio tra le voci del menu
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Nulla. Ho provato a modificare, ma gli effetti si vedono su altre parti. Vi riporto il codice completo così da capirne di più:
HTML:
CSS:codice:<div class="menu-strip"> <ul> <li><a href="Home.aspx">Home</a></li> <li><a href="News.aspx">Notizie</a></li> <li><a href="About.aspx">I nostri servizi</a></li> <li><a href="Brokers.aspx">Brokers</a></li> <li><a href="Chart.aspx">Grafici</a></li> <li><a href="Video.aspx">Video</a></li> <li><a href="Contact.aspx">Contatti</a></li> </ul> </div>
codice:.menu-strip { background: #070808; margin: 1em 0; padding: 1em 0em 0.8em 0px; } .menu-strip ul li { display:inline-block; } .menu-strip ul li a { color: #fff; font-size: 1.1em; font-weight: 400; font-family: 'bebasregular'; text-decoration: none; padding: 1.1em 1.5533555em 0.9em; } .menu-strip ul li:last-child { text-align: right; } .menu-strip ul li a:hover { background: #cf0000; color: #fff; }
~Il nome di una variabile deve riflettere il suo scopo e non il suo tipo di dati, NET Framework.
Ho provato quel codice e non vedo quale sia il problema a cui ti riferisci:
Ottengo lo stesso risultato su vari browser ma le parole non mi sembrano attaccate come tu hai indicato.codice:<!DOCTYPE HTML> <html> <head> <title>Esempio</title> <meta charset="utf-8"> <style type="text/css"> .menu-strip { background: #070808; margin: 1em 0; padding: 1em 0em 0.8em 0px; } .menu-strip ul li { display:inline-block; } .menu-strip ul li a { color: #fff; font-size: 1.1em; font-weight: 400; font-family: 'bebasregular'; text-decoration: none; padding: 1.1em 1.5533555em 0.9em; } .menu-strip ul li:last-child { text-align: right; } .menu-strip ul li a:hover { background: #cf0000; color: #fff; } </style> </head> <body> <div class="menu-strip"> <ul> <li><a href="Home.aspx">Home</a></li> <li><a href="News.aspx">Notizie</a></li> <li><a href="About.aspx">I nostri servizi</a></li> <li><a href="Brokers.aspx">Brokers</a></li> <li><a href="Chart.aspx">Grafici</a></li> <li><a href="Video.aspx">Video</a></li> <li><a href="Contact.aspx">Contatti</a></li> </ul> </div> </body> </html>
... poi dipende dai punti di vistama sono più propenso a pensare che sulla tua pagina ci sia dell'altro css che vada a sovrascrivere questo.
Eventualmente puoi postare un link ad una pagina pubblica ed indicare meglio dove sta il problema?
Installa Forum HTML.it Toolset per una fruizione ottimale del Forum
Permessi di invio
Rispondi quotando