Pagina 1 di 4 1 2 3 ... ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 33
  1. #1

    Bug di IE: padding-margin in dimensioni relative e :hover

    In questi giorni sto facendo un po' di esercizietti nella costruzione di documenti accessibili. Una sera qua e una là, questo è uno dei risultati:

    - www.re1.it/pierofix/me/bookmarks.htm

    Ora, con gli amici fidati (FF e Opera) tutto è normale; con quella testa di IE di IE ("testa di IE" è l'insulto ) succede un macello. Tutte le dimensioni (margin e padding) sono specificate in unità relative (% e em) ed il problema si verifica quando passo il mouse sui link: la finestra si trasforma in una pista da ballo, dove i protagonisti sono tutti gli elementi.

    Ora, come si potrebbe randellare IE e dargli un contegno? Insomma, come risolvere il problema? Grazie a tutti coloro che avranno pazienza di rispondermi.


  2. #2
    puoi fornire a IE nel CSS proprietà diverse... o addirittura CSS interi diversi
    puoi usare !important, il child selector o addirittura puntare su versioni particolari di IE con i filtri tramite commenti
    http://forum.diodati.org/messaggi.asp?f=1&id=8675

  3. #3
    Sì, chiaro, ma non riesco a capire cosa esattamente modificare per IE. Devo usare margini e padding in px? Come evitare la salsa e merengue del moccioso di casa MS?

  4. #4
    Originariamente inviato da pierofix
    Sì, chiaro, ma non riesco a capire cosa esattamente modificare per IE. Devo usare margini e padding in px? Come evitare la salsa e merengue del moccioso di casa MS?
    ahhhh qui si entra nel mondo dell'arte... non ti resta che provare: da buon artigiano!

  5. #5

    Re: Bug di IE: padding-margin in dimensioni relative e :hover

    Originariamente inviato da pierofix
    la finestra si trasforma in una pista da ballo, dove i protagonisti sono tutti gli elementi.
    ma è uno spettacolo!
    dovresti brevettarlo!

  6. #6
    A parte gli scherzi, avrei davvero bisogno di una mano per capirci qualcosa. Non ho usato nulla di speciale se non margini e padding con dimensioni relative.

  7. #7
    Il tuo problema deriva dall'hover così è a posto:
    codice:
    a {
    	padding:0.1em;
    }
    a:link {
    	font-size:1.2em;
    	color:#039;
    }
    li a:link {
    	font-size:1.1em;
    }
    a:link {
    color : Blue;
    text-decoration: none
    }
    a:visited {
    	font-size:.9em;
    	color:#31c;
    text-decoration: underline;
    }
    a:hover {
    color : Blue;
    text-decoration : none;
    }
    a:active {
    color: Blue;
    text-decoration: underline;
    }
    per le misure "piccole" che sono collegate al testo ti consiglio di usare il più possibile em: perchè quello che importa (anche ai fini dell'accessibilità) è che i contenuti (testuali in questo caso) siano fruibili, anche ridimensionando i caratteri.
    per le dimensioni dei blocchi (probabilmente div) usa pure le %
    inoltre io ti consiglio di specificare una dimensione "generale" dei caratteri al body in % e tutti gli altri in em.

  8. #8

  9. #9
    Originariamente inviato da pierofix
    Non riesco a capire cosa hai modificato.
    però funziona

  10. #10
    Ma sei sure? Ammetto di non aver fatto il copia-incolla per prova, ma semplicemente confrontando il mio e il tuo non trovo differenze. Help.

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.