effetti grafici con CSS

[DL.com]

Ciao.
SITO
Devo riuscire a far diventare blu la banda azzurra che c'è nel menu di I livello (come avviene nel II livello). solo che non so dove mettere le mani.
Il codice non è identico quindi non posso applicare lo stesso sistema per il primo e il secondo livello.

sapete darmi una mano?

[gabar-el]

dovresti applicare una classe ai link del 2° liv. e dargli un bg color o un bg image uguale a quelli di 1° liv.

[DL.com]

per fare in modo che al passaggio del mouse, il link (II liv) si colori di blu, nel CSS esterno c'è il seguente codice:

• .anylinkcss a:hover
  background-color: #6699cc;

cosa che pperò non riesco a trovare nel CSS (questa volta interno alla pagina HTML) relativo al menu di I livello:

• .navlist li {
  width: 146px;
  height: 19px;
  text-align: left;
  background-color: #99ccff;
  padding-bottom: 2px;
  font: Arial, Helvetica, sans-serif;
  list-style: none;
  margin-bottom: 10px;
  padding-left: 0px;
  margin-left: 0px;
  padding: 2px;
  
  }
  ul {
  margin-left: 0px;
  padding: 2px;
  }

[DL.com]

ho provato anche inserendo:

• .navlist li {
  width: 146px;
  height: 19px;
  text-align: left;
  background-color: #99ccff;
  padding-bottom: 2px;
  font: Arial, Helvetica, sans-serif;
  list-style: none;
  margin-bottom: 10px;
  padding-left: 0px;
  margin-left: 0px;
  padding: 2px;
  }
  .navlist li a:{
  width: 146px;
  height: 19px;
  text-align: left;
  background-color: #99ccff;
  padding-bottom: 2px;
  font: Arial, Helvetica, sans-serif;
  list-style: none;
  margin-bottom: 10px;
  padding-left: 0px;
  margin-left: 0px;
  padding: 2px;
  }
  .navlist li a:hover{
  width: 146px;
  height: 19px;
  text-align: left;
  background-color: #6699cc;
  padding-bottom: 2px;
  font: Arial, Helvetica, sans-serif;
  list-style: none;
  margin-bottom: 10px;
  padding-left: 0px;
  margin-left: 0px;
  padding: 2px;
  }

ma il risultato è QUESTO mentre dovrebbe essere tutto il rettangolo azzurro a divenatre blu.

[gabar-el]

la colorazione che vedi nei link del primo menu è un'immagine...
quindi devi decidere come comportarti, o applichi la stessa immagine in stato hover ai link del secondo menu o puoi applicare anche lo stesso colore.
quindi come ti dicevo devi identificare bene i vari link, classarli per distinguerli e applicare la regola. Non ho visto bene i css, quindi più di tanto non riesco a dire, se riesci ad arrivare a buon punto posta il codice che vediamo di andare avanti, ma non è una cosa difficile, si tratta solo di una regola, è un pò complicato trovare e identificare i link, al meno per me che non conosco il css in questione....

[gabar-el]

hai duplicato .navlist li, non so se è un errore.
comunque vedendo il risultato sei sulla buona strada, solo che applichi la regola in stato hover, se vuoi vedere da subito la colorazione devi applicarla ai a:link
vedo poi che non hai distinto i vari link, poichè in stato hover ti si colorano di blu sia quelli del primo che quelli del secondo livello.

dovresti fare una cosa così:

a:link.secondo {
background: url (image.png); /*o colore preferito*/
}

e nell'html applichi la classe così:

[*]<a class="secondo">link</a>

[DL.com]

Originariamente inviato da gabar-el
hai duplicato .navlist li, non so se è un errore.

non l'ho duplicato. uno è .navlist li, un altro .navlist a: e l'ultimo navlist a:hover


Comunque ho provato a fare come dici tu ma non funziona. Non vorrei che fosse dovuto al fatto che ci sono delle stringhe di javascript.


tra i tag style:

• .navlist li {
  width: 146px;
  height: 19px;
  text-align: left;
  background-color: #99ccff;
  padding-bottom: 2px;
  font: Arial, Helvetica, sans-serif;
  list-style: none;
  margin-bottom: 10px;
  padding-left: 0px;
  margin-left: 0px;
  padding: 2px;
  }
  ul {
  margin-left: 0px;
  padding: 2px;
  }
  a:link.secondo {
  background: #6699cc; /*o colore preferito*/
  }
  a:link {
  text-decoration: none;
  color: #000000;
  }
  a:visited {
  text-decoration: none;
  color: #000000;
  }
  a:hover {
  text-decoration: none;
  color: #000000;
  }
  a:active {
  text-decoration: none;
  color: #000000;
  }

invece nel body:

• <ul class="navlist">
  <li onMouseover="dropdownmenu(this, event, 'menu1')">Chi siamo

[gabar-el]

non avevo visto bene....
se classi come ti ho detto i link del secondo menu dovresti riuscire. il js non dovrebbe comportare problemi. comunque se fai un salto qui trovi un sacco di menu con i css e magari senza js....

[DL.com]

ma ho classato come dicevi tu. Guarda nell'ultimo codice postato, c'è quello che mi hai detto di inserire.

[DL.com]

scusa, non vorrei che ci sia stato un fraintendimento.

Del menu che vedi, il 2° livello è perfetto. E' il 1° livello che deve essere modificato.