HTML: Tablas accesibles y usadas donde tiene que ser

Está mas que claro, que usar tablas para distribuir, organizar, maquetar un sitio es algo pasado de moda. Para eso están los divs y el css que son mucho más molones y puedes hacer formas imposibles, recuerda los layouts que comentábamos hace unos meses. Pero eso no significa que no podamos poner ninguna tabla en nuestra web, no os asustéis porque los diseñadores/maquetadores vayan chillando por medio mundo: ¡Muerte a las tablas! Sólo les deseamos la muerte a las tablas mal formadas, a las tablas no accesibles y a las tablas que no son usadas cómo tal. Y es que…

Leer más

HTML: Crear un formulario estructurado, validado y accesible.

Me he dado cuenta de que tengo muchos artículos sobre cómo enviar y validar un formulario de contacto, pero en ninguno explico como se debe crear la estructura de éste. Ya sabéis, la parte en html. Así que voy ha hacerlo aquí. La etiqueta para indicar que vamos a crear un formulario es <form> y debe llevar los siguientes atributos: name: para nombrarlo, identificarlo method: indica el metodo elegido para enviar los datos, puede ser get (a través de la url) o post (de manera interna). action: indica la ruta del archivo que va a recibir los datos enviados enctype:…

Leer más

PHP: incluye una página dentro de otra

Una de las ventajas al trabajar con archivos .php es la posibilidad de poder insertar una página dentro de otra, me explico: Hay un menú que va a salir, el mismo, en todas las páginas que comprenden una web. Pues en lugar de copiar y pegar ese menú en todas las páginas (o crearlo desde cero en todas), lo guardamos en una página (da igual la extensión) y llamamos a ese archivo desde todas las páginas en las que queremos que se muestre. De esta forma, con una sola modificación actualizaremos el menú de todas las páginas. Para hacer esto…

Leer más

CSS: Menu horizontal, desplegable y bonito

He visto muchos menús desplegables por internet.. muy chulos, pero muy complicados para mi gusto, asi que voy a explicar como hacer un menu horizontal desplegable sencillito y funcional, tán solo con html y css. Lo primero es la estructura, para ella usaré una lista, asi queda todo bien recogidito: <ul id=»menu-horizontal»> <li><a href=»#» title=»Texto»>Texto</a></li> <li><a href=»#» title=»Texto»>Texto</a></li> <li><a href=»#» title=»Texto»>Texto</a> <ul> <li><a href=»#» title=»Texto»>Texto</a></li> <li><a href=»#» title=»Texto»>Texto</a></li> </ul> </li> <li><a href=»#» title=»Texto»>Texto</a></li> <li><a href=»#» title=»Texto»>Texto</a></li> </ul> La cosa es así: el <ul> es el menú en sí, cada <li> es un botón del menú y el <ul> dentro del…

Leer más

Formularios: Enviar Array de un select multiple

Hoy he trabajado con un atributo del campo select que no había utilizado aún, el multiple. Éste nos permite seleccionar no sólo una, sino varias opciones de una lista desplegable. Me han solicitado un formulario, para una empresa de traducciones, que contenga un campo con los idiomas que ofrecen y que permita al usuario seleccionar más de un idioma con el que trabajar, así que éste será mi ejemplo de hoy: Nota: doy por hecho que ya sabéis crear un formulario simple y enviarlo por email. 1.- Insertamos el select en nuestro formulario: <select name=»traduccion-meta[]» multiple=»multiple» size=»4″> <option value=»No»>Seleccione una…

Leer más