Elementi Menù orizzontali

G

Gae

Utente Attivo
15 Mar 2021
34
1
8
Salve mi sono appena approcciato ai css e non mi sono chiare alcune cose
Ho un piccolo menù di prova
<ul class='ori'>
<li>Primo </li>
<li>Secondo </li>
</ul>

con float ci riesco ma non ho capito se sia il giusto approccio e soprattutto non mi mette gli spazi tra un Menù e l'altro
.ori {
float:left;
}
 
WmbertSea

WmbertSea

Moderatore
Membro dello Staff
MOD
28 Nov 2014
436
73
28
Ciao, il float fa collassare gli spazi, dovresti magari applicare dei padding per gli elementi coinvolti. Ad ogni modo non ho capito perché tu lo stia applicando al contenitore "ul" piuttosto che alle voci "li" del menu.

Se devi costruire un semplice menu puoi trovare un tutorial abbastanza completo su W3Schools:
CSS Horizontal Navigation Bar

Vedi se può esserti utile.
 
  • Like
Reactions: Gae
G

Gae

Utente Attivo
15 Mar 2021
34
1
8
WmbertSea ha scritto:
Ciao, il float fa collassare gli spazi, dovresti magari applicare dei padding per gli elementi coinvolti. Ad ogni modo non ho capito perché tu lo stia applicando al contenitore "ul" piuttosto che alle voci "li" del menu.

Se devi costruire un semplice menu puoi trovare un tutorial abbastanza completo su W3Schools:
CSS Horizontal Navigation Bar

Vedi se può esserti utile.
Clicca per allargare...
Perfetto, grazie.
Tutorial fatto bene. Mi servirà anche per altro
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
L Selezione elementi nel menù in base ad una select jQuery 1
G Elementi HTML HTML e CSS 1
A media degli elementi estratti da una query MySQL 0
P Errore nell'indirizzo degli elementi HTML e CSS 2
F Creare elementi html con javascript Javascript 3
R Includere elementi array fra apici PHP 1
A Contare gli elementi di un array PHP 13
T Contatore alla rovescia su più elementi simultaneamente Javascript 4
S [PHP] Estrarre elementi array su più variabili PHP 5
L [Java] Aggiungere elementi ad array JSON Java 0
R Visualizzazione elementi Access MS Access 2
D Elementi duplicati su blog SEO e Posizionamento 1
S elementi statistici - Matrice e Gestione Array PHP o Javascript Javascript 0
M [HTML] problema spazio aggiuntivo tra elementi <li> di menu a tendina HTML e CSS 1
Raziel84 [Java] Combinazione elementi matrice Java 0
N Dialog performance con tanti elementi jQuery 2
alessandra86 [PHP] Elementi di un array non visualizzabili PHP 7
D [PHP] Elementi tabella in orizzontale e NON Verticale PHP 12
asevenx modificare lista elementi togliendo l'elemento selezionato jQuery 1
S [HTML] Comportamento di due elementi block level flottanti HTML e CSS 2
blips Racchiudere una serie di elementi in un div jQuery 2
S [Javascript] [HTML] problema nella stampa degli elementi della pagina Javascript 3
F [Javascript] Problema funzione jquery con elementi css esterni Javascript 1
C [PHP] RISOLTO - Eliminare elementi duplicati da array multidimensionale PHP 1
F aggiungere codice dopo n elementi jquery jQuery 1
JeanWolf [Php] Elementi comuni di due array PHP 29
Papalla CSS3 - immagine di sfondo con elementi che appaiono col mouse hover HTML e CSS 4
teoxs2508 [HTML] Posizionamento elementi su pagina web HTML e CSS 5
A come modificare gli elementi di una lista e gli editText? Sviluppo app per Android 0
JackIlPazzo Assegnare un id ad elementi con parser PHP 2
asevenx Selezionare elementi da un elenco in modo dinamico e inviarli al database PHP 0
N selezione elementi Javascript 0
asevenx Realizzare modulo per selezionare elementi da una lista PHP 1
C array_rand prende elementi casuali diversi? PHP 6
Marco_88 Verificare la selezione degli elementi dom jQuery 2
X Funzione onscroll relativa a elementi multipli Javascript 0
M elementi di una gridview appaiono in ordine casuale invece di quello deciso da me Sviluppo app per Android 2
N Dare id ad elementi classe jQuery 1
otto9due Accesso agli elementi <![CDATA[ ... ]]> di un file XML con SimpleXML e PHP PHP 2
V Scorrere elementi DOM e prendere dei valori Javascript 8
D SELECT Singoli elementi PHP 3
filomeni Elementi obsoleti SEO e Posizionamento 1
felino [Excel] Disposizione elementi per colonna Windows e Software 1
G Elementi a scomparsa Java 2
A passaggio dei singoli elementi elementi da json object a array Ajax 4
Devil-94 creare elementi sopra altri elementi. Javascript 1
Devil-94 Creazione elementi DOM OGNI volta con sempre un nuovo id. Javascript 1
F Iterare elementi jquery jQuery 4
M Scroll che mostra e nasconde elementi Javascript 2
M Come cambiare elementi visualizzati jQuery 4

Discussioni simili

Alto Basso