Categoría xhtml

Emulando a los iframes con css

12 de julio de 2008

Hoy con unos conocimientos mínimos de css, es posible construir layout complejos con la apariencia de una aplicación de escritorio. Entonces orgullosos miramos una y otra vez nuestro layout, que además valida xhtml 1.1, copiamos la url y lo comprobamos en Ópera y también en Safari. Y nada, que somos unos hachas… hasta que nos [...]

position:fixed compatible con todos los navegadores

9 de julio de 2008

Siempre he pensado que las buenas ideas o soluciones a problemas estaban ahí, al lado nuestra, y que además no eran complicadas. Solo hay que pensar con claridad y pensar en algo simple. Vía divinentd, me encuentro con un código muy, muy simple, que consigue el efecto “fixed” para todos los navegadores. Estos serían las [...]

Layout 100% alto

26 de junio de 2008

Después de haber navegado mucho buscando la versión perfecta – que pienso que no existe – yo hago mi pequeña y humilde propuesta. Yo desde luego que le voy a sacar mucho provecho. Si desde luego a alguien más le sirve y le evita tener que darle a la cabeza, otra alegría que me llevo. [...]

Mejorando los selectBox

17 de junio de 2008

Como diseñador quisquilloso que soy, uno de los objetivos que busco en la web, es el diseño total. Es decir, el poder diseñar cada uno de los elementos que componen una web, desde el primer hasta el último elemento. Y uno de los elementos quizá mas toscos y feos sean los controles de formulario. Si [...]

Editores Wysiwyg

12 de junio de 2008

Desde un tiempo hacia aquí, ya es costumbre añadir editores visuales a las zonas de administración de nuestros proyectos. Evidentemente en función de la libertad que le demos al usuario, nos decantamos por un editor u otro, y es aquí cuando nos entra la duda de que editor usar, cuanto pesará y si tendrá soporte [...]

SelectBox múltiple

10 de junio de 2008

Por necesidades del guión, tuve que crear para un trabajo un control de formulario de tipo select de selección múltiple. A diferencia de los select normales, este tenía que permitir selecciones de más de un elemento sin tener que acceder al teclado, y además, adecuarse estéticamente con el diseño de la página, por lo que [...]

un sencillo sistema de pestañas

18 de mayo de 2008

Ahora que están de moda los sistemas de pestañas, yo también me subo al carro de la moda y propongo mi propio sistema al margen de frameworks. Un poco de html, algo de css y el javascript de toda la vida. Lo primero de todo es crear la estructura que queremos que siga el sistema. [...]

Tooltip básico con css

14 de mayo de 2008

Hay veces en que no vale la pena utilizar javascript o scripts muy concretos para funciones básicas de una web. Con una línea de html y cuatro o cinco de css, es posible crear un tooltip, que en más de una ocasión nos será más que suficiente. Es línea de código html es más que [...]

Maquillar un file upload 2

11 de mayo de 2008

Vamos a aprovechar el código obtenido en maquillar un file upload, para complementarlo y que se parezca aún más si cabe a un control de upload solo que a nuestro gusto. El código inicial cambia un poco. Necesitamos crear un contenedor, y colocar dentro nuestro nuevo botón de upload, y un input de tipo texto [...]

Maquillar un Input file upload

10 de mayo de 2008

Vamos a ver de que forma podemos maquillar los feos controles de upload de los formularios sin utilizar javascript y validando xhtml. Lo que vamos a hacer es colocar un div en lugar del input_file, y este dentro del div de la siguiente manera <div class=”upload”> <input type=”file” name=”upload” /> </div> Aplicamos ahora una capa [...]