Visualizzazione dei risultati da 1 a 9 su 9
  1. #1

    Problema con DIV che mi toglie stile css

    Salve,
    ho questo problema...
    Immagine più testo sottostante, entrambi linkati con un unico codice, di modo che al passaggio del mouse si illuminino sia immagine che testo. Questo è il codice
    codice:
    <a href="javascript:change_valori1()">[img]../../immagini/valori1.jpg[/img]
    
    <div style="background:#000000">Affidabilità</div></a>
    Il div mi serve per rendere più leggibile la scritta Affidabilità con uno sfondo nero... Però così facendo il testo non viene più visto come link e rimane sempre bianco anziché seguire il foglio di stile...

    Come risolvo? :master:

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    il div è un contenitore, un link è un contenuto. non viceversa
    ergo sbagliato sintassi

  3. #3
    Grazie tante del commento al mio codice, sarebbe gradita una eventuale soluzione...

    Quello che vorrei dal testo linkato è lo stesso effetto offerto da onmouseover e onmouseout usati per l'immagine, solo che dovrebbe cambiare il colore e non l'immagine...
    Ho provato così
    codice:
    <div style="background:#000000" onmouseover="style.color='#ffffff';"
     onmouseout="style.color='#808080';">
    ma il testo se ne va "per conto suo", partendo bianco (sebbene non ci vada col mouse sopra), poi diventando grigio dopo il passaggio del mouse, ma senza coinvolgere più l'immagine! Insomma graficamente diventano due oggetti indipendenti anche se il link funziona...

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    codice:
    CSS
    a.miaclasse {color:nomecolore;}
    a:hover.miaclasse {color:nomecolore;}
    
    HTML
    <a class="miaclasse" href="..." >aaaaaaaaa<a/>

  5. #5

  6. #6
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    funge funge... tu cosa hai scritto?

  7. #7
    Non funge nel senso che il mouseover e mouseout sull'immagine se ne vanno per conto loro, non restano solidali alla scritta...
    Cmq problema rientrato: chi mi ha commissionato il sito ha rinunciato allo sfondo della scritta e quindi non mi serve più quel div.

  8. #8
    Torno sull'argomento perché il risultato non è esattamente quello che cerco...
    In sostanza mi serve che al passaggio del mouse su immagine o sul testo:
    - il bordo cambi colore (da grigio a bianco)
    - l'immagine cambi (da sfocata a nitida, due jpeg diverse)
    - il testo cambi colore (da grigio a bianco).

    Tutto ok col mouse sull'immagine, ma se lo posiziono sul testo, l'immagine non cambia. :master:

    Forse è diventato un problema di javascript o css, ma se posto lì faccio crossposting quindi magari spostate...

  9. #9
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    sposto in JS

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.