- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Problema img in input type text per Explorer7
-
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.jpgSostituite gli asterischi con w!
-
Posta il codice incriminato, così a tentativi è un po difficile azzeccare
-
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!