High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

Bordure invisible sur img en html-css

Dernière réponse le 5 jui 2009 à 02:25:05 black-_-werewolf, le 4 jui 2009 à 17:16:41 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « bordure invisible sur img en html css » dans :
Enlever la bordure sur une image dans un lien en HTML/CSS VoirVous avez fait une image cliquable en mettant une balise IMG au sein d'un lien et le navigateur vous affiche un cadre ou plus exactement une bordure autour de l'image. Il existe deux façons de supprimer cette bordure...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Créer un site beau, dynamique et respectueux des standards VoirVoici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beaux, plus dynamiques et plus respectueux des standards. A la fin de cette page, il y a également une liste de...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...
Tableaux HTML VoirUtilisation de tableaux Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Un...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Posez votre question Répondre

1

loveparade, le 5 jui 2009 à 02:14:03

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é.
loveparade at your service

   
Répondre à loveparade

2

 loveparade, le 5 jui 2009 à 02:25:05

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.
loveparade at your service

   
Répondre à loveparade
Posez votre question Répondre
Ils ont besoin de votre aide