Problème de lien

Bonjour,

j'ai créé un design pour mon site, et je voudrais le mettre en xhtml.
Je fais un lien, et evidemment, ce lien est une image, et donc, ca fait un beau petit cadre bleu... Normal
Alors pourtant quand je mets le css (que vous allez voir ci-dessous), il ne se passe rien.

a
{
text-decoration: none;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<TITLE>Debled Hébergement - Index du site</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="design.css" />
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<TABLE WIDTH=1024 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=7>
<IMG SRC="images/design_01.gif" WIDTH=1024 HEIGHT=36 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=36 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=17>
<IMG SRC="images/design_02.gif" WIDTH=137 HEIGHT=732 ALT=""></TD>
<TD COLSPAN=5>
<IMG SRC="images/design_03.gif" WIDTH=761 HEIGHT=151 ALT=""></TD>
<TD ROWSPAN=17>
<IMG SRC="images/design_04.gif" WIDTH=126 HEIGHT=732 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=151 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/design_05.gif" WIDTH=761 HEIGHT=37 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=37 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/design_06.gif" WIDTH=761 HEIGHT=44 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=44 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/design_07.gif" WIDTH=761 HEIGHT=15 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=15 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/design_08.gif" WIDTH=176 HEIGHT=15 ALT=""></TD>
<TD COLSPAN=2 ROWSPAN=9>
<IMG SRC="images/design_09.gif" WIDTH=585 HEIGHT=385 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=15 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<IMG SRC="images/design_10.gif" WIDTH=6 HEIGHT=130 ALT=""></TD>
<TD>
<IMG SRC="images/design_11.gif" WIDTH=156 HEIGHT=40 ALT=""></TD>
<TD ROWSPAN=4>
<IMG SRC="images/design_12.gif" WIDTH=14 HEIGHT=200 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=40 ALT=""></TD>
</TR>
<TR>
<TD>
<a href="offre.php"><IMG SRC="images/design_13.gif" WIDTH=156 HEIGHT=35 ALT="L'offre"></a></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=35 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/design_14.gif" WIDTH=156 HEIGHT=55 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=55 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/design_15.gif" WIDTH=162 HEIGHT=70 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=70 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/design_16.gif" WIDTH=176 HEIGHT=30 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=30 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/design_17.gif" WIDTH=176 HEIGHT=53 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=53 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=5>
<IMG SRC="images/design_18.gif" WIDTH=6 HEIGHT=159 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/design_19.gif" WIDTH=170 HEIGHT=58 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=58 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=3>
<IMG SRC="images/design_20.gif" WIDTH=170 HEIGHT=50 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=29 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/design_21.gif" WIDTH=585 HEIGHT=16 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=16 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<IMG SRC="images/design_22.gif" WIDTH=6 HEIGHT=84 ALT=""></TD>
<TD ROWSPAN=2>
<IMG SRC="images/design_23.gif" WIDTH=579 HEIGHT=56 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=5 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/design_24.gif" WIDTH=170 HEIGHT=51 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=51 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/design_25.gif" WIDTH=176 HEIGHT=28 ALT=""></TD>
<TD>
<IMG SRC="images/design_26.gif" WIDTH=579 HEIGHT=28 ALT=""></TD>
<TD>
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=28 ALT=""></TD>
</TR>
</TABLE>

</BODY>
</HTML>

J'avoue que les tableaux c'est un peu ancien, s'il y a quelqu'un pour me convertir tout ça en "moderne" je suis d'accord, mais bon bref, voilà le résultat : http://enguerran.xooit.net/design.html

Vous pouvez me dire pourquoi cela ne fonctionne pas ?
Merci d'avance

Enguerran

Enguerran

27 mai 2006 à 18:35:11

Gunjack

27 mai 2006 à 19:03:43

Salut,
essaye plutot:

img {
border: 0px;
}

WebUser

27 mai 2006 à 19:12:44

Ou plutôt :

img
{
border: none;
}

strucky

27 mai 2006 à 20:28:25

C'est quoi la différence entre 0 et none ?

27 mai 2006 à 20:52:17

Les deux marche c'est juste que c'est plus correct de mettre "none" au lieu de 0px.

27 mai 2006 à 20:54:27

Pourquoi ce serait plus correct de mettre none que 0 ?

27 mai 2006 à 22:19:48

Pour border : 0px, le navigateur interprète cela comme une bordure d'épaisseur de 0px , la bordure existe mais n'est pas visible.

Pour border: none, c'est plus correct car le navigateur n'interprètera pas du tout de bordure.