Posez votre question Signaler

Se debarasser d un contour bleu sur vignettes [Résolu]

SiD6 106Messages postés 20 mars 2008Date d'inscription 11 mars 2012Dernière intervention - Dernière réponse le 11 juin 2008 à 23:59
Salut a tous,
voici mon probleme,j utilise Dreamweaver CS 3 pour la realistation de mon site et je suis actuellement en train de faire des galleries photos.J ai fait des tableaux sur des pages dans lesquelles g inserer des vignettes puis g fait en sorte que lorsqu on clique sur une de ces vignettes l image en taille reelle s ouvre dans une fenetre pop up.Cela marche bien et j en suis content mais lorsque je cree des faux liens sur les vignettes en mettant un ''#'' dans lien afin que le curseur fleche de la souris devienne une main et ainsi montrer que la vignette est cliquable et ben g un contour bleu qui apparait autour de celle ci et je voudrais m en debarrasser.
Est ce que vous pouvez m aider SVP.
Lire la suite 

Se debarasser d un contour bleu sur vignettes »

10 réponses
Réponse
+0
moins plus
SALUT

rajoute un "no border" a tes images liens dans ton css

RAD
SiD6- 3 juin 2008 à 04:30
G trouver une methode pour enlever le contour je mets un ''0'' dans le champ border,seulement il faut que je le fasse a chaque fois pour chaque image et c assez penible...
Y a t il un moyen de le faire une fois et qu ensuite cela s applique a toutes les images restantes?
bg62- 3 juin 2008 à 11:27
oui c'est une solution aussi mais si tu coinces à cause des 'nouveautés', il te faut suivre l'astuce de RAD : dans la css et ça fonctionnera dans toutes tes pages liées à cette css
@+
b g
SiD6- 4 juin 2008 à 01:08
Ui mais je sais pas trop comment faire avec la CSS je suis debutant,je connais un peu j ai fais des trucs en CSS mais je sais pas comment faire pour ce qui concerne le contour des images donc si vous voudriez bien m indiquer en details SVP ca serait sympa
Ajouter un commentaire
Réponse
+0
moins plus
Salut,
Pose ca dans ta feuille de style :
a img{
border:0px solid #FFF;
}

Ou si tu veux vraiment plus avoir de bordure sur aucune image tu enleve le "a" devant "img"

Cordialement
Karando
SiD6- 5 juin 2008 à 16:38
Voici un copie colle de mon code:

<table width="200" border="1">
<tr>
<th scope="col"><a href="#"><img src="../../../../images/Photos/Egypt 2005/Zaze/09/thumbnail/TN-Image000.jpg" width="200" height="163" onclick="MM_openBrWindow('image000.html','','')" /></a></th>
<th scope="col"><a href="#"><img src="../../../../images/Photos/Egypt 2005/Zaze/09/thumbnail/TN-Image001.jpg" width="200" height="163" onclick="MM_openBrWindow('image001.html','','')" /></a></th>
<th scope="col"><a href="#"><img src="../../../../images/Photos/Egypt 2005/Zaze/09/thumbnail/TN-Image002.jpg" width="200" height="163" onclick="MM_openBrWindow('image002.html','','')" /></a></th>
<th scope="col"><a href="#"><img src="../../../../images/Photos/Egypt 2005/Zaze/09/thumbnail/TN-Image003.jpg" width="200" height="163" onclick="MM_openBrWindow('image003.html','','')" /></a></th>
<th scope="col"><a href="#"><img src="../../../../images/Photos/Egypt 2005/Zaze/09/thumbnail/TN-Image004.jpg" width="200" height="163" onclick="MM_openBrWindow('image004.html','','')" /></a></th>
<th scope="col"><a href="#"><img src="../../../../images/Photos/Egypt 2005/Zaze/09/thumbnail/TN-Image005.jpg" width="200" height="163" onclick="MM_openBrWindow('image005.html','','')" /></a></th>
</tr>
<tr>
<th scope="row"><a href="#"><img src="../../../../images/Photos/Egypt 2005/Zaze/09/thumbnail/TN-Image006.jpg" width="200" height="163" onclick="MM_openBrWindow('image006.html','','')" /></a></th>
<td><a href="#"><img src="../../../../images/Photos/Egypt 2005/Zaze/09/thumbnail/TN-Image007.jpg" width="200" height="163" onclick="MM_openBrWindow('image007.html','','')" /></a></td>
<td><a href="#"><img src="../../../../images/Photos/Egypt 2005/Zaze/09/thumbnail/TN-Image008.jpg" width="200" height="163" onclick="MM_openBrWindow('image008.html','','')" /></a></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

Pouvez vous m indiquer quoi changer pour changer le contour qui est ici vert clair autour de mes vignettes?
Ajouter un commentaire
Réponse
+0
moins plus
Soit tu fais dans chacune des balide img :
Pour la derniere :
<img src="../../../../images/Photos/Egypt 2005/Zaze/09/thumbnail/TN-Image008.jpg" width="200" height="163" onclick="MM_openBrWindow('image008.html','','')" border="0" />


Soit tu mets en debut de tableau
<style>
a img{
border:0px solid #FFF;
}
</style>
bg62- 9 juin 2008 à 12:02
ce qui revient à une des solutions du début : mettre dans la CSS ...
@+
b g
SiD6- 11 juin 2008 à 23:42
G bien mis en debut de tableau

<style>
a img{
border:0px solid #FFF;
}
</style>

mais ca ne marche toujours pas...
Ajouter un commentaire
Réponse
+0
moins plus
non c est entre les <head> ..... </head> en haut de ta page qu il faut le mettre

<style type="text/css">
a img{
border:0px ;
}
</style> 


RAD
Ajouter un commentaire
Ce document intitulé « Se debarasser d un contour bleu sur vignettes » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?