[SOLUCIONADO] Border="0" Obsoleto

[truskyvb]

Hola,

Según W3C, la expresión border="0", está obsoleta y me recomienda utilizar un CSS.

Lo he hecho, pero no sé si está bien. ¿Podríais decirme si está correcto, por favor?

Border.css
@charset "utf-8";
/* CSS Document */
.Border
img {
border: 0;
}


En la página:
</style>
<link href="Styles/Border.css" rel="stylesheet" type="text/css">
<style type="text/css">


Y en las imágenes:

<img src="tus.GIF" alt=" Vusky " width="122" height="78" class="Border" title=" V"


Os agradezco la ayuda.

Un saludo

[KATHYU]

Solo haga referencia a la clase y coloque los estilos

Código CSS:

.Boder{
   border: 0px;
}
 

En el HTML solo hágalo con el link

Código HTML:

<link rel="stylesheet" href="css/style.css">
 

En HTML5 no es necesario declarar los type, pero igual si lo hace no hay problema

[Rafael]

Hay una cosa rara. Las imágenes nunca traen un borde por default, así que elaborar una clase para quitarlo no tiene sentido.

Aparte esto está equivocado:

.Border
img {
border: 0;
}

Lo que está diciendo es esto

.Border img {border: 0;}

Quita el borde a las imágenes que estén dentro de otro elemento con clase .Border.

Por lo que esto no va a funcionar:

<img src="tus.GIF" class="Border">

[truskyvb]

Muy amables los dos, KATHYU y Rafael.

Agradezco la ayuda.

Lo único que me desconcierta, es que leí que los navegadores añaden por defecto un margen de 1px, de ahí el poner el estilo para quitar ese borde. ¿No es así?

Muchas gracias.

[Rafael]

No. Y de hecho un "margen" (margin) sería un atributo diferente al border, por lo que en el caso que así lo fuera (que no lo es) habría que poner margin=0;

Lo que a veces sucede es de que las imágenes son tratadas como Inline-block, o sea que pueden estar conviviendo dentro de la misma línea, por lo tanto sujetos a ser empujados por espacios vacíos (igual que una plabra tiene un espacio con otra palabra).

En ese caso se juega convirtiendo en bloque y floats, usando flex o algunas convenciones al escribir el html, como simplemente no dejar espacios ni saltos de línea.

Hace muuuuuucho, el Internet Explorer ponía un borde azul cuando la imágen estaba dentro de un link, pero en aquél histórico caso lo que se ponía era borde=0 al link, no a la imagen.

[truskyvb]

Hola Rafael,

Gracias por la aclaración, porque, me he puesto a retocar todo sitio, por culpa de la interpretación errónea que hice del tema. Ahora me toca deshacer lo hecho (cuando termine de darme cabezazos contra la pared :)

Un saludo y gracias.