Bordure invisible sur img en html-css

Fermé

black-_-werewolf Messages postés 59 Date d'inscription dimanche 4 janvier 2009 Statut Membre Dernière intervention 21 octobre 2013 - 4 juil. 2009 à 17:16
loveparade Messages postés 506 Date d'inscription mercredi 20 février 2008 Statut Membre Dernière intervention 14 mai 2011 - 5 juil. 2009 à 02:25

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>


 


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.
 
' ce site est en construction , je vous prierai donc d'attendre pour pouvoir en profiter. '


 


<img src="ipod-haut 1.bmp" alt="ipod-haut" title="ipod-haut" />

 

<img src="ipod-gauche 2.bmp" alt="ipod-gauche" title="ipod-gauche" />

<a href="ipodtouch.html" ><img src="ecran.jpg" alt="menu" title="menu" /></a>

<img src="ipod-droite 3.bmp" alt="ipod-droite" title="ipod-droite" />

 

<img src="ipod-bas_haut 4.bmp" alt="ipod-bas" title="ipod-bas" />

 

<img src="ipod-bas_gauche 5.bmp" alt="ipod-bas" title="ipod-bas" />

<a href="ipodtouch.html" ><img src="ipod-bouton 6.bmp" alt="ipod-bouton" title="ipod-bouton" /></a>

<img src="ipod-bas_droite 7.bmp" alt="ipod-bas" title="ipod-bas" />

 

<img src="ipod-bas_bas 8.bmp" alt="ipod-bas" title="ipod-bas" />

</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
Bordure de page word - Guide
Editeur html - Télécharger - HTML
Br html ✓ - Forum Webmastering

2 réponses

Réponse 1 / 2

loveparade Messages postés 506 Date d'inscription mercredi 20 février 2008 Statut Membre Dernière intervention 14 mai 2011 60
5 juil. 2009 à 02:14

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=>

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é.

Réponse 2 / 2

loveparade Messages postés 506 Date d'inscription mercredi 20 février 2008 Statut Membre Dernière intervention 14 mai 2011 60
5 juil. 2009 à 02:25

Par contre evites de laisser au public des indexof, c'est assez debutant mais surtout pas sécurisé.
exemple le fichier .db signifies un environnement windows...c'est rien car il n'y a pratiquement que des images mais fais attention pour l'avenir.

Discussions similaires

caractère invisible

la balise ou

Mon texte sur Word est "invisible"

Notifications reçues mais pas de chat sur Snapchat

comment faire le caractère invisible L allongé?