Bordure invisible sur img en html-css
black-_-werewolf
Messages postés
70
Statut
Membre
-
loveparade Messages postés 515 Statut Membre -
loveparade Messages postés 515 Statut Membre -
Bonjour,
je suie entrain de commencer un nouveau site internet sur le but de presentation interactive de l'ipod touch apple.
le systeme utiliser n'est pas su flash mais simplement un image coupée en morceau avec des partie clicable et non-clicable.
le probleme est qu'il y a entre chaque piece de ce puzle un ecart transparent de quelque pixel qui coupe en morceau l'image -_-" .
pour voir le resultat : www.ipodtouch.neo.cx
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>
<link rel="stylesheet" type="text/css"
title="NomAuChoix" href="ipodtouch.css" />
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>interactif iPod touch</title>
</head>
<body>
<p>
<br />
</p>
bien venu sur <a href="http://www.ipodtouch.neo.cx" >iopodtouch.neo.cx </a> le site internet de presentation interactive de l'ipod touch apple.
<br />
' ce site est en construction , je vous prierai donc d'attendre pour pouvoir en profiter. '
<p>
<br />
</p>
<span class="noborder"><img src="ipod-haut 1.bmp" alt="ipod-haut" title="ipod-haut" /></span>
<br />
<span class="noborder"><img src="ipod-gauche 2.bmp" alt="ipod-gauche" title="ipod-gauche" /></span>
<span class="noborder"><a href="ipodtouch.html" ><img src="ecran.jpg" alt="menu" title="menu" /></a></span>
<span class="noborder"><img src="ipod-droite 3.bmp" alt="ipod-droite" title="ipod-droite" /></span>
<br />
<span class="noborder"><img src="ipod-bas_haut 4.bmp" alt="ipod-bas" title="ipod-bas" /></span>
<br />
<span class="noborder"><img src="ipod-bas_gauche 5.bmp" alt="ipod-bas" title="ipod-bas" /></span>
<span class="noborder"><a href="ipodtouch.html" ><img src="ipod-bouton 6.bmp" alt="ipod-bouton" title="ipod-bouton" /></a></span>
<span class="noborder"><img src="ipod-bas_droite 7.bmp" alt="ipod-bas" title="ipod-bas" /></span>
<br />
<span class="noborder"><img src="ipod-bas_bas 8.bmp" alt="ipod-bas" title="ipod-bas" /></span>
</body>
</html>
code CSS :
body
{
color: black;
font-family: Copperplate Gothic Bold;
background-color: white;
cursor: url('satan2modif.cur');
background-image: url("...");
text-align: center;
}
.noborder a img
{
border: none;
}
a
{
color: red;
text-decoration:underligne;
}
la question ( que vous aver surement conprise ^^ ) comment je peut faire pour retirer ses orible bordure
je suie entrain de commencer un nouveau site internet sur le but de presentation interactive de l'ipod touch apple.
le systeme utiliser n'est pas su flash mais simplement un image coupée en morceau avec des partie clicable et non-clicable.
le probleme est qu'il y a entre chaque piece de ce puzle un ecart transparent de quelque pixel qui coupe en morceau l'image -_-" .
pour voir le resultat : www.ipodtouch.neo.cx
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>
<link rel="stylesheet" type="text/css"
title="NomAuChoix" href="ipodtouch.css" />
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>interactif iPod touch</title>
</head>
<body>
<p>
<br />
</p>
bien venu sur <a href="http://www.ipodtouch.neo.cx" >iopodtouch.neo.cx </a> le site internet de presentation interactive de l'ipod touch apple.
<br />
' ce site est en construction , je vous prierai donc d'attendre pour pouvoir en profiter. '
<p>
<br />
</p>
<span class="noborder"><img src="ipod-haut 1.bmp" alt="ipod-haut" title="ipod-haut" /></span>
<br />
<span class="noborder"><img src="ipod-gauche 2.bmp" alt="ipod-gauche" title="ipod-gauche" /></span>
<span class="noborder"><a href="ipodtouch.html" ><img src="ecran.jpg" alt="menu" title="menu" /></a></span>
<span class="noborder"><img src="ipod-droite 3.bmp" alt="ipod-droite" title="ipod-droite" /></span>
<br />
<span class="noborder"><img src="ipod-bas_haut 4.bmp" alt="ipod-bas" title="ipod-bas" /></span>
<br />
<span class="noborder"><img src="ipod-bas_gauche 5.bmp" alt="ipod-bas" title="ipod-bas" /></span>
<span class="noborder"><a href="ipodtouch.html" ><img src="ipod-bouton 6.bmp" alt="ipod-bouton" title="ipod-bouton" /></a></span>
<span class="noborder"><img src="ipod-bas_droite 7.bmp" alt="ipod-bas" title="ipod-bas" /></span>
<br />
<span class="noborder"><img src="ipod-bas_bas 8.bmp" alt="ipod-bas" title="ipod-bas" /></span>
</body>
</html>
code CSS :
body
{
color: black;
font-family: Copperplate Gothic Bold;
background-color: white;
cursor: url('satan2modif.cur');
background-image: url("...");
text-align: center;
}
.noborder a img
{
border: none;
}
a
{
color: red;
text-decoration:underligne;
}
la question ( que vous aver surement conprise ^^ ) comment je peut faire pour retirer ses orible bordure
A voir également:
- Bordure invisible sur img en html-css
- Clé usb invisible - Guide
- Img burn - Télécharger - Gravure
- Fichier img - Télécharger - Photo & Graphisme
- Bordure de page word - Guide
- Editeur html - Télécharger - HTML
2 réponses
Sois tu mets le tout dans une table et supprime les marges interrieurs exterrieur et bordures, sois tu positionne le tout en positionnement absolu.
1e Methode
------------------
html =>
<table border="0" cellspacing="0" cellpadding="0">
...
</table>
et le css =>
border: 0;
padding:0;
2e Methode
html=>
<span id="...
<span id="...
et le css =>
position: absolute;
top: *px;
left: *px;
voila en gros ce que tu peux faire, personnelement je prefere de loin la premiere methode pour une question de modularité.
1e Methode
------------------
html =>
<table border="0" cellspacing="0" cellpadding="0">
...
</table>
et le css =>
border: 0;
padding:0;
2e Methode
html=>
<span id="...
<span id="...
et le css =>
position: absolute;
top: *px;
left: *px;
voila en gros ce que tu peux faire, personnelement je prefere de loin la premiere methode pour une question de modularité.
