Bueno desde hace una semana ando armando una pequeña seccion de ayuda para mi web.
Entonces en la página de inicio voy a colocar ejemplo: English - Spanish y otros idiomas, para que la seccion quede en varios idiomas..pero eso lo haré con php..el problema es el siguiente..En la pagina del home tengo esto:
Código HTML:
Ver original<center><a class="english" href="?language=1"></a><a class="spanish" href="?language=2"></a></center>
En la cual la class 'english' y 'spanish' se definiria de la siguiente manera:
Código CSS:
Ver originala.english {
display: block;
width: 332px;
height: 112px;
background: transparent url(../img/english-normal.png)
}
a.english:hover {
display: block;
width: 332px;
height: 112px;
background: transparent url(../img/english-hover.png)
}
a.spanish {
display: block;
width: 342px;
height: 112px;
background: transparent url(../img/spanish-normal.png)
}
a.spanish:hover {
display: block;
width: 342px;
height: 112px;
background: transparent url(../img/spanish-hover.png)
}
El probrema es sobre las imagenes y los hovers, que el english y el spanish, los coloco en una misma linea y los trato de centrar con <center>, pero en vez de quedar los 2 en una misma linea me quedan uno debajo del otro, como si estuviese usando un <br> xD.
Intenté usando float:left y funcionó pero me quedaba para la izquierda..lo que quiero es que me queden los 2 en una linea y centrados xD
Bueno eso es todo..
Gracias de antemano :P