Liens des pages
Résolu
Manue Manue
-
Manue Manue -
Manue Manue -
Bonjour,
J'ai un petit problème d'affichage, je suis sur dreamweaver CS5.5 et quand je lie mes pages entre elles sur internet explorer j'ai un contour bleu qui ce met autour des images sur lequel j'ai créée le lien.
Ma question et pourquoi ?! Et surtout comment faire pour éviter cela car tout fonctionne bien sur les autres navigateurs
Merci merci
Manue
J'ai un petit problème d'affichage, je suis sur dreamweaver CS5.5 et quand je lie mes pages entre elles sur internet explorer j'ai un contour bleu qui ce met autour des images sur lequel j'ai créée le lien.
Ma question et pourquoi ?! Et surtout comment faire pour éviter cela car tout fonctionne bien sur les autres navigateurs
Merci merci
Manue
3 réponses
-
il te faut définir les 'propriétés' des liens (balise "a.....") dans la css
le 'bleu' est par défaut quand justement il n'y a rien ;)
-
-
-
Voici mon code peut être que c'est plus simple pour m'expliquer
<p><a href="winsup.html"><img src="img/solutions/winsup/onglet_winsup.jpg" width="200" height="19" alt="pres" /></a></p> <p><a href="alphatec.html"><img src="img/solutions/winsup/onglet_alphatec.jpg" width="200" height="19" alt="part" /></a></p> <p><a href="manicour.html"><img src="img/solutions/winsup/onglet_manicour.jpg" width="200" height="19" alt="mani" /></a></p> <p><a href="solution_mobilite.html"><img src="img/solutions/winsup/onglet_solution.jpg" width="200" height="19" alt="solution" /></a></p> <p><a href="websup.html"><img src="img/solutions/winsup/onglet_websup.jpg" width="200" height="19" alt="web" /></a></p></td> -
-
-
-
Vous créez une feuille de style css nommé style.css et vous y placez le code suivant :
img{ border:none; }
...ce qui aura pour effet de supprimer les bordures des images associées à un lien.
Vous liez cette feuille de style dans l'entête de vos documents (entre <head> et </head>) avec le code suivant :<link href="style.css" rel="stylesheet" type="text/css"/>
-
-
-
-
Vous pouvez mettre également le style directement dans la page comme ci-dessous :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>Titre</title> <style type="text/css"> img{ border:none; } </style> </head> <body> <a href="https://www.google.fr/?gws_rd=ssl" title="Google"><img src="https://www.google.fr/images/srpr/logo3w.png" alt="Google" /></a> </body> </html>
...mais c'est mieux de le mettre dans une feuille de style. -
-
-
exemple :
<a href="verslapage.php" title="fonds d'écran"><img src="images/main.png" title="fonds d'écran" alt="fonds d'écran" width="20" height="10" border="0" />
et dans la css:a:link, a:active, a:visited { text-decoration: none; color: #bababa; } a:hover { text-decoration: none; color: #fff; }
pour les liens#images img { border: 5px solid #000; }
pour les images
... à personnaliser comme tu le veux ;)
