Problema menù

[Synthz]

Salve a tutti.
Ho cominciato da poco a fare una homepage giusto per provare, ma mi sono subito bloccato sul menù, voglio farlo orizzontalmente senza tendine ecc, semplice, l'unico problema è che scrivendo le varie voci, queste vanno tutte una sotto l'altra verticalmente (senza nessun
).

La parte HTML è questa:

<menu>
<div class="voci">[*]aaa[*]bbb [*]ccc
</div> 
</menu>
</p>

Ed il sito è questo.

Un errore stupido, lo so, ma non so proprio come risolvere

[carlomarangoni]

Originariamente inviato da Synthz
Salve a tutti.
Ho cominciato da poco a fare una homepage giusto per provare, ma mi sono subito bloccato sul menù, voglio farlo orizzontalmente senza tendine ecc, semplice, l'unico problema è che scrivendo le varie voci, queste vanno tutte una sotto l'altra verticalmente (senza nessun
).

La parte HTML è questa:

<menu>
<div class="voci">[*]aaa[*]bbb [*]ccc
</div> 
</menu>
</p>

Ed il sito è questo.

Un errore stupido, lo so, ma non so proprio come risolvere

Ti basta usare nel css un

float:left

[Synthz]

Ti ringrazio per la risposta, ma anche aggiungendo float: left il menù rimane così.
Altri suggerimenti?

P.S. Posto il CSS?

[Myaku]

Originariamente inviato da Synthz
Ti ringrazio per la risposta, ma anche aggiungendo float: left il menù rimane così.
Altri suggerimenti?

P.S. Posto il CSS?

inizia intanto a sistemare l'html
<menu> da dove è scappato fuori?
gli elementi[*] devono essere dentro il loro tag di lista ordinata o non ordinata.
un paragrafo non contiene un elemento div
e facciamo che ci metti pure il doctype ...

quindi, potrai applicare agli elementi di lista float:left (ricordati del clearing) o anche display:inline, dipende da quello che è il risultato che vuoi ottenere

[Vincent.Zeno]

Originariamente inviato da Myaku
<menu> da dove è scappato fuori?

anche tu non ne ricordavi nemmeno l'esistenza?
fai conto sia un sostituto di ul
e sebbene risulti deprecato in html4, valido in xhtml,
se provi a validarlo in html4 passa l'esame
http://www.w3schools.com/tags/tag_menu.asp


edit: solo strict non lo accetta

[Myaku]

Originariamente inviato da Vincent.Zeno
edit: solo strict non lo accetta

forse è per quello che non mi torna

comunque, che esiste ok, ma se fai una prova il validatore con una dtd html5 te lo segna, risulta non essere supportato dai browser (la prova l'avevo fatta con quella dtd)

edit:
dal sito w3schools: "The <menu> tag is not currently supported in any of the major browsers."

[Synthz]

Grazie a tutti per l'aiuto, alla fine ho levato sia <menu> che[*] e ho messo tutte le voci in un div class, senza mettere nel CSS display: inline o float: left.

[carlomarangoni]

Originariamente inviato da Synthz
Grazie a tutti per l'aiuto, alla fine ho levato sia <menu> che[*] e ho messo tutte le voci in un div class, senza mettere nel CSS display: inline o float: left.

Grande errore! I menu vanno fatti con le liste <ul>[*][/list]oppure con liste ordinate.

Quante voci di menu hai?

[Synthz]

Ma il mio menù deve essere disposto orizzontalmente, se metto <ul>[/list]e[*] mi viene un'elenco verticale.

Comunque sono 4 voci, il sito è http://nftw.altervista.org/index.html.

[Myaku]

Originariamente inviato da Synthz
Ma il mio menù deve essere disposto orizzontalmente, se metto <ul>[/list]e[*] mi viene un'elenco verticale.

eccerto,[*] è un elemento di tipo blocco.
come già detto, a seconda del risultato che devi ottenere puoi:
1. mandarli in display: inline
2. fluttuarli. in questo caso devi poi gestire anche il clearing, ma puoi, ad esempio, attribuire proprietà agli elementi quali larghezza o altezza.