Se debarasser d un contour bleu sur vignettes

Résolu

SiD6 Messages postés 246 Statut Membre -
RAD ZONE Messages postés 5362 Statut Contributeur - 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.

Configuration: Windows Vista
Firefox 2.0.0.14

Afficher la suite

4 réponses

Réponse 1 / 4
RAD ZONE Messages postés 5362 Statut Contributeur 1 360

SALUT

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

RAD
0
1. SiD6 Messages postés 246 Statut Membre 6
  
  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
  1. bg62 Messages postés 23433 Date d'inscription Statut Modérateur Dernière intervention 2 435 > SiD6 Messages postés 246 Statut Membre
    
    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
  2. SiD6 Messages postés 246 Statut Membre 6 > bg62 Messages postés 23433 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
Réponse 2 / 4
karando
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
1. SiD6 Messages postés 246 Statut Membre 6
  
  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
Réponse 3 / 4
karando
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
1. bg62 Messages postés 23433 Date d'inscription Statut Modérateur Dernière intervention 2 435
  
  ce qui revient à une des solutions du début : mettre dans la CSS ...
  @+
  b g
  
  0
2. SiD6 Messages postés 246 Statut Membre 6
  
  G bien mis en debut de tableau
  
  <style>
  a img{
  border:0px solid #FFF;
  }
  </style>
  
  mais ca ne marche toujours pas...
  
  0
Réponse 4 / 4
RAD ZONE Messages postés 5362 Statut Contributeur 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

Se debarasser d un contour bleu sur vignettes

4 réponses

Discussions similaires

Newsletters