Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085

    problemi con il 'link' <a>

    Ciao ..
    ho inserito dei link (testo) dentro alle celle di una tabella ..
    avrei un paio di problemini:
    1) c'è modo di evitare il cambiamento di colore del testo, una volta che il link sia stato visitato ?
    (non tramite l'attributo del tag "vlink")
    2) ho fatto in modo che l'hover, per quando posiziono il cursore sulla cella, mi cambi lo sfondo dell'intera cella ..
    Come devo fare affinchè l'attivazione del link non sia limitata al solo testo ma a tutta la superficie della cella ?
    Grazie mille

  2. #2

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085
    grazie .. provo !

  4. #4
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085
    continuo ad avere problemi con il colore del testo .. mi spiego ..
    ho risolto il problema dei link 'visitati', ma ora non riesco più a gestire il colore con l'hover
    rimane fisso con i colori di 'link' e 'visited'

    questi sono i css:

    codice:
    * a{text-decoration: none; }   
    * a:link{color : #536AB5;}
    * a:visited{color : #536AB5;}
    
    .giorno    {
    	       background: #CCCCCC;
    	       border: 1px solid #CCCCCC;
    	       -moz-border-radius: 3px; 
                   -webkit-border-radius: 3px;	
    	       }
    .giorno:hover{
    	            background: #FFFFFF;
    	            color: #777;
    	            border: 1px solid orange;
    	           }
    .giorno a  {display:block;   }
    cosa devo fare perchè funzioni quel "color: #777;"

    grazie mille

  5. #5
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    ma <a> è dentro il div con classe "giorno" o "giorno" è la classe di <a>?

  6. #6
    se è
    <div class="giorno"><a>link</a></div>

    nel tuo css devi mettere
    .giorno a:hover{
    color:#777
    }

  7. #7
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085
    eh si ...
    l'id è riferito al 'contenitore', quindi ci dovevo aggiungere la 'a'

    codice:
    .giorno a:hover{color: red; }
    in realtà mi serve anche l'hiver sul contenitore per quanto riguarda lo sfondo e il bordo.

    codice:
    .giorno:hover{
    	            background: #FFFFFF;
    	            border: 1px solid orange;
    	           }
    a stò punto però ho un altro problema ..
    portate pazienza spero l'ultimo

    vorrei eseguire l'hover su un link con immagine, ho provato a mettere l'id in varie parti (contenitore, 'a', 'img') ,ma non mi funcsia
    come devo fare ?


    codice:
    <td colspan=\"2\" align=\"center\" >                                                                                                         
      <a id=\"prec\" title=\"Prec.\" href=\"?m=" . $precedente . "\"><img src=\"images/freccia_3s.png\" width=\"30\" height=\"30\" ></a>         
    </td>

    codice:
    #prec:hover {background-image: url(images/freccia_2s.png)}
    Grazie

  8. #8
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    sembra che non funzioni, in realtà funziona solo che l'immagine "normale" è inserita col tag img mentre l'hover va ad agire sul background-image che sarà sempre sotto l'img normale. Bisognerebbe mettere dall'inizio l'immagine nel background-image e allora si vedrebbe il cambiamento.
    Cioè
    #prec {background-image: url(images/freccia_3s.png)}
    e

    #prec:hover {background-image: url(images/freccia_2s.png)}

    magari l'immagine com'è adesso la puoi lasciare e metterla a display:none cosicchè in assenza di fogli stile l'immagine è comunque visibile.

  9. #9
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085
    non so se ho fatto giusto .. ma non mi funziona !
    sparisce tutto e non c'è un'area cliccabile
    codice:
    <td colspan=\"2\" align=\"center\" >                                                                                                                                                                                       
       <a id=\"prec\" title=\"Prec.\" href=\"?m=" . $precedente . "\"><img style=\"display:none;\" src=\"images/freccia_3s.png\" width=\"30\" height=\"30\" ></a>
    
    
    
    #prec       {background-image: url(images/freccia_3s.png)}
    #prec:hover {background-image: url(images/freccia_2s.png)}
    tra l'altro .. come la dò la dimensione dell'immagine ?
    grazie

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 © 2026 vBulletin Solutions, Inc. All rights reserved.