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

    Padding auromatico con i form

    Ciao ragazzi , ho un grosso problema : lavorand ad un layout sono incappato in un nuovo bug(?) di IE che non conoscevo. Diciamo che avevo fatto una bella box, molto sottile , fatta apposta per ospitare un form per il login . La vedo in Firefox e procedo, tutto bene , la scatola, senza padding interno , sta proprio a filo dei due campi per il login, affiancati. Poi guardo in IE e scopro che mi ha aggiunto una sorta di padding sotto . Provo e riprovo, ma non avendo messo il padding non cè molto che possa toccare. Per scrupolo provo a togliere il tag form , solo quello,lasciano titti i campi al loro posto e, magicamente il padding scompare .
    Qualcuno sa come fare ? Un hack, qualcosa ? Non so davvero dove sbattere la testa

    Grazie mille

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Hai provato a mettere padding, margin e border a zero nel <form>?

    In alternativa posta il codice (HTML e CSS) oppure un link in modo che si riesca a capire meglio il problema.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Si, ho provato tutto

    Vi mostro il codice

    HTML

    [CODE]<DIV id=login>
    <FORM name=loggati action=../login.php method=post>[img]Senza Inter_file/username.gif[/img] <INPUT class=post size=15
    name=username> [img]Senza Inter_file/password.gif[/img] <INPUT class=post
    type=password size=15 name=password> <INPUT class=text type=checkbox
    name=autologin> <INPUT type=hidden value=Login name=login> [img]Senza Inter_file/login_btn.gif[/img] [img]Senza Inter_file/registrati_orange.gif[/img] [img]Senza Inter_file/recupera_pass.gif[/img] </FORM></DIV></CODE]

    CSS

    codice:
    #login {
    	BORDER-RIGHT: #616a6d 1px solid; BORDER-TOP: #616a6d 1px solid; MARGIN-TOP: 16px; MARGIN-BOTTOM: 0px; BORDER-LEFT: #616a6d 1px solid; WIDTH: 98%; BORDER-BOTTOM: #616a6d 1px solid; HEIGHT: 25px; BACKGROUND-COLOR: #99a3a6
    }

  4. #4
    Il tag <form> inserisce un padding interno di circa 4-5pixel, spostando tutto verso l'interno, forse è un caso che con FireFox si vede bene e con IE no.
    Prova a impostare il padding del tag form a zero:
    codice:
    //codice CSS
    form { padding: 0px; }
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Prova ad usare un linguaggio standardizzato.

    Quel pezzo di codice e` scritto piu` o meno a caso, e non esiste nessuna sintassi in cui sia valido.

    Se vuoi chiedere ad un browser di rappresentare una tua idea, gli devi fornire una pagina in una sintassi definita.
    Quindi aggiungi un DOCTYPE all'inizio della pagina, e poi scrivi seguendo tale sintassi.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.