Precedente :: Successivo |
Autore |
Messaggio |
atigra Semidio

Registrato: 21/09/05 11:14 Messaggi: 249
|
Inviato: 31 Lug 2006 15:01 Oggetto: |
|
|
rebelia ha scritto: | atigra ha scritto: | Avevo fatto quella prova, cioč di metterlo in fondo, e non era cambiato nulla, per quello lo avevo riportato dove era prima. Adesso comunque lo trovi in fondo... |
trovato l'inghippo!
Codice: |
#chisiamo a {width: 126px; height: 30px; color: #000000; text-decoration: none;}
|
questo comando ti sovrascrive l'altro (e' piu' vicino al tag a)
domanda: per quale motivo stai usando quel div all'interno del tag li? probabilmente me lo sono persa in qualche spiegazione precedente, ma me lo potresti riassumere pf? (scusa, sono un po' presa e non ho tantissimo tempo per andarmelo a leggere da sola) |
Inizialmente l'idea era di mettere un'immagine di sfodno diversa per ogni voce del menų, per quello avevo creato un div (con relativo hover) per ogni voce stessa. Adesso, tutto sommato, l'immagine di sfondo č sempre quella in tutte le voci del menų (quel file coi quadratini bianchi e neri che vengono ripetuti nella parte bassa del div di ogni voce del menų.
Tutto funzionerebbe bene con la parte attiva, il file coi quadratini b/n vengono ripetuti a dovere e nel posto giusto... solo non prende il colore del testo (bianco) che gli volevo dare. Mi sa che non c'č proprio soluzione... a meno che... Santa Reb da Belluno...  |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 31 Lug 2006 15:32 Oggetto: |
|
|
atigra ha scritto: | Tutto funzionerebbe bene con la parte attiva, il file coi quadratini b/n vengono ripetuti a dovere e nel posto giusto... solo non prende il colore del testo (bianco) che gli volevo dare |
prova a togliere quei div: secondo me sono controproducenti; tutta la formattazione la inglobi all'interno di #menu ul li e sei a posto
giusto per fare una prova, togli il color: #000; dal div e vedi che succede (io ti rileggo quando torno che ora devo uscire) |
|
Top |
|
 |
horus Macchinista


Registrato: 22/03/05 10:48 Messaggi: 2554 Residenza: Sirio e dintorni
|
Inviato: 02 Ago 2006 10:46 Oggetto: |
|
|
Scusa ma non capisco cosa non vada. In queto post ti avevo suggerito di modificare la classe del link attivo aggiungendo il div
oppure, come giustamente sta dicendo rebelia, di togliere decisamente il div.
Non vorrei insistere ma una strada la devi scegliere. Se lasci il div modifichi il css altrimenti togli il div e lavori sulla formattazione dei link (le immagini di sfondo si possono posizionare). |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 02 Ago 2006 16:22 Oggetto: |
|
|
horus ha scritto: | Non vorrei insistere ma una strada la devi scegliere. Se lasci il div modifichi il css altrimenti togli il div e lavori sulla formattazione dei link (le immagini di sfondo si possono posizionare). |
pienamente d'accordo  |
|
Top |
|
 |
valvampir Comune mortale

Registrato: 23/03/07 00:11 Messaggi: 3
|
Inviato: 23 Mar 2007 00:19 Oggetto: |
|
|
Ciao a tutti,
avrei bisogno di una mano. Ho provato a riadattare il codice di Horus al mio menų che ha un layout diverso (una cosa su tutte, non ho usato gli elenchi) ma, con la programmazione sono una capra e non ce ne sono uscita viva.
Vi posto il codice in html e css. Qualcuno ha il tempo di darmi una mano?
Codice: |
<html>
<head>
<style>
a.menu:link{color:#174057; text-decoration:none;}
a.menu:hover,a.menu:visited,a.menu:focus, a.menu:active{color:#CC0000; text-decoration:none;}
body{margin:0;padding:0;font:80% "Trebuchet MS",Arial,Helvetica,sans-serif;text-align:center;}
#menu{border-bottom:1px solid #225F81;width:680px;margin:0 auto;padding:1em 0 3px 0;background:#fff;color:#fff;}
#menu a{padding:3px 1em;border:1px solid #225F81; color:#174057;}
#menu a:link,#menu a:visited{background:#C5DEEC; color:#174057;}
#menu a:hover,#menu a:focus,#menu a:active{background:#E8F5FC;color:#CC0000;}
#menu strong{padding:3px 1em 4px 1em;border:1px solid #225F81;border-bottom:none;background:#FFF;color:#CC0000;font-weight:bold;position:relative;}
</style>
</head>
<body>
<p id="menu">
<strong>Home</strong>
<a class="menu" href="link1.php">link1</a>
<a class="menu" href="link2.php">link2</a>
<a class="menu" href="link3.php">link3</a>
</p>
</body>
</html>
|
Grazie1000  |
|
Top |
|
 |
horus Macchinista


Registrato: 22/03/05 10:48 Messaggi: 2554 Residenza: Sirio e dintorni
|
Inviato: 26 Mar 2007 08:30 Oggetto: |
|
|
valvampir ha scritto: | Qualcuno ha il tempo di darmi una mano? |
Cosa vorresti fare? |
|
Top |
|
 |
valvampir Comune mortale

Registrato: 23/03/07 00:11 Messaggi: 3
|
Inviato: 26 Mar 2007 18:47 Oggetto: |
|
|
Ciao Horus,
vorrei applicare le funzionalitā php del tuo codice al mio layout; il codice html e css č quello che ho postato. In sostanza vorrei che a seconda della pagina in cui si trova l'utente, la linguetta del menų sia bianca e senza link, senza farlo con codice statico, pagina per pagina, come ho invece fatto nel codice postato per la voce "Home" per rendere l'idea.
Ti ringrazio. Ciao,
Valentina |
|
Top |
|
 |
horus Macchinista


Registrato: 22/03/05 10:48 Messaggi: 2554 Residenza: Sirio e dintorni
|
Inviato: 28 Mar 2007 15:12 Oggetto: |
|
|
Eccomi.
Al posto del tuo menų puoi mettere una cosa del genere:
Codice: | <?php
// definisce l'array di pagine
$pagine = array ('Home' => 'home.php','Link1' => 'link1.php','Link2' => 'link2.php','Link3' => 'link3.php');
// contatore per determinare la posizione nell'array
$cnt = count($pagine);
// inizia l'elenco
echo '<p id="menu">';
// per ogni elemento dell'array di pagine
foreach ($pagine as $text => $link)
{
// se sono nella pagina attuale
if (substr($_SERVER['SCRIPT_NAME'],strrpos($_SERVER['SCRIPT_NAME'],'/')+1) == $link)
{
echo '<strong>' . $text . '</strong>';
}
else // in tutti gli altri casi
{
echo '<a class="menu" href="' . $link . '">' . $text . '</a>';
}
// per tutti gli elementi tranne l'ultimo inserisce gli spazi
if (--$cnt > 0)
{
echo ' ';
}
}
// chiude l'elenco
echo '</p>';
?> |
Se posso darti un consiglio gli spazi tra i link io li metterei via css, oltre ad essere tecnicamente pių bello si risparmierebbe un controllo durante il ciclo.
Altro consiglio non richiesto che ti darei č quello di non utilizzare un paragrafo per contenere i tuoi link ma di utilizzare un lista come mostrato negli esempi presenti nei messaggi precedenti. Il codice sarebbe semanticamente pių corretto e, formattando tutto via css, graficamente non noteresti alcuna differenza.
Spero di esserti stato utile.  |
|
Top |
|
 |
valvampir Comune mortale

Registrato: 23/03/07 00:11 Messaggi: 3
|
Inviato: 28 Mar 2007 15:46 Oggetto: |
|
|
Horus, grazie infinite della tua gentilezza!! Mi sei stato utilissimo, cercherō anche di seguire i tuoi consigli, effettivamente la soluzione di usare le liste sembra quanto meno pių elegante anche a me.
Ciao,
Valentina |
|
Top |
|
 |
brontola Comune mortale

Registrato: 02/06/07 16:00 Messaggi: 1
|
Inviato: 02 Giu 2007 16:06 Oggetto: Re: * evidenziare voce menų selezionata |
|
|
atigra ha scritto: | Ciao a tutti, qualcuno sa dirmi come fare in menų che una volta cliccato su una determinata voce, questa resti selezionata in modo tale da capire che parte del sito sto visitando?
Ovviamente senza usare javascript... ma solo html e css... (sempre se č possibile)
Grazie
PS: spero di essermi spiegato abbastanza bene..  |
ciao a tutti..sono nuova del forum..mi servirebbe aiuto..ovvero dovrei fare la cosa che ha scritto atigra..solo che il mio menu php č dinamico ed ha anche il sottomenu..stavo leggendo le vostre risposte ma non sono riuscita a farlo..
mi potete aiutare??
-- questo č il menu.php con la classe menuv che ho applicato io alla quale pero' vorrei aggiungere la cosa che fa rimanere selezionata la sezione in cui sto..mi sapreste dire come potrei fare per fare una cosa del genere
Codice: | $query="SELECT * from categorie Order by priorita";
$ris= mysql_query($query);
if (!$ris)
{
die("query failed:".mysql_error());
}
while($risultato=mysql_fetch_array($ris))
{ ?>
<? echo "<a href='".$risultato['link']."?Cat=" .$risultato['id_cat']. "' class='menuv'>" . $risultato['nome_cat'] . "</a>"; ?>
<?
} ?> |
|
|
Top |
|
 |
Rossi Mortale devoto

Registrato: 24/09/07 15:23 Messaggi: 11
|
Inviato: 24 Set 2007 15:28 Oggetto: |
|
|
Ciao a tutti, sono nuovo di qua! Son arrivato in questo splendido forum cercando su google la soluzione al quesito che vi porrō
Qualche anima pia č in grado di adattare questo script a questo menu:
Codice: | <ul id="nav">
<li class="main"><a href="index.php" title="Home">Home</a></li>
<li class="main"><a href="#" title="L'azienda">L'azienda</a></li>
<li class="main"><a href="#" title="Dove siamo">Dove siamo</a></li>
<li class="main"><a href="#" title="Prodotti">Prodotti</a>
<ul>
<li><a href="" title="">Scale in ferro per interni & esterni</a></li>
<li><a href="" title="">Recinzioni</a></li>
<li><a href="" title="">Ringhiere - Balaustre</a></li>
<li><a href="" title="">Cancelli</a></li>
<li><a href="" title="">Inferiate</a></li>
<li><a href="" title="">Lavorazioni in ferro in genere</a></li>
<li><a href="" title="">Complementi d'arredo in metallo</a></li>
<li><a href="" title="">Soppalchi</a></li>
</ul>
</li>
</ul>
<ul class="contact">
<li class="main"><a href="contact.php" title="Contatti">Contatti</a></li>
<li class="main"><a href="" title="Privacy">Privacy</a></li>
</ul> |
Grazie mille a chi mi aiutera!!  |
|
Top |
|
 |
horus Macchinista


Registrato: 22/03/05 10:48 Messaggi: 2554 Residenza: Sirio e dintorni
|
Inviato: 25 Set 2007 11:04 Oggetto: Re: * evidenziare voce menų selezionata |
|
|
brontola ha scritto: | -- questo č il menu.php con la classe menuv che ho applicato io alla quale pero' vorrei aggiungere la cosa che fa rimanere selezionata la sezione in cui sto..mi sapreste dire come potrei fare per fare una cosa del genere  |
1. scusa l'enorme ritardo nella risposta, mi ero perso la tua domanda.
2. non aprire e chiudere i tag php se non č strettamente necessario.
3. uno script che ti va bene potrebbe essere qualcosa tipo.
Codice: | <?php
// definisce l'array di pagine
$query = "select link,id_cat,nome_cat from categorie order by priorita";
$ris = mysql_query($query);
if (!$ris)
{
die("query failed:".mysql_error());
}
// inizia l'elenco
echo '<ul>';
// per ogni elemento dell'array di pagine
while($risultato = mysql_fetch_array($ris))
{
// inizia la voce di elenco
echo '<li>';
// inserisce link e testo
echo '<a href="' . $risultato['link'] . '?cat=' . $risultato['id_cat'] . '" class="menuv';
// se sono nella pagina linkata
if (substr($_SERVER['SCRIPT_NAME'],strrpos($_SERVER['SCRIPT_NAME'],'/')+1) == $risultato['link'])
{
// aggiunge la classe appropriata
echo ' attivo';
}
echo '">' . $risultato['nome_cat'] . '</a></li>';
}
// chiude l'elenco
echo '</ul>';
?> |
Ho lasciato la lista perché mi sembra meglio di un susseguirsi di link. Forse dovrai fare qualche piccolo aggiustamento nell'if che confronta lo script name col link ma nel complesso l'idea č quella.
4. dal tuo script non si capisce come fai a determinare i sottomenu quindi ho assunto che sia una lista piatta. |
|
Top |
|
 |
horus Macchinista


Registrato: 22/03/05 10:48 Messaggi: 2554 Residenza: Sirio e dintorni
|
Inviato: 25 Set 2007 11:12 Oggetto: |
|
|
Rossi ha scritto: | Qualche anima pia č in grado di adattare questo script a questo menu |
Attualmente come generi questo menų? Fai una select dal db o lo scrivi a mano? |
|
Top |
|
 |
Rossi Mortale devoto

Registrato: 24/09/07 15:23 Messaggi: 11
|
Inviato: 25 Set 2007 12:58 Oggetto: |
|
|
Lo scrivo a mano in un file che poi includo nelle pagine!  |
|
Top |
|
 |
Rossi Mortale devoto

Registrato: 24/09/07 15:23 Messaggi: 11
|
Inviato: 26 Set 2007 08:06 Oggetto: |
|
|
Avevo dimenticato di specificare che i li che mi interessa aver evidenziati sono quelli a cui č assegnata la clase "main", e che possibilmente anche quando l'utente si trova in una dele pagine del sottomenu:
Codice: | <li class="main"><a href="#" title="Prodotti">Prodotti</a>
<ul>
<li><a href="" title="">Scale in ferro per interni & esterni</a></li>
<li><a href="" title="">Recinzioni</a></li>
<li><a href="" title="">Ringhiere - Balaustre</a></li>
<li><a href="" title="">Cancelli</a></li>
<li><a href="" title="">Inferiate</a></li>
<li><a href="" title="">Lavorazioni in ferro in genere</a></li>
<li><a href="" title="">Complementi d'arredo in metallo</a></li>
<li><a href="" title="">Soppalchi</a></li>
</ul>
</li> |
dovrebbe (se si puō) restar evidenziato il li "main"
Grazie, spero che saprete aiutarmi!! |
|
Top |
|
 |
chemicalbit Dio maturo


Registrato: 01/04/05 18:59 Messaggi: 18597 Residenza: Milano
|
Inviato: 26 Set 2007 11:21 Oggetto: |
|
|
Ma cosa intendi con "evidenziati"? |
|
Top |
|
 |
horus Macchinista


Registrato: 22/03/05 10:48 Messaggi: 2554 Residenza: Sirio e dintorni
|
Inviato: 26 Set 2007 12:07 Oggetto: |
|
|
Dunque il tuo caso č un po' pių complicato degli altri ma tutto si puō fare, devi solo avere un po' di pazienza.  |
|
Top |
|
 |
Rossi Mortale devoto

Registrato: 24/09/07 15:23 Messaggi: 11
|
Inviato: 26 Set 2007 12:59 Oggetto: |
|
|
Tutta la pazienza che vuoi
X chemicalbit: intendo dire che voglio assegnare l'ID active alle voci del menu principale (li calss="main")
Per intenderci, si tratta di un menų a tendina e la lista annidata dentro al li č, appunto, la tendina che scende
 |
|
Top |
|
 |
chemicalbit Dio maturo


Registrato: 01/04/05 18:59 Messaggi: 18597 Residenza: Milano
|
Inviato: 26 Set 2007 13:34 Oggetto: |
|
|
Rossi ha scritto: | voglio assegnare l'ID active alle voci del menu principale | E l'ID active cosa comporta? |
|
Top |
|
 |
Rossi Mortale devoto

Registrato: 24/09/07 15:23 Messaggi: 11
|
Inviato: 26 Set 2007 23:33 Oggetto: |
|
|
Cambio immagine di sfondo e colore del link tramite css |
|
Top |
|
 |
|