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

    Style oggetto FILE. Errata visualizzazione con Firefox

    Ciao,
    premetto che non è molto che utilizzo gli style.
    Ho utilizzato style per impostare la grandezza di un oggetto FILE, su IE tutto ok ma con FireFox mi sbarella tutto, questa è la sintassi

    <input type="file" name="immagine5_form" style="font:10;font-family:helvetica, arial, verdana;width:20" onChange="document.img5.src=this.value;">


    Poi un'altra cosetta...
    Al posto di inserire lo style ad ogni oggetto vorrei crearne uno unico da inserire nella head, ho trovato come farlo per gli oggetti table e funziona benissimo


    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style>
    td{font-family:Tahoma;font-size:11px;color:#000000}
    </style>
    </head>


    come posso fare per farlo con tutti gli oggetti?
    Cioè una cosa tipo



    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style>
    per un input tipo "text"{font-family:Tahoma;font-size:11px;color:#000000}
    per una "select"{font-family:Tahoma;font-size:11px;color:#000000}
    per un bottone{font-family:Tahoma;font-size:11px;color:#000000}
    per un input tipo "file"{font-family:Tahoma;font-size:11px;color:#000000}
    per un input tipo "radiobutton"{font-family:Tahoma;font-size:11px;color:#000000}
    per un input tipo "checkbox"{font-family:Tahoma;font-size:11px;color:#000000}

    e via di seguito
    </style>
    </head>



    Grazie in anticipo a tutti
    Dalla vita altrui attingeva la sua oscura magia...
    Membro del Sacro Ordine degli elfi oscuri di Kand

  2. #2

    Re: Style oggetto FILE. Errata visualizzazione con Firefox

    Originariamente inviato da elfocaotico
    Ciao,
    premetto che non è molto che utilizzo gli style.
    Ho utilizzato style per impostare la grandezza di un oggetto FILE, su IE tutto ok ma con FireFox mi sbarella tutto, questa è la sintassi

    <input type="file" name="immagine5_form" style="font:10;font-family:helvetica, arial, verdana;width:20" onChange="document.img5.src=this.value;">
    La sintassi giusta è:
    codice:
    style="font-size:10px ;font-family:helvetica, arial, verdana;width:20px "
    Sempre meglio usare l'unità d misura, a meno ke la dimensione nn sia 0.
    Poi un'altra cosetta...
    Al posto di inserire lo style ad ogni oggetto vorrei crearne uno unico da inserire nella head, ho trovato come farlo per gli oggetti table e funziona benissimo


    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style>
    td{font-family:Tahoma;font-size:11px;color:#000000}
    </style>
    </head>


    come posso fare per farlo con tutti gli oggetti?
    Cioè una cosa tipo



    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style>
    per un input tipo "text"{font-family:Tahoma;font-size:11px;color:#000000}
    per una "select"{font-family:Tahoma;font-size:11px;color:#000000}
    per un bottone{font-family:Tahoma;font-size:11px;color:#000000}
    per un input tipo "file"{font-family:Tahoma;font-size:11px;color:#000000}
    per un input tipo "radiobutton"{font-family:Tahoma;font-size:11px;color:#000000}
    per un input tipo "checkbox"{font-family:Tahoma;font-size:11px;color:#000000}

    e via di seguito
    </style>
    </head>
    Puoi impostare uno stile generico per i tag input:

    input {stile..............}
    poi per ognuno puoi usare una classe quindi:

    html
    codice:
    <input type="file" name="immagine5_form" style="font:10;font-family:helvetica, arial, verdana;width:20" onChange="document.img5.src=this.value;" class="inputfile">
    CSS
    codice:
    .inputfile {stile...........}
    e impostare la stessa classe per tutti i campi che devono avere la stessa formattazione.

  3. #3
    Dwj grazie è tutto molto chiaro.
    Ho effettuato la prova con Firefox ma il campo input file continua a farmelo vedere di dimensioni errate mentre in IE è tutto ok.
    Sai darmi un'altra dritta?
    Grazie di nuovo
    Dalla vita altrui attingeva la sua oscura magia...
    Membro del Sacro Ordine degli elfi oscuri di Kand

  4. #4
    Scusa se nn ho visto la tua risposta.
    Riesci a postare il codice della pagina o il suo link? così provo a farmi un'idea di dove stia il problema.
    Rimane cmq il fatto che IE e Firefox gestiscono in modo diverso gli stili dei campi input.

  5. #5
    Ciao dwj,
    trovi un esempio QUI
    noterai che con IE i campi input file sono ridimensionati (per essere precisi il campo del testo è quasi a 0 e il bottone è visibile). Mentre con Firefox ignora completamente il width ed infatti si vedono sovrapposti.

    Cmq ti posto anche il codice della pagina



    <html>
    <head>
    <title>ISOLE DI TOSCANA</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <style>
    td{font-family:Tahoma;font-size:11px;color:#000000}
    </style>


    <body bgcolor="#F4F4F4" text="#000000" leftmargin="5" topmargin="0" marginwidth="0" marginheight="0">
    <table width="422" border="0" cellspacing="0" cellpadding="0" height="143" align="center">
    <form name="formadd" action="borghi_add.php" method="POST" enctype="multipart/form-data">
    <input type="hidden" name="idcomune_form" value="<? echo $id_link; ?>">
    <tr>
    <td height="12">Nome</td>
    </tr>
    <tr>
    <td>
    <input type="text" name="nome_form" style="font:10;font-family:helvetica, arial, verdana;width:400">
    </td>
    </tr>
    <tr>
    <td>Descrizione</td>
    </tr>
    <tr>
    <td>
    <table width="414" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="middle" width="367">
    <textarea name="descrizione_ita_form" style="font:11;font-family:helvetica, arial, verdana;width:350;height:70"></textarea>
    </td>
    <td width="47">[img]../img/ita.jpg[/img]</td>
    </tr>
    <tr>
    <td width="367">
    <textarea name="descrizione_ing_form" style="font:11;font-family:helvetica, arial, verdana;width:350;height:70"></textarea>
    </td>
    <td width="47">[img]../img/ing.jpg[/img]</td>
    </tr>
    <tr>
    <td width="367">
    <textarea name="descrizione_ted_form" style="font:11;font-family:helvetica, arial, verdana;width:350;height:70"></textarea>
    </td>
    <td width="47">[img]../img/ted.jpg[/img]</td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td>RIF gis / ID gis</td>
    </tr>
    <tr>
    <td>
    <input type="text" name="rif_gis_form" style="font:10;font-family:helvetica, arial, verdana;width:190">
    /
    <input type="text" name="id_gis_form" style="font:10;font-family:helvetica, arial, verdana;width:150">
    </td>
    </tr>
    <tr>
    <td align="left" height="105" valign="bottom">
    <table width="265" border="0" cellspacing="0" cellpadding="0" height="96">
    <tr style="font:12;font-family:helvetica, arial, verdana">
    <td height="12" width="50" bgcolor="#999999" align="center">IMG1</td>
    <td height="12" width="50" bgcolor="#999999" align="center">IMG2</td>
    <td height="12" width="50" bgcolor="#999999" align="center">IMG3</td>
    <td height="12" width="50" bgcolor="#999999" align="center">IMG4</td>
    <td height="12" width="47" bgcolor="#999999" align="center">IMG5</td>
    <td height="12" width="10" bgcolor="#CCCCCC" align="center"></td>
    <td height="12" width="80" bgcolor="#999999" align="center">Opzioni</td>
    </tr>
    <tr style="font:11;font-family:helvetica, arial, verdana">
    <td width="50" bgcolor="#CCCCCC" align="center" height="46">[img]noimg.jpg[/img]</td>
    <td width="50" height="46" bgcolor="#CCCCCC" align="center">[img]noimg.jpg[/img]</td>
    <td bgcolor="#CCCCCC" valign="middle" align="center" height="46" width="50">
    [img]noimg.jpg[/img]

    </td>
    <td bgcolor="#CCCCCC" valign="middle" align="center" height="46" width="50">[img]noimg.jpg[/img]</td>
    <td bgcolor="#CCCCCC" valign="middle" align="center" height="46" width="47">[img]noimg.jpg[/img]</td>
    <td bgcolor="#CCCCCC" valign="middle" align="center" height="46" width="10"></td>
    <td rowspan="2" bgcolor="#CCCCCC" valign="middle" align="center" height="49" width="80">
    <input type="submit" name="Submit" value="Inserisci" style="width:70;height:25;font:11;font-family:helvetica, arial, verdana">
    <input type="button" name="Chiudi" value="Chiudi" onclick="javascript: window.close()" style="width:70;height:25;font:11;font-family:helvetica, arial, verdana">
    </td>
    </tr>
    <tr style="font:11;font-family:helvetica, arial, verdana">
    <td width="50" height="3" bgcolor="#CCCCCC" align="center">
    <input type="file" name="immagine1_form" style="font:10;font-family:helvetica, arial, verdana;width:20" onChange="document.img1.src=this.value;">
    </td>
    <td width="50" height="3" bgcolor="#CCCCCC" align="center">
    <input type="file" name="immagine2_form" style="font:10;font-family:helvetica, arial, verdana;width:20" onChange="document.img2.src=this.value;">
    </td>
    <td bgcolor="#CCCCCC" valign="middle" align="center" height="3" width="50">
    <input type="file" name="immagine3_form" style="font:10;font-family:helvetica, arial, verdana;width:20" onChange="document.img3.src=this.value;">
    </td>
    <td bgcolor="#CCCCCC" valign="middle" align="center" height="3" width="50">
    <input type="file" name="immagine4_form" style="font:10;font-family:helvetica, arial, verdana;width:20" onChange="document.img4.src=this.value;">
    </td>
    <td bgcolor="#CCCCCC" valign="middle" align="center" height="3" width="47">
    <input type="file" name="immagine5_form" style="font:10;font-family:helvetica, arial, verdana;width:20" onChange="document.img5.src=this.value;">
    </td>
    <td bgcolor="#CCCCCC" valign="middle" align="center" height="3" width="10">
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td></td>
    </tr>
    </form>
    </table>

    </body>
    </html>
    <SCRIPT LANGUAGE="JAVASCRIPT">
    function controllaimporto(campo)
    {
    chrOk = '0123456789,'
    o = campo.value;
    a = o.charAt(o.length-1);
    if (chrOk.indexOf(a)==-1)
    {
    campo.value=o.substr(0,o.length-1);
    alert('ATTENZIONE! Campo numerico');
    }
    }
    parent.leftFrame.itinerario.selectedIndex = -1
    </SCRIPT>
    Grazie di nuovo
    Dalla vita altrui attingeva la sua oscura magia...
    Membro del Sacro Ordine degli elfi oscuri di Kand

  6. #6
    Mah, in effetti penso che nei due casi sia firefox quello che interpreata meglio la cosa... Potresti provare ad aggiungere un size="0" come attributo di uno dei tag input per vedere se il problema si risolve... :master:

  7. #7

    .........

    Ciao.
    width:20px
    lo porterei senz'altro a ie :
    width:150px
    20px di input sono veramente pochi


    Without faith, nothing is possible. With it, nothing is impossible
    http://ilwebdifabio.it

  8. #8
    Ciao whisher e grazie anche a te.

    Dwj avevo già impostato il size a 0 ma ignora il tutto ugualmente.

    Sono arrivato alla conclusione che le dimensioni degli input file con FireFox non sono gestibili, ho effettuato anche ricerche su siti ing ma non ho mai trovato niente.
    Vabbè, pace, basta saperlo no?

    Grazie a tutti per le dritte.

    Ciapz.
    Dalla vita altrui attingeva la sua oscura magia...
    Membro del Sacro Ordine degli elfi oscuri di Kand

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