Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2006
    Messaggi
    53

    dimensioni pulsanti diverse tra ie7 e firefox

    <input type="submit" class="pulsanti1" value="conferma data invio
    ppppppp" id="pulsante_conferma_data_invio_ppppp"
    name="pulsante_conferma_data_invio_pppp"/>

    questo codice html in firefox mi fa un pulsante largo circa 7.5cm in
    ie7 largo circa 9.5 cm

    è possibile ovviare al problema in qualche modo?

    grazie anticipatamente

  2. #2
    comincia con il postare il css della class="pulsanti1"
    (o meglio, tutto il css!)

    HTH
    Zappa
    [PC:Presario 2515EU][Cpu:P4@2.3GHz][Ram: 512M][HDU:80G@5400 RPM]
    [Wireless:LinkSys][OS: Ubuntu 9.04 - Jaunty Jackalope]

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2006
    Messaggi
    53
    hai ragione, ma non ho allegato il css perchè la cosa succede anche senza css

  4. #4
    senza css &egrave; ovvio che succede!
    I due browsers generano diversamente i pulsanti!
    (hai provato Opera o Safari?)
    Con uno stile opportuno puoi far s&igrave; che i pulsanti si vedano (quasi) nella stessa maniera.
    Controlla il font di default, la width e l'height.

    HTH
    Zappa
    [PC:Presario 2515EU][Cpu:P4@2.3GHz][Ram: 512M][HDU:80G@5400 RPM]
    [Wireless:LinkSys][OS: Ubuntu 9.04 - Jaunty Jackalope]

  5. #5
    Utente di HTML.it
    Registrato dal
    Aug 2006
    Messaggi
    53
    ok, ma la width che è quella che mi interessa non posso ridimensionarla per ogni pulsante, a meno di non usare qualcosa in javascript, dico bene?

    ie lascia un margine laterale sia a dx che a sx indecente....

    questo è ciò che provoca il problema

  6. #6
    Gioca un po' con il padding ... provato su Opera, IE6, IE7, Firefox 3
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <title>Pagina di prova</title>
    <style>
    .pulsanti1 {
    min-width:1px;
    overflow:visible;
    padding:0;
    } 
    </style>
    </head>
    <body>
    <form>
    <input type="submit" class="pulsanti1" value="conferma data invio ppppppp" id="pulsante_conferma_data_invio_ppppp"
    name="pulsante_conferma_data_invio_pppp"/>   
    </form>
    </body>
    </html>
    HTH
    Zappa
    [PC:Presario 2515EU][Cpu:P4@2.3GHz][Ram: 512M][HDU:80G@5400 RPM]
    [Wireless:LinkSys][OS: Ubuntu 9.04 - Jaunty Jackalope]

  7. #7

  8. #8
    Utente di HTML.it
    Registrato dal
    Aug 2006
    Messaggi
    53
    perfeto!!! grazie mille

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.