Menu di Navigazione e relativi problemi....

[Another-Life]

Non faccio riferimento al background-color o background-image del menu ma bensi al posizionamento di ciascuna voce di navigazione(quale Home ecc....).Quali metodi esistono o adottate per realizzare il posizionamento di tale voci??....si va con la posizione assoluta di ogni singola voce oppure ci sono altri metodi che evitano di dover adattare poi il progetto finale per l'incompatibilità tra browser?

[tita85]

Originariamente inviato da Another-Life
Non faccio riferimento al background-color o background-image del menu ma bensi al posizionamento di ciascuna voce di navigazione(quale Home ecc....).Quali metodi esistono o adottate per realizzare il posizionamento di tale voci??....si va con la posizione assoluta di ogni singola voce oppure ci sono altri metodi che evitano di dover adattare poi il progetto finale per l'incompatibilità tra browser?

ioconosco solo positio:absolute;
oppure metto le voci del menu e uso il float:left/right;

Tita

[Another-Life]

Un altro metodo sarebbe quello di mappare ogni immagine,anche se non lo preferisco a quelli gia citati da te.Cmq per quanto riguardo le problematiche relative ai diversi browser quale dei seguenti ha una maggiore compatibilita Cross-Browser??

[pierofix]

Come al solito occorre sempre, sempre, sempre partire dalla struttura di markup: è la base su cui far poggiare tutti i ragionamenti.

Tu che struttura ci proponi, per il menu?

[Another-Life]

Il punto è questo.....non so quale struttra scegliere per riuscire ad avere meno problemi possibili con i diversi browser.
Tu avendo piu esperienza quale struttura di markup mi consigli osservando questa struttra grafica del menu???:

[pierofix]

No, ecco, deve essere chiara una cosa: la struttura non va scelta in base alla visualizzazione. Il markup serve a descrivere le informazioni dal punto di vista logico. La grafica viene nella fase successiva.

Di solito, per il menu di navigazione principale si usa questo tipo di struttura:

<ul id="menu">[*]home[*]blog[*]foto[/list]

Il concetto, la scelta della lista, deriva appunto dal fatto che le varie voci fanno effettivamente parte di un elenco ben definito.

[Another-Life]

heheheheh lo sapevo che arrivavi fino a questo punto.Non sono d'accoro,ma non per creare le solite divergenze(che spesso insegnano)tra noi due.Semplicemente quando realizzo un menu guardo le due cose assieme e credo sia il metodo migliore(lo dico per diverse prove fatte).

Cmq la struttura del menu c'è l'avevo chiara(adesso ancora di piu^^ )...tuttavia io chiedevo questo:

La gestione delle singole voci tramite Css(in particolare riferimento al loro posizionamento)come deve avvenire per mantenere una compatibilita con i browser abbastanza alta??

[Another-Life]

Up!

[ilario83]

se ricorri ad un ul per la formattazione del menu hai una maggiore versatilità d'utilizzo, senza bisogno di chissà quali grattacapi per rendere compatibile il menu ai diveri browser.

Io adotto sempre il metodo delle ul in quanto in più di una situazione è rotornato indispensabile.

Poi per formattare diversamente ogni voce è ovvio che devi ricorrere alle classi, ma tutto dipende da quello che devi ottenere.

[ilario83]

<div id="menubar">
<ul>[*]link[*]link[*]link[*]link[/list]
</div>

--------------------------

css:
#menubar ul {margin: 0px; padding: 0px; list-style-type: none;}
#menubar li {margin: 0px; padding: 0px; float: left; display: block; width: Npx; height: Npx;}
#menubar a {display: block; float: left; width: Npx; height: Npx;}

---------------------
io con questo sistema non ho problemi neanche con internet explorer.