Unofficial WebSite X5
Categoria generale => Discussioni generali => Topic aperto da: AndreaeNoemi - 15 Ottobre, 2013, 16:49:42
-
Ciao a tutti,
ho creato un sito con website ma ho integrato varie parti a mano e ho un problema con un button che mi sta facendo impazzire.
Il sito è http://www.nozzespeciali.it (http://www.nozzespeciali.it) e ci sono due "button" in alto a destra che vengono visualizzati "tagliati" con Firefox, mentre si visualizzano correttamente con Chrome e con Internet explorer.
Questo è il codice css che ho usato per il button:
#button
{
margin-top:1px;
margin-left:1px;
text-align: center;
border:none;
background-color:transparent;
display:block;
overflow:hidden;
cursor:pointer;
width:142px;
height: 22px;
color:green;
font-size:16px;
background-image:url(files/accesso-aziende.png);
background-repeat:no-repeat;
}
#button:hover
{
background-position:0 -30px;
}
Ho provato ad aumentare "height" da 22 a 30 px ma avviene il problema inverso, cioè:
- se metto "height: 22px;" l'immagine viene visualizzata correttamente con Chrome e Internet explorer ma viene tagliata su Firefox
- se metto "height: 30px;" l'immagine viene visualizzata correttamente con Firefox ma viene allungata con Chrome e Internet explorer
-
Ho risolto! Al posto dell'elemento <input> ho usato <button> e ora tutto funziona nei vari Browser :-)
-
Carino il template.... ::) ???
-
Carino il template.... ::) ???
ti ricorda qualcosa?
-
Beh...fino a ieri era presente anche nella sezione: questo l'ho fatto io!!