*
Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Avez-vous perdu votre courriel d'activation?
10 Février 2012 à 12:52:42

Connexion avec identifiant, mot de passe et durée de la session



 

Dreamweaver et liens


« sujet précédent | | sujet suivant »
Pages: [1] Imprimer
Auteur Fil de discussion: Dreamweaver et liens  (Lu 1966 fois)
Flore
Espoir
***

Points gagnés: 1
Messages: 101


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
Journalisée

--

Flore
Damien
Rédacteur Admin
Intarissable
*****

Points gagnés: 5
Messages: 2833



Voir le profil WWW
Re : Dreamweaver et liens
« Répondre #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 ...
Journalisée

Cordialement,
Damien

Tutoriels informatique
Flore
Espoir
***

Points gagnés: 1
Messages: 101


Voir le profil
Re : Dreamweaver et liens
« Répondre #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 !

Journalisée

--

Flore
Damien
Rédacteur Admin
Intarissable
*****

Points gagnés: 5
Messages: 2833



Voir le profil WWW
Re : Dreamweaver et liens
« Répondre #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 ?
Journalisée

Cordialement,
Damien

Tutoriels informatique
Thierry
Rédacteur Admin
Intarissable
*****

Points gagnés: 13
Messages: 1729



Voir le profil
Re : Dreamweaver et liens
« Répondre #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.

Journalisée
Flore
Espoir
***

Points gagnés: 1
Messages: 101


Voir le profil
Re : Re : Dreamweaver et liens
« Répondre #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 !!  Confused

Citation
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.
Journalisée

--

Flore
Flore
Espoir
***

Points gagnés: 1
Messages: 101


Voir le profil
Re : Re : Dreamweaver et liens
« Répondre #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  Very Happy

Merci pour votre soutien.
Journalisée

--

Flore
Flore
Espoir
***

Points gagnés: 1
Messages: 101


Voir le profil
Re : Re : Re : Dreamweaver et liens
« Répondre #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  Very Happy

Merci pour votre soutien.


Bravo !!!!!  ola

Ca marche très très bien, merci encore.
Journalisée

--

Flore
Thierry
Rédacteur Admin
Intarissable
*****

Points gagnés: 13
Messages: 1729



Voir le profil
Re : Dreamweaver et liens
« Répondre #8 le: 17 Novembre 2006 à 18:37:11 »

De rien Wink
Journalisée
Flore
Espoir
***

Points gagnés: 1
Messages: 101


Voir le profil
Re : Re : Dreamweaver et liens
« Répondre #9 le: 17 Novembre 2006 à 19:13:39 »

De rien Wink

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

--

Flore
Pages: [1] Imprimer 
« sujet précédent | | sujet suivant »
Aller à:  

Powered by SMF 1.1.12 | SMF © 2006, Simple Machines LLC

Page générée en 0.17 secondes avec 18 requêtes.