Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13
  1. #1

    CSS pulsanti fatti con le <liste> e bug di explorer

    Sono sicuro che qualcuno ha la soluzione a questo problema.
    Sono solito realizzare dei menu in css con le[*] e le pseudoclassi per le azioni. Tutto ok.
    Funzionanio da dio su OPERA, FIREFOX, SAFARI e...... AZZZZ !! Explorer per PC mi distanzia sempre verticalmente i pulsanti corrispondenti agli elementi lista. Lasciando dei buchi tra un pulsante e l'altro. Sembra un problema di margini, interlinea o padding.

    Deve essere un problema noto. Qualcuno mi indica la via per individuare il valore che provoca il bug in questione ?

    Graaazie !
    - DanSky
    giudansky@hotmail.com
    http://www.webalice.it/dansky

  2. #2
    allego il jpg con l'esempio del problema
    A sinistra il funzionamento corretto dei browser.
    A destra, l'anomalia solo su EXPLORER.
    Immagini allegate Immagini allegate
    - DanSky
    giudansky@hotmail.com
    http://www.webalice.it/dansky

  3. #3
    codice:
    ul, ul *{margin:0; padding:0}

  4. #4
    Allora, la mia ricerca per una soluzione continua.
    Il selettore universale per il margin e padding suggerito sopra, non sembra funzionare.

    Ho confermato il mio dubbio riguardo il bug di explorer. Pare che se non specifico l'altezza del[*], explorer reagisce aggiungendo le spaziature verticali (guardatevi l'esempio che ho allegato sopra).

    Il problema è che se specifico questa altezza, diciamo in 20px, correggo il problema su explorer ma ne provoco un altro su firefox: nel caso che la lunghezza del testo nel bottone supera la prima riga, disponendosi su due righe o più, i 20 pixel non bastano più e il testo fuoriesce dal bottone.
    Insomma, il problema è che non posso usare height:auto; con explorer o specificare l'altezza con firefox.
    A meno che non faccio un menu con voci non più lunghe di una riga. Purtroppo non è il mio caso.

    Aiutoooo !
    - DanSky
    giudansky@hotmail.com
    http://www.webalice.it/dansky

  5. #5

  6. #6
    Abbastanza sicuro. Posto il codice.


    <ul class="menu">
    [*]Showroom[*]Tavoli di ciliegio[*]Panche di mogano[*]Sgabelli torniti[*]Panche, panchine e sdraie da giardino[*]Il muro fiorito[/list]

    ul, ul *{margin:0; padding:0;}
    ul.menu {
    display:block;
    margin:0px;
    padding:5px;
    list-style:none;
    width:auto;
    }
    ul.menu li a{
    display:block;
    padding:3px;
    list-style-type: none;
    font-size: 10px;
    font-weight:normal;
    text-decoration:none;
    text-align: center;
    height: 19px;
    }
    ul.menu li a:link, ul.menu li a:visited {
    color: #000000;
    borderutset #85B8CD 1px;
    background-color: #99CCCC;
    }
    ul.menu li a:hover{
    color: #FFCC00;
    borderutset # 2px;
    background-color: #5C96B0;
    border: inset #669999 1px;
    }
    - DanSky
    giudansky@hotmail.com
    http://www.webalice.it/dansky

  7. #7
    secondo me il problema e display: block che provoca un interlinea dopo ogni elemento.
    Se provi con display: inline?

  8. #8
    Originariamente inviato da ilario83
    secondo me il problema e display: block che provoca un interlinea dopo ogni elemento.
    Se provi con display: inline?
    Se provo con display:inline il pulsante non occupa più tutta l'area del bottone...
    - DanSky
    giudansky@hotmail.com
    http://www.webalice.it/dansky

  9. #9

    RISOLTO DA SOLO !!!

    E vaaaiiiiii ! Ci sono risucito da solo !

    Basta mettere dentro al li height:1%
    Si autoridimensiona cmq e non disturba, correggendo il problema !!!!

    VENI VIDI VICI !
    Scusate l'entusiasmo.
    - DanSky
    giudansky@hotmail.com
    http://www.webalice.it/dansky

  10. #10
    Utente di HTML.it L'avatar di Polley
    Registrato dal
    Jan 2005
    Messaggi
    696
    che DOCTYPE stai usando ?

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