Archivo para la categoría 'CSS'
Desactivar el scroll horizontal: body{overflow-y: scroll; overflow-x: hidden;} Desactivar el scroll vertical: body{overflow-y: hidden; overflow-x: scroll;}
Si sos desarrollador Web o Diseñador Web, uno de tus escollos es hacer que la web se vea igual en IE9, IE8, IE7, FF, Opera, Chrome, etc….. En este caso si sos usuario de IE8 tenés a tu disposicion una herramienta para developers, ya integrada. Presiona F12. Se abrirá una ventana para depuración, con una […]
Los SPAM Bots, se dedican a completar formularios y llenar nuestros mails de basura. Hace un tiempo vi un método que proponía una simple operacion matematica como Completa cuanto es 3 + 1 = Y cosas así que reemplazan el clásico captcha. Sin embargo, hay un método aún más sencillo. Basados en la premisa que […]
css max-with & max-height in IE
Por supuesto, en todos los navegadores una propiedad Standard – CSS como funciona de maravilla, excepto para IE. Para poder realizar lo mismo pero con la excepcion en IE deberiamos definir algo asi en los css que utilicemos para max-width * html div#division { width: expression( document.body.clientWidth > 333 ? «333px» : «auto» ); /* […]
Al igual que en los <TD> teniamos la propiedad nowrap=»nowrap» y esto hacia que un td no corte un texto o contenido. En css también tenemos esta propiedad simplemente debemos usar la propiedad white-space: nowrap; Un ejemplo de esto sería : .nowrap { white-space: nowrap; } Pruebenlo….
El IE 6 es un navegador único, desde el año 2001 y hasta la actualidad en vigencia en muchas máquinas. Si te ponés a desarrollar una web tenés que pensar en funcionalidades, diseño, efectos y en la compatibilidad con este navegador en esta version 😛 !!!! En este caso no funciona la propiedad max-width ni […]
Si buscás que un campo de texto HTML se escriba y en él siempre el texto esté en mayusculas la colución es muy sencilla usando las bondades del CSS y con javascript: Lo que obtenemos es que al tipear hola , se muestra HOLA pero cuando hagas el submit del form, el valor enviado será […]
Para dejar que un DIV o una imágen «flote» sobre la pantalla cuando la scrolleamos, debemos definir este estilo: Y luego en nuestro documento HTML le aplicamos ese estilo al elemento que queremos que flote así: — algo que flota al scrolear — Observar que esto flota en la posición (x,y)=(0,0) de la pantalla, pero […]
En esta ocasión mostraré un efecto bastante simpático que podemos aplicar en capas, imágenes, formularios, etc… La propiedad opacity funciona tanto en Internet Explorer como en Firefox: IE: filter: alpha(opacity=50) Firefox: opacity: .5 Mozilla: -moz-opacity:0.5 El siguiente ejemplo funciona en los dos navegadores: Ejemplo sin opacity.; Ejemplo con opacity a 50%.; Ejemplo ::
Se trata de crear una hoja de estilos que reciba parametros y con estos parametros cambiar caracteristicas de visualización, por ejemplo en perfiles de usuarios. Aquí hay un pequeño ejemplo de uso:: Archivo estilos.php .TDCaption {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#;} .SmallestRed{ font-size:9px; color:#FF0000;} input {font-size:10px; border:1px solid #cccccc;} textarea {font-size:10px; […]
Muchas veces solo queremos definir estilos para el IE pero no para otros navegadores ya que los distintos navegadores renderizan de distinta manera. Pues bien, podemos colocar un * (asterisco) delante de una declaracion, y esta solo sera tomada por navegadores IE Ejemplo: .myclass{ *margin-left:25px; } esta clase solo sera interpretada por IE
¿ Para que queremos esto ? a veces necesitamos redefinir cierta clase solo para este tipo de navegador, entonces definimos nuestras clases SOLO FIREFOX que reemplazan a otras ya incluidas y para que el FF nos tome el CSS agregamos entre las etiquetas <head>…</head> esta linea:: Y listo!
