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 [...]
Filed under: configuraciones, CSS, General, HTML, PHP | No Comments
Por supuesto, en todos los navegadores una propiedad Standard – CSS como ?Ver código HTML<div style="max-widht:400px"> <img src="images/i.jpg" /> </div> 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 ?Ver código HTML* html div#division { width: [...]
Filed under: configuraciones, CSS, General, HTML | No Comments
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 : ?Ver código CSS.nowrap { white-space: nowrap; } Pruebenlo….
Filed under: CSS, General, HTML | No Comments
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 max-height [...]
Filed under: CSS | No Comments
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: ?Ver código HTML<input type="text" value="" style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();"> Lo que obtenemos es que al tipear hola , se muestra HOLA pero cuando hagas el [...]
Filed under: CSS, General, HTML | 2 Comments
Para dejar que un DIV o una imágen “flote” sobre la pantalla cuando la scrolleamos, debemos definir este estilo: ?Ver código CSS<style type="text/css"> .fijo {position:fixed !important; right:0px; top:0px; z-index:10 !important} </style> Y luego en nuestro documento HTML le aplicamos ese estilo al elemento que queremos que flote así: ?Ver código HTML<div class="fijo"> — algo que [...]
Filed under: CSS, General, HTML | 2 Comments
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: ?Ver código CSSfilter: alpha(opacity=50) Firefox: ?Ver código CSSopacity: .5 Mozilla: ?Ver código CSS-moz-opacity:0.5 El siguiente ejemplo funciona en los dos navegadores: ?Ver código HTML<span class="codigo"> <style type=”text/css”> [...]
Filed under: CSS, General | No Comments
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 ?Ver código CSS<?php header("Content-type: text/css"); ?> .TDCaption {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#<?=$_GET[’cfont’]?>;} .SmallestRed{ font-size:9px; color:#FF0000;} input [...]
Filed under: CSS, General, PHP | No Comments
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: ?Ver código CSS.myclass{ *margin-left:25px; } esta clase solo sera interpretada por IE
Filed under: CSS | No Comments
¿ 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:: ?Ver código HTML<!–Solo para FF–> <style type="text/css">@import url(cssff/FFstyles.css) screen; [...]
Filed under: CSS | No Comments