Un problema con CSS
Saludos comunidad... tengo un problema con un CSS que aplico a los botones de uno de mis proyectos. La CSS la aplico en un div con id=botones que alberga inputs del tipo button, reset o submit... pero a la par puede contener enlaces ( A ) a los cuales les aplico el mismo estilo que a los botones para que se asemejen a ellos. En firefox todo se maneja OK, pero en IE 6 ocurre el problema... los enlaces q simulan ser botones tiene un margen superior como de 3px, cosa q no ocurre con los inpus y de alli que no se ven al mismo nivel. Pueden apreciar el estilo en este enlace.
Como uso ajax, den click al enlace "Advanced Search here" para cargar la capa de busqueda avanzada que contiene los botones.
Les dejo la CSS que utilizo:
/*** Botones ***/
#botones{
text-align:center;
background-color:#006633;
padding: 0;
height: 25px;
}
#botones input,
#botones a.a_bt,
.BotonGraf{
border:1px solid #4D5B6D;
background: url('../img/bt_bg.jpg') repeat-x left center;
color: #000;
padding: 2px;
margin: 0 4px;
cursor: pointer;
font-family: Tahoma, Verdana, Arial;
font-size: 10px;
font-weight:bold;
text-transform:uppercase
}
#botones a.a_bt{
padding: 3px;
text-decoration:none;
}
#botones a.a_bt:hover{
text-decoration:none;
color:#000;
}
/*** EOF Botones***/
- Inicia sesión o regÃstrate para publicar comentarios.
Condicionales para IE
Hola, yo te sugiero utilizar comentarios condicionales para IE y tal vez una clase para diferencia input de a dentro del div. Como todos sabemos el parser CSS de IE no es del todo estándar y siempre existen discrepancias.
Yo suelo crear un archivo ie.css (en algunos casos, ie6.css, ie5.css) con las reglas especÃficas para IE.
Lectura obligada: Conditional comments at Quirksmode.
Suerte.
Alexis Bellido
Teletrabajo Hoy: Una comunidad para teletrabajadores
CSS :S
Saludos Alexis, Gracias por el dato, lo que yo hago en esos casos es utilizar los estilos que me trabajan bien con IE y si se distorcionan en FireFox aplico un "nuevo" estilo con el mismo nombre pero antecedido de html>body de esa menara solo lo lee el Firefox y el IE simpelmente ignora estos estilos.
Bueno seguire viendo como arreglo este asunto... bye
---------------
William Wong Garay
Gerente General de TIPeru COM
Webmaster de Negociando por Internet
Blog: willytiperu.com
¿Usando hacks en CSS?
Holas, de todas maneras te recomiendo leer sobre condicionales pues el uso de hacks no es la mejor opción debido a potenciales problemas con nuevas versiones de navegadores, por ejemplo IE7, que ya pronto sale y estoy seguro soportará child selectors (html > body). Si googleas un poco encontrarás mucha información al respecto.
Saludos.
Alexis Bellido
Teletrabajo Hoy: Una comunidad para teletrabajadores
Soft que podrÃa serte Util
Bueno, aca te dejo un programa para que puedas editar de una manera muy visual tus CSS:
http://www.nirvanaheart.info
http://thebeatles.mihost.org
Incluye un enlace al sitio web
Hola, he removido el enlace pues lo mejor es que indiques el sitio web de la aplicación. Te sugiero ser más detallado en tus mensajes. Dudo que muchos se animen a descargar un archivo sin saber de qué se trata.
Saludos.
Alexis Bellido
Teletrabajo Hoy: Una comunidad para teletrabajadores
uuhhhhh, lo que me costo
uuhhhhh, lo que me costo subirlo. Bueno este programa lo encontre hace un tiempo en una web como descarga, no decÃa mucho pero como yo soy newbie en esto me sirvio.
Ahora viendo tu post Alexis me hiciste buscar en google para ver más sobre su descripción y encontre este enlace que me parecio más explicito (aunque yo puse el Pro, este es el lite) si quieren bajarlo por allà lo encuentran seguro.
CHEQUEA PORSIACA
http://www.nirvanaheart.info
http://thebeatles.mihost.org
Vale, Gracias
Si, mejor asÃ, recuerda siempre revisar la licencia de la aplicación y ver si permite su libre distribución.
Un detalle: te sugiero usar el nombre de la aplicación o una mejor descripción en tus enlaces.
Saludos y gracias por contribuir.
Alexis Bellido
Teletrabajo Hoy: Una comunidad para teletrabajadores
pensamiento
hay ke ver la belleza en el codigo y entonces sentiras la satisfaccion de digitarlo para que todo quede tal y cmo debe quedar.
Usa la etiqueta!
Hola brother,
Por que no usas la propiedad !important para que asi acepte en los 2 navegadores, a mi tambien me suele suceder ese pequeño error pero con esa propiedad ya no me sucede lo mismo. :D
Web Developer