Visualizzazione dei risultati da 1 a 3 su 3

Discussione: problema con div:hover

  1. #1
    Utente di HTML.it
    Registrato dal
    May 2014
    Messaggi
    52

    problema con div:hover

    Salve a tutti
    vi spiego prima la struttura dei miei div:
    codice HTML:
    <div id=1>
     <a href=#>
       <div id=2>
          <div id=3></div>
          <div id=4></div>
       </div>
     </a>
    </div>
    siccome ho un ciclo in php questi div hanno una funzione tipo "i post di facebook" per intenderci.
    Il secondo div (cioè id=2) è all'interno di un
    codice HTML:
    <a href=#></a>
    . Quello che vorrei creare è che al passaggio del mouse al secondo div appare un bordo.
    Il problema è che se scrivo:
    codice HTML:
    <style type="text/css">
    #2 a:hover{} /*non funziona perché ovviamente non si trova all'esterno del div*/
    #1 div:hover{}/*funziona però oltre a darmi i bordi di (id=2) mi da anche i bordi dei div sottostanti ovvero 3 e 4*/
    </style>
    come faccio a ovviare questo problema? possibilmente lasciando all'esterno <a>

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2015
    Messaggi
    205
    Dovresti provare ad utilizzare l'ID del div a cui vuoi applicare l'effetto

    codice:
     a #2:hover
    Sito Modellismo (Non ancora completo)

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2014
    Messaggi
    52
    Quote Originariamente inviata da WottaFacca Visualizza il messaggio
    Dovresti provare ad utilizzare l'ID del div a cui vuoi applicare l'effetto

    codice:
     a #2:hover

    grande grazie era proprio quello che cercavo!
    potete chiudere

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.