• User

    Problema img in input type text per Explorer7

    nel mio sito ***.unime.eu/html/Index2.html ho alcuni problemi con una cosa che sto facendo per abbellire i miei input o meglio dove porta il login!!

    se scrivo un nick/passwd troppo lungo noto che l'immagine di sfondo si muove ma capita solo con IE7 mentre con Opera e FF no!

    ora capisco che explorer deve sempre rompere ma è pure il primo browser quindi vi chiedo umilmente aiuto per le miei lacune in campo CSS

    Grazie ragazzi!

    P.s.
    Per rendervi meglio l'idea vi allego l'immagine!
    ***.unime.eu/input_type.jpg

    Sostituite gli asterischi con w! 🙂


  • User

    Posta il codice incriminato, così a tentativi è un po difficile azzeccare :ciauz:


  • Super User

    Ok prova così, devi cambiare la struttura html anche sostituendo lo SPAN con un DIV (che tra l'altro avrebbe anche più senso logico in ambito XHTML 🙂 ).

    
        .username{
            text-align:left;
            width:85px;
            padding:2px 10px 0 23px;
            height:23px;
            background: url(images/username_bg.png) 0 0px no-repeat ;
        }
        div.username:hover,
        div.username:focus {
        background-position: 0 -23px;
    }
    
        
        .username input {
            width: 75px;
            height: 23px;
            border: none;
            color: #646464;
            background-color: transparent;
        }
    
    

    Mentre per l'html

    [html]
    <div class="username">
    <input type="text" name="username"/>
    </div>
    [/html]
    Così pare funzionare, non so assolutamente se funziona anche con le versioni precedenti di IE. Mi raccomando il nome della classe "username" lo deve avere il div e non l'input.

    ciao!