menu

[s.ef]

ciao
ho creato il menu con la seguente variabile:

$pagina_visualizzata = basename($_SERVER['PHP_SELF']);
echo "<ul id=\"navlist\">"; 
while(list($url, $label) = each($array_menu)) {
if ($url == $pagina_visualizzata){
     $stile = "attivo";
} else  {
     $stile = "part";
}
echo "
     <li id=\"$stile\">
        <a href=\"$url\">$label</a>
     
";
}
echo "[/list]";
?>

al menu è associato questo foglio di stile:

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
font-weight: bold;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #730400;
background-color: #E7C35A;
text-decoration: none;
}

#navlist a:hover
{
color: #E7C35A;
background-color: #FF0000;
text-decoration: none;
}

Devo fare in modo che il contenitore resti sempre ul#navlist (che determina i bordi)

poi se ci sono delle condizioni li=id attivo allora vorrei che prendesse questo codice:

#navlist a:link, #navlist a:visited
{
color: #730400;
background-color: #E7C35A;
text-decoration: none;
}

#navlist a:hover
{
color: #E7C35A;
background-color: #FF0000;
text-decoration: none;
}

se li=id part allora vorrei prendesse quest'altro codice:

#navlist  a:link, #navlist  a:visited {
color: #E7C35A;
background-color: #FF0000;
text-decoration: none;
}

#navlist a:hover {
color: #E7C35A;
background-color: #FF0000;
text-decoration: none;
}

qualcuno potrebbe indirizzarmi su come impostare corettamente il foglio di stile.....ho fatto alcuni tentativi ma senza riuscita.

[Mich_]

Non riesco a seguire bene il tuo codice PHP (almeno suppongo sia PHP).
E c'e` un = che potrebbe essere errato (forse ci vuole un == al suo posto).
Comunque se vuoi una risposta ragionevole devi postare il codice lato client che arriva al brwoser (click destro > visualizza sorgente).

Mi par di capire che il tuo codice lato server genera elementi con class="..." diverse. Se usi id al posto delle classi e` un erorre, dato che gli id non si possono usare piu` di una volta.
In tal caso ti basta usare le classi nel codice CSS, ad esempio:

#navlist a.part { ... }
#navlist a.part:link, #navlist a.part:visited { ... }

#navlist a.active { ... }
#navlist a.active:link, #navlist a.active:visited { ... }

[s.ef]

il codice lato client:

<td align="center" valign="middle" >
		
<ul id="navlist">
     <li id="part">
        CHI SIAMO
     

     <li id="part">
        GALLERIA
     

     <li id="part">
        NOVITA'
     

     <li id="part">
        TRENDY
     

     <li id="part">
        ORDINA
     

     <li id="part">
        BLOG
     

     <li id="part">
        F.A.Q.
     

     <li id="part">
        SU E
     [/list]</div></td>

[Mich_]

Come dicevo quel codice non e` corretto. Potresti avere strane sorprese in qualche browser (non in tutti).
Prima di tutto quindi cambia quell'id in class.

In quel codice non vedo un elemento con classe diversa, quindi saranno tutti uguali.

Quando hai corretto queste cose, con la modifica ai selettori che ti ho indicato dovrebbe funzionare in tutti i browser.


PS: non usare formattazioni realizzate con codice HTML: in qualche browser il CSS non funzionerebbe correttamente. Soposta tutte le foramattazioni nel CSS.

[s.ef]

ho sistemato il codice php in modo che adesso risulti corretto:

a video mi stampa questo codice:

<ul id="navlist">
     <li class="part">
        CHI SIAMO
     

     <li class="attivo">
        GALLERIA
     

     <li class="attivo">
        NOVITA'
     

     <li class="attivo">
        TRENDY
     

     <li class="attivo">
        ORDINA
     

     <li class="attivo">
        BLOG
     

     <li class="attivo">

        F.A.Q.
     
[/list]

il css l'ho impostato così:

	
#navlist ul {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
font-weight: bold;
}

#navlist li{
display: inline;
list-style-type: none;
}

#navlist a.active { padding: 3px 10px; }

#navlist a.active:link, #navlist a.active:visited {
color: #730400;
background-color: #E7C35A;
text-decoration: none;
}

#navlist a.active:hover {
color: #E7C35A;
background-color: #FF0000;
text-decoration: none;
}

#navlist  a.part { padding: 3px 10px; }

#navlist a.part :link, #navlist a.part :visited {
color: #FF0000;
background-color: #FF0000;
text-decoration: none;
}

#navlist a.part :hover {
color: #FF0000;
background-color: #FF0000;
text-decoration: none;
}

comunque non vedo gli stili sulla pagina html.......quando visualizzo vedo semplici link colorati di blu.....come se la pagina non avesse foglio di stile....

come posso risolvere.......ho fatto varie prove ma senza risultato

[H5N1_Aviaria]

Come colleghi il foglio di stile alla pagina?

[s.ef]

il foglio di stile lo collego così:

<link rel="stylesheet" href="artistic.css" type="text/css">

mentre il menu lo importo così:

<?php include("head.php");?>

non funziona solo il menù perchè per il resto della pagina il foglio di stile funziona corretamente

[Mich_]

Ci sono gravi errori di sintassi:
1. nel HTML la classe si chiama "attivo", mentre nel CSS si chiama "active" (che tra l'altro e` un nome riservato del DOM).
2. #navlist a.part :hover
lo spazio prima dei duepunti e` sbagliato: non ci deve essere

[s.ef]

Per gli errori di sintassi hai ragione........ho fatto talmente tante prove che non me ne ero accorta



Allora ho corretto cosi..........ma non va ancora :

#navlist ul {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
font-weight: bold;
}

#navlist li {
display:inline;
list-style-type:none;
}

#navlist a.attivo { padding: 3px 10px; }

#navlist a.attivo:link, #navlist a.attivo:visited {
color:#730400;
background-color:#E7C35A;
text-decoration:none;
}

#navlist a.attivo:hover {
color:#E7C35A;
background-color:#FF0000;
text-decoration:none;
}

#navlist  a.part { padding: 3px 10px; }

#navlist a.part:link, #navlist a.part:visited {
color:#730400;
background-color:#FF0000;
text-decoration:none;
}

#navlist a.part:hover {
color:#730400;
background-color:#FF0000;
text-decoration:none;
}

vi posto anche l'idirizzo web cosi potete vedere come si vede il menu:

Sito web

[Mich_]

Ci sono errori nei selettori.
Con il codice HTML postato, i selettori CSS devono essere:

#navlist li.attivo a:link, #navlist li.attivo a:visited { ... }
#navlist li.attivo a:hover { ... }
#navlist li.part a:link, #navlist li.part a:visited { ... }
#navlist li.part a:hover { ... }

Il codice che ti avevo dato era riferito ad una interpretazione diversa che avevo fatto del codice PHP.