Pignoleria su menu

[samiel]

Ho creato un menu con delle barrette come separatori,
diciamo sul tuoi di quello che si vede su http://linuxappfinder.com
Ho usato questo codice:

Codice: Seleziona tutto

foreach($vocimenu as $voce=>$vocevisualizzata) {
    echo '<li>' . " | ";

Il banale problema è che mi trovo la barretta separatrice
anche all'inizio, cioè prima della prima voce, dov'è del tutto inutile:
| Home | Chi siamo | ecc
C'è un modo per eliminarla correggendo quel codice?

Grazie
M,

[targzeta]

Puoi mettere la barretta dopo la voce, però così avrai la barretta anche dopo l'ultima voce. Altrimenti usa un flag che disattivi dopo la prima voce, tipo:

Codice: Seleziona tutto

$flag=0;
foreach($vocimenu as $voce=>$vocevisualizzata) {
    echo '<li>';
    if ( $flag == 0 )
      $flag=1;
    else
       echo  " | ";

così la prima volta, e solo quella, eviti di stampare la barretta.

Emanuele

[samiel]

Ottima la seconda !!

Colgo l'opportunità per chiedere un'opinione.
Sul menu laterale della pagina che sia opportuno
o inutile che appaia anche la voce principale?
Mi spiego: il menu orizzontale nello header
ha ad es la voce Contatti. Aprendo questa pagina
si attiva un menu laterale sinistro con delle sottovoci
come "indirizzo", "dove diamo", "scrivici".
Secondo voi è superfluo od opportuno che in testa
a questo menu laterale ci sia ancora una volta
la voce "Contatti"?

Grazoe!
M.

[targzeta]

Sto cercando di usare l'immaginazione per capire cosa dici. Però a mio avviso se la voce "Contatti" sul menù orizzontale fai in modo che:

• sia enfatizzata
• non sia più cliccabile

allora potresti anche evitarti di ripeterla sul menù laterale, altrimenti puoi anche mettercela. Però qui si tratto proprio di questione di gusti.

Emanuele

[samiel]

Sì, mi rendo conto che è questione di gusti!
Allora, se seleziono la voce principale
essa non è più cliccabile e appare in grassetto
anche nel menu laterale. Diciamo che il vantaggio,
se di vantaggio di puà parlare, è che si può passare
di nuovo dalle voci secondarie alla pagina principale
della sezione stando sempre col mouse sul menu
laterale, senza dover tornare a quello orizzontale,
Mi dirai che nella vita ci sono stress peggiori.. vero!


M.

[targzeta]

Sono sicuro che concorderai con me che nella vita ci sono stress peggiori .

Emanuele

[samiel]

Sì sì, già lo avevo anticipato !!

[aschenaz]

Mauro, sembri mia moglie quando deve prendere una decisione!
Ieri, per mandare un semplice sms, c'è stata mezz'ora a decidere se scrivere "baci"
o "un bacio" e faceva il broncio con me: "non mi aiuti mai!"...

Io, in genere, quando ho queste perplessità, provo tutte le soluzioni e alla fine
scelgo quella che mi convince. Il fatto di avere sempre sotto gli occhi la pagina
in cui ti trovi è sempre opportuno... Di solito, io la differenzio col css anche
nel menu principale.

Per quanto riguarda le barrette, potresti anche ricorrere ai bordi col css (magari
differenziando la prima voce, o l'ultima...).

[conraid]

quoto nino, usa i css con l'elemento first-child

[samiel]

Ahahah... davvero assomiglio a tua moglie antonino? Spero di no per te !!
comunque frazie, adesso provo anche col CSS.
comunque devo verificare perché ho letto che fistt-child funziona solo
sui browser Gecko-based, e quindi l'effetto non sarebbe visibile su MS IExplorer
(ma devo trovare l'ultima versione da qualche parte) e su Opera...
A meno che quelle informazioni non si riferiscano a versioni ormai obsolete

M:

[conraid]

http://www.w3schools.com/cssref/sel_firstchild.asp
http://www.quirksmode.org/css/contents.html

[samiel]

Grazie. adesso vedo i link.
comunque sull'ultima versione di Opera (su Linux) funziona,
su IE non so, devo trovarlo da qualche parte.
In ogni caso la soluzione CSS risolve anche
un problemino che avevo incontrato in quella
costituita dal codice PHP. Infatti se attribuivo
a <li> un colore diverso per evidenziare
la voce selezionata, anche le barrette verticali
di tutto il menu assumevano quel colore.
Invece con il CSS tutto funziona perfettamente...

M: