sintassi a:hover che influenza altre classi

[s0r42]

il titolo non è molto esplicativo ma non mi veniva di meglio

avendo una struttura del genere per un menu orizontale:

[*]<span class="menu_bordo_sinistro"></span>testo<span class="menu_bordo_destro"></span>

esiste un modo per far cambiare l'immagine di sfondo ai due span ogni volta che il mouse passa sul link?

[oronze]

http://www.w3schools.com/css/css_pseudo_classes.asp
trovi maggiori informazioni

[s0r42]

ho letto ma non penso sia quello che serve a me

ho bisogno di modificare le proprietà degli span che stanno attorno al link, ma solo quando il link è attivo

in javascript sarebbe roba da un minuto, ma vorrei tenere la parte grafica separata ed autosufficiente

in css servirebbe qualcosa tipo
.menu_bordo_sinistro a:hover

o non so
solo che lo span apre e chiude prima del link...
non so...

[Mich_]

Semplicemente devi cambiare la marcatura:

[*]
  <a class="menu_link" href="http://www.ciao.it">
    <span class="menu_bordo_sinistro"> </span>
      testo
    <span class="menu_bordo_destro"></span>
  </a>

Poi nel CSS:

li {
  ...
}
li a {
 ...
}
li a:hover {
  ... se serve ...
}
li a span {
  stile bordi a riposo
}
li a:hover span {
  stile bordi con mouse sopra
}

[s0r42]

se potessi inserire gli span all'interno del ilnk non avrei problemi, solo che non va...

come ho detto prima si tratta di un menu orizzontale a tab basato su link
dopo aver tentato in molti modi ho finito con il seguire pari pari una guida trovata su un sito
e con questo sistema i bordi di ogni tab vengono racchiusi negli span all'esterno del link

mettendo gli span dentro invece mi ritrovo i bordi in posizioni strane che mi spezzano completamente l'effetto grafico

[Mich_]

Probabilmente hai sbagliato qualcosa.
Ad esempio non hai definito display: block; i link, per cui non puoi definirne le dimensioni.

O forse ci sono altri sistemi per ottenere lo stesso effetto (tipo uno sfondo da assegnare al link).
Pero`, non consocendo come e` fatto il menu, e` difficile pensare a soluzioni.

Se puoi posta un link alla pagina (se e` una prova ancora meglio: niente cose inutili che fanno confusione)

[s0r42]

faccamo un'altra cosa...
io voglio ottenere un semplice menu a tab, e le tab devono avere un'immagine di sfondo ed essere progettati per adattarsi in larghezza al testo
praticamente come fate qui su html.it

potresti postarmi un codice semplice semplice per realizzare un menu del genere?

ma perchè si usano sempre le liste?
con i div non sarebbe lo stesso?

[Mich_]

Si usano le liste, perche` e` la marcatura corretta per dei dati di quel tipo.
Potresti anche usare marcatori diversi, ma poi avresti problemi con:
- browser non visuali
- motori di ricerca
- altri strumenti che leggono la semantica della pagina
- in qualche caso browser "leggeri" (e con schermi piccoli).

Trovi esempi di menu a tab in giro per la rete. Puoi partire dai "link utili" (sezione menu).
Se vuoi essere preciso, su HTML.it non e` un menu a tab, ma un menu orizzontale con colorazione dello sfondo.
I tab prevedono che le varie opzioni (o pagine) siano gia` presenti nel browser (di cui una visibile e le altre nascoste), mentre in un menu normale con un click su una voce del menu viene ricaricata la pagina.

[s0r42]

ok
avevo già dato un'occhiata sul sito e su google
cercherò meglio