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

    [css] immagine si sposta su link

    nel mio sito ho il seguente codice nel css :

    codice:
    a, a:visited {
    	color: #757575;
    	background-color: transparent;
    	text-decoration: none;
    	font-weight: bold;
    }
    
    a:hover {
       text-decoration: none;  /* elimino la sottolineatura */
    	color: #FFFFFF;
    	background-color: #FF6633;
    	font-weight: bold;
    	border: none;
    }
    
    .linkto {
    	margin-bottom: 12px;
    	font-size: .9em;
    	font-weight: normal;
    }
    
    .linkto ul {
    	list-style: none;
    }
    
    .linkto ul li {
    	border-bottom: 1px solid #DADADA;	
    	height: 15px;
    }
    
    .linkto ul li a, .linkto ul li a:visited {
    	background: url(../img/arrowr.gif) 0 -1px no-repeat;
    	padding-left: 18px;
    	padding-top: 1px;
    }
    e nel file html:
    codice:
    <div class="linkto">
      <ul>[*]Testo[*]Testo[*]Testo[/list]
    </div>
    
    <div>
      [div contenente una immagine]
    <div>
    ebbene:
    con firefox nessun problema, mentre con IE accade che quando seleziono un link (quindi evento a:hover) l'immagine (in basso, che si trova in un altro div) si sposta verso destra di 4 pixel.

    perché ho questo brutto effetto?

  2. #2
    è questione di margin e padding che vengono interpretati in modo diverso dai due browser (indovina un po' chi sbaglia? )

    mi sembri si chiami bug dei 3 pixel su IE

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.