Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di lukezz
    Registrato dal
    Feb 2010
    Messaggi
    494

    a:hover deforma tabella

    Salve ragazzi,in un sito ho creato una tabella con 5 righe, i ogni riga ci sta un link es:
    Home
    chi siamo
    Contattaci ecc...

    in un foglio di stile esterno ho creato un rollover:

    codice HTML:
    #right a:link {
    	text-decoration: none;
    	color: #CCCCCC;
    	padding-top: 5px;
    	padding-bottom: 5px;
    	display:block;
    }
    #right a:visited {
    	color: #CCCCCC;
    	text-decoration: none;
    	display:block;
    	padding-top: 5px;
    	padding-bottom: 5px;
    }
    #right a:hover {
    	color: #ffffff;
    	font-size: 17px;
    	text-decoration: none;
    }
    Quando ci passo di sopra l'azione è giusta la scritta diventa bianca e la misura della scritta aumenta, xò il problema sta nella tabella che si allunga quando passo sopra a un link cm mai?

  2. #2
    Utente di HTML.it L'avatar di lukezz
    Registrato dal
    Feb 2010
    Messaggi
    494
    avete capito supergiù?

  3. #3
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Ciao lukezz, qui trovi un tutorial per un menu coi css semplice e pulito: http://www.cssplay.co.uk/menus/tutorial.html

    Da evitare le tabelle, comunque il tuo problema nasce dal non aver definito la larghezza della cella, o celle, che ospita i link: una cella le cui dimensioni non siano specificate si adatta al suo contenuto (che è più largo al passaggio del mouse per le dimensioni maggiori del carattere). Ma si risolverebbe egualmente assegnando una larghezza ai link (che tenga conto della larghezza del testo sullo stato hover)

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.