Liens des pages

Résolu/Fermé
Manue Manue - 11 sept. 2012 à 11:14
 Manue Manue - 12 sept. 2012 à 12:21
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



3 réponses

bg62 Messages postés 23390 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 1 février 2023 2 324
11 sept. 2012 à 11:20
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 ;)
0
C'est a dire définir les propriétés ?!
0
Petite précision =s je suis une novice alors toutes mes excuses si j'ai du mal à comprendre
0
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>
0
bg62 Messages postés 23390 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 1 février 2023 2 324
11 sept. 2012 à 15:53
le code html n'y est pour rien, il te faut définir une feuille de style en css et y mettre les "attributs" que tu veux pour les liens ... :)
0
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 227
11 sept. 2012 à 16:02
Pour faire simple et compléter la réponse de bg62 :
img{
border:none;
}
0
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 227
11 sept. 2012 à 16:30
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"/>
0
Ok merci beaucoup je teste sa dès que possible et je vous tien au courant, merci beaucoup en tout cas d'avoir pris le temps de me répondre.
0
Alors j'ai bien créé ma feuille de style css avec le code mais je trouve pas ou mettre

<link href="style.css" rel="stylesheet" type="text/css"/>

j'ai pourtant fait plusieurs essaies mais j'ai toujours l'encadrement bleu =(
0
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 227
12 sept. 2012 à 10:50
Mettez le lien juste avant la balise de fermeture de l'entête du document (</head>).
0
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 227
12 sept. 2012 à 10:56
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.
0
Le fait qu'il ne soit pas encore en ligne fait qu'il y a un encadrement bleu ?!
0
bg62 Messages postés 23390 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 1 février 2023 2 324
11 sept. 2012 à 17:32
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 ;)
0
Eum il y a pas une manière plus simple que d'utiliser le code ?! Car à aucun moment j'ai touché au code tout c'est fait au fur et à mesur du coup je comprend pas tout et je sais pas ou le mettre =s désolé
0
bg62 Messages postés 23390 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 1 février 2023 2 324
12 sept. 2012 à 11:11
là c'est une 'version' des plus simples ;)
0