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
A voir également:
- Liens des pages
- Créer un lien pour partager des photos - Guide
- Supprimer des pages sur word - Guide
- Vérificateur de liens - Guide
- Telecharger liens direct - Accueil - Outils
- Ou trouver les liens copiés sur android - Guide
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 ;)
le 'bleu' est par défaut quand justement il n'y a rien ;)
Vous créez une feuille de style css nommé style.css et vous y placez le code suivant :
...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 :
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 :
...mais c'est mieux de le mettre dans une feuille de style.
<!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 :
et dans la css:
pour les liens
pour les images
... à personnaliser comme tu le veux ;)
<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 ;)
<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>img{ border:none; }