Recursos webmaster

Nuestro amigo Internet Explorer, es un poco rebelde en cuando a formateos, maqueteos, etc. usando hojas de estilo (css).

Pues bien, aquí van tres de truquillos para hacer nuestras webs más amigables a todos los navegadores:

1.- Lo que sólo va con IE. Si sabemos qué es lo que nos está fallando en nuestro código css, y sabemos que modificando sus valores, podría funcionar en IE, una solución (para mi gusto poco elegante, pero práctica), es ponerle una barra / delante del código para que éste sólo sea interpretado por IE. Por ejemplo:

padding: 10px; (esto me funciona bien con FF, pero no con IE)

/padding: 12px; (esto hace que funcione en IE)

Es decir, ponemos ambas líneas.

2.- Reseteo de los valores del css:

› Leer más

Stu Nicholls es un gurú de las CSS y su página web es un buen ejemplo. En ella podemos observar un uso avanzado de las CSS, además de encontrar multitud de ejemplos. Hay multitud de ejemplos de menús con css, capas, cajas, varios navegadores, etc. Es un buen recurso para los webmasters que queramos separar el contenido del diseño de un modo bastante elegante.

web con ejemplos de CSS

Para quitar el subrayado que ponen los enlaces (links) por defecto, basta con poner unas líneas en nuestro código CSS:

a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: none}

Si no tenemos una hoja de estilos vinculada, pondremos el siguiente código en el HEAD de nuestra página:

<STYLE TYPE=”text/css”>
<!–

a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: none}

–>
</STYLE>

Cuando los webmasters acabamos una web, aparte de comentárselo a los amigos para que nos den su opinión, es bueno comprobar que el código que hemos introducido  está en corcondancia con los estándares creados. Un recurso importante que hay en la web de W3C, nos permite validar el código de nuestros estilos css.