Javier Casares

Seguro que en más de una ocasión te has encontrado que al hacer clic en algún enlace o similar aparece una especie de borde con línea discontinua y que, a veces, te desmonta incluso todo el sitio web…

¿Sabes que eso se puede arreglar de una forma muy sencilla? Pues sí, se hace con CSS y con el parámetro outline. La idea es que en el CSS añadas en 2 sitios esta propiedad:

body {
  outline: none;
}
a {
  outline: none;
}

Tan sencillo y tan tonto como esto… en fin, a veces es cuestión de que alguien te de una chispa para que se encienda una mecha…

Uno de los grandes problemas que en muchas ocasiones me encuentro es cómo poner una dirección de correo en una página web…

Hace un tiempo que un amigo me mandó un sistema que utilizaba y que he estado buscando y he encontrado de dónde podría haber salido, y la verdad es que la idea es muy buena, ya que hoy en día todos venimos utilizando XHTML y CSS… incluso, sólo con CSS ya sería posible hacerlo.

La idea es usar el sistema con un ID de estilo:

parte CSS

/* \40 se convierte en “@” */
#email:after {
    content: ” <usuario\40dominio.ext>”;
}

parte HTML

<div id=”email”>Contacto:</div>

O usar el TAG <address>:

CSS code

/* \40 se convierte en “@” */
address:after {
    content: ” <usuario\40dominio.ext>”;
}

parte HTML

<address>Contacto:</address>

En fin, si tienes el CSS separado en un fichero separado, funciona perfectamente y vas a ver algo como:

Contacto: <usuario@dominio.ext>