Se debarasser d un contour bleu sur vignettes

Résolu
SiD6 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   -  
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   -
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.

4 réponses

RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
SALUT

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

RAD
0
SiD6 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   4
 
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?
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409 > SiD6 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention  
 
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
0
SiD6 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   4 > bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention  
 
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
0
Utilisateur anonyme
 
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
0
SiD6 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   4
 
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?
0
Utilisateur anonyme
 
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>
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
ce qui revient à une des solutions du début : mettre dans la CSS ...
@+
b g
0
SiD6 Messages postés 227 Date d'inscription   Statut Membre Dernière intervention   4
 
G bien mis en debut de tableau

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

mais ca ne marche toujours pas...
0
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
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
0