24 Novembre 2017 à 01:17:15

Auteur Sujet: Dreamweaver et liens  (Lu 4113 fois)

Flore

  • Espoir
  • ***
  • Messages: 101
  • Points gagnés: 1
    • Voir le profil
Dreamweaver et liens
« le: 16 Novembre 2006 à 09:08:44 »
Bonjour,

J'espère etre dans le bon forum.

Dans Dreamweaver j'ai créée dans une page des petites vignettes de 100/100px, ces images sont des liens qui envoient a d'autres pages.
Sur ces vignettes, j'ai mis une bordure - 2 - noir, le soucis c'est qu'en ligne toutes ces vignettes qui ont un lien, ont une bordure bleue, or je souhaite conserver le noir.

Il y a t'il un moyen de changer cela ?

Merci
--

Flore

Damien

  • Rédacteur Admin
  • Intarissable
  • *****
  • Messages: 2988
  • Points gagnés: 7
    • Voir le profil
    • aide informatique
Re : Dreamweaver et liens
« Réponse #1 le: 16 Novembre 2006 à 13:36:29 »
Bonjour Flore,

Oui en fait, Dreamweaver applique systématiquement la bordure bleue à une image lorsque l'on met un lien dessus.
Pour l'enlever, dans les propriétés de l'image dreamweaver, il faut mettre 0 dans le champ bordure.
Ou par le code il faut mettre un border="0" dans la balise <img ...
Cordialement,
Damien

Tutoriels informatique

Flore

  • Espoir
  • ***
  • Messages: 101
  • Points gagnés: 1
    • Voir le profil
Re : Dreamweaver et liens
« Réponse #2 le: 16 Novembre 2006 à 14:28:02 »
Hello Damien,

Mince, alors cela veux dire que je suis obligée de retirer ma bordure quoi qu'il arrive.

ok, tant pis !

--

Flore

Damien

  • Rédacteur Admin
  • Intarissable
  • *****
  • Messages: 2988
  • Points gagnés: 7
    • Voir le profil
    • aide informatique
Re : Dreamweaver et liens
« Réponse #3 le: 16 Novembre 2006 à 15:21:47 »
Ah non je n'ai pas dis ça, il est bien sûr possible de faire un bordure personnalisée heureusement...

Comment a t-elle été faite ta bordure noire ?
Cordialement,
Damien

Tutoriels informatique

Thierry

  • Rédacteur Admin
  • Intarissable
  • *****
  • Messages: 1846
  • Points gagnés: 10
    • Voir le profil
Re : Dreamweaver et liens
« Réponse #4 le: 16 Novembre 2006 à 19:18:54 »

Bonjour Flore,

Il faut créer un style css que tu appliques à ton image.

Quand tu crées ton lien à partir de ta vignette tu dois avoir quelquechose comme ça dans la partie code :

<a href="page_de_destination.html"><img src="vignette.jpg" width="50" height="50" border="2"/></a>

Tu supprimes le border="2" et à la place tu tapes class="imagelink"

Ensuite tu crées un style imagelink (enfin tu donnes le nom que tu veux bien sûr) avec une bordure noire de 2px :

.imagelink{
   border-width:2px;
   border-color:#000000;
}


Voici le code complet à titre d'exemple et à adapter à tes besoins :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
.imagelink{
   border-width:2px;
   border-color:#000000;
}
-->
</style></head>

<body>
<a href="page_de_destination.html"><img src="image.jpg" width="50" height="50" class="imagelink"/></a>
</body>
</html>



Voilà. J'espère avoir été assez clair.


Flore

  • Espoir
  • ***
  • Messages: 101
  • Points gagnés: 1
    • Voir le profil
Re : Re : Dreamweaver et liens
« Réponse #5 le: 17 Novembre 2006 à 15:10:07 »
Ah non je n'ai pas dis ça, il est bien sûr possible de faire un bordure personnalisée heureusement...

Ok, excuse !!  :?

Citer
Comment a t-elle été faite ta bordure noire ?

Simplement,(si j'ose dire), j'ai selectionnée mon image et j'ai ajoutée 2 dans bordure. Elle c'est ajoutée toute seule en noire.
--

Flore

Flore

  • Espoir
  • ***
  • Messages: 101
  • Points gagnés: 1
    • Voir le profil
Re : Re : Dreamweaver et liens
« Réponse #6 le: 17 Novembre 2006 à 15:12:05 »

Bonjour Flore,

Il faut créer un style css que tu appliques à ton image.

Quand tu crées ton lien à partir de ta vignette tu dois avoir quelquechose comme ça dans la partie code :

<a href="page_de_destination.html"><img src="vignette.jpg" width="50" height="50" border="2"/></a>

Tu supprimes le border="2" et à la place tu tapes class="imagelink"

Ensuite tu crées un style imagelink (enfin tu donnes le nom que tu veux bien sûr) avec une bordure noire de 2px :

.imagelink{
   border-width:2px;
   border-color:#000000;
}


Voici le code complet à titre d'exemple et à adapter à tes besoins :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
.imagelink{
   border-width:2px;
   border-color:#000000;
}
-->
</style></head>

<body>
<a href="page_de_destination.html"><img src="image.jpg" width="50" height="50" class="imagelink"/></a>
</body>
</html>



Voilà. J'espère avoir été assez clair.



Oui, très clair merci, je vais essayer mais pas de suite … je reviendrai donner mes impressions ici  :D

Merci pour votre soutien.
--

Flore

Flore

  • Espoir
  • ***
  • Messages: 101
  • Points gagnés: 1
    • Voir le profil
Re : Re : Re : Dreamweaver et liens
« Réponse #7 le: 17 Novembre 2006 à 17:29:49 »

Bonjour Flore,

Il faut créer un style css que tu appliques à ton image.

Quand tu crées ton lien à partir de ta vignette tu dois avoir quelquechose comme ça dans la partie code :

<a href="page_de_destination.html"><img src="vignette.jpg" width="50" height="50" border="2"/></a>

Tu supprimes le border="2" et à la place tu tapes class="imagelink"

Ensuite tu crées un style imagelink (enfin tu donnes le nom que tu veux bien sûr) avec une bordure noire de 2px :

.imagelink{
   border-width:2px;
   border-color:#000000;
}


Voici le code complet à titre d'exemple et à adapter à tes besoins :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
.imagelink{
   border-width:2px;
   border-color:#000000;
}
-->
</style></head>

<body>
<a href="page_de_destination.html"><img src="image.jpg" width="50" height="50" class="imagelink"/></a>
</body>
</html>



Voilà. J'espère avoir été assez clair.



Oui, très clair merci, je vais essayer mais pas de suite … je reviendrai donner mes impressions ici  :D

Merci pour votre soutien.


Bravo !!!!!  :ola:

Ca marche très très bien, merci encore.
--

Flore

Thierry

  • Rédacteur Admin
  • Intarissable
  • *****
  • Messages: 1846
  • Points gagnés: 10
    • Voir le profil
Re : Dreamweaver et liens
« Réponse #8 le: 17 Novembre 2006 à 18:37:11 »
De rien ;)

Flore

  • Espoir
  • ***
  • Messages: 101
  • Points gagnés: 1
    • Voir le profil
Re : Re : Dreamweaver et liens
« Réponse #9 le: 17 Novembre 2006 à 19:13:39 »
De rien ;)

Bin si "de quelque chose", par ce que tu ne t'imagine pas le soulagement a l'intérieur de dedans ma tête !!!  :D
--

Flore