Bonjour,
Je vous explique mon objectif, je souhaite recréer un tableaux HTML avec des images ( En gros un puzzle ) c'est un récapitulatif des centres équestres belge. L'objectif est quand on clique sur le Logo, ça ouvre une page avec les informations.
Mon problème :
J'ai bien découpé mes images sur Photoshop, je les ai bien enregistrée dans un dossier nommé : " image " j'ai construit le début de mon tableau.
Cependant : Il reste une bordure autour de ma première image qui m'indispose à pouvoir faire le liens " graphique " entre la première image ( premier logo ) et le deuxième. A savoir que au final le tableau disposera de 5 rang.
J'ai tripatouillé, essayer différentes solution mais je n'ai pas réussi à fix le problèmes.
Informations lié au problème :
Code HTML :
Code CSS :
Voila, en vous remerciant,
Exode.
EDIT : En continuant de rechercher, j'ai trouver une solution pour presque supprimer le cadre, en rajoutant dans mon code HTML :
Ce qui donne :
Modifié par exode (25 Jul 2011 - 21:03)
Je vous explique mon objectif, je souhaite recréer un tableaux HTML avec des images ( En gros un puzzle ) c'est un récapitulatif des centres équestres belge. L'objectif est quand on clique sur le Logo, ça ouvre une page avec les informations.
Mon problème :
J'ai bien découpé mes images sur Photoshop, je les ai bien enregistrée dans un dossier nommé : " image " j'ai construit le début de mon tableau.
Cependant : Il reste une bordure autour de ma première image qui m'indispose à pouvoir faire le liens " graphique " entre la première image ( premier logo ) et le deuxième. A savoir que au final le tableau disposera de 5 rang.
J'ai tripatouillé, essayer différentes solution mais je n'ai pas réussi à fix le problèmes.
Informations lié au problème :
Code HTML :
<!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" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<link rel="stylesheet" media="screen" href="ecran.css" />
</head>
<body>
<div id="tableau">
<table align="center">
<tr>
<td colspan="5" id="r1"><a href="contact_detail.php?group=FED" id="link" title="K.B.R.S.F. - F.R.B.S.E."><img src="images/top.jpg" id="r1"/></a></td>
</tr>
<tr>
<td colspan="2"><a href="contact_detail.php?group=LEWB" title="L.E.W.B."><img src="images/r1-gauche.jpg" /images/contact="L.E.W.B."></a></td>
<td colspan="2"><a href="contact_detail.php?group=VLP" title="V.L.P."><img src="images/r1-droite.jpg" /images/contact="V.L.P."></a></td>
</tr>
</table>
</div>
</body>
</html>Code CSS :
body {
margin: 0px;
padding: 0px;
}
#tableau {
margin-left: auto;
margin-right: auto;
width: 662px;
}
#r1 {
background-color: green;
}
Voila, en vous remerciant,
Exode.
EDIT : En continuant de rechercher, j'ai trouver une solution pour presque supprimer le cadre, en rajoutant dans mon code HTML :
<table align="center" [b]cellpadding="0" cellspacing="0"[/b]>Ce qui donne :
Modifié par exode (25 Jul 2011 - 21:03)
.