Couleurs différentes de liens

[tremendus]

Bonjour,

je n'arrête de me casser la tête avec ce problème et ne comprends plus rien à la fin,

- on peut choisir dans les propriétés de la page la couleur
qu'auront tous les liens par la suite,

- soit de les mettres "transparents" et de choisir normalement
la/les couleurs que l'ont voudra pour ces derniers.

Le problème c'est que même en choisissant l'option "transparent" pas moyen
de changer la couleur des liens, il me met à chaque fois la couleur par défaut (bleu)
et je n'arrive donc pas à choisir comme je voudrai mes couleurs (car j'aurai besoin
de couleurs différentes sur mes liens d'une même page).

Si vous savez, et voulez m'expliquer je suis preneur.

 

[PA5CAL]

Bonjour

Je ne vois pas trop ce que tu entends pas "transparent", ni comment tu choisis cette option. Peux-tu expliquer ?

 

[tremendus]

Je suis sur Dreamweaver :

c'est dans le nuancier, la case blanche avec une diagonale rouge,

qui normalement ne définie pas la couleur et qui "devrait" te laisser
le choix lors d'une selection de texte puis application
de ce que tu choisis ensuite.

Plus exactement lorsque je selectionne un lien qui par défaut est bleu, dreamweaver
ne me laisse plus le choix de la couleur. Il ne me change rien.
Et donc m'oblige à choisir dans propriété (pomme J) une couleur unique
pour tous les liens de la même page, alors que je voudrai pouvoir les différencier.

 

[p4bl0]

Bonjour,

je n'arrête de me casser la tête avec ce problème et ne comprends plus rien à la fin,

- on peut choisir dans les propriétés de la page la couleur
qu'auront tous les liens par la suite,

- soit de les mettres "transparents" et de choisir normalement
la/les couleurs que l'ont voudra pour ces derniers.

Le problème c'est que même en choisissant l'option "transparent" pas moyen
de changer la couleur des liens, il me met à chaque fois la couleur par défaut (bleu)
et je n'arrive donc pas à choisir comme je voudrai mes couleurs (car j'aurai besoin
de couleurs différentes sur mes liens d'une même page).

Si vous savez, et voulez m'expliquer je suis preneur.

je ne comprend pas trop non plus... mais bon.

dans ta balise <a href=""> ajoute style="color:#xxxxxx" ou tu remplace xxxxxx par la couleur voulue en Hexa.

par exemple pour le rouge :

<a href="machin.html" style="color:#ff0000;">mon lien rouge</a>

si c'est pas &#231;a que tu veux savoir, pose mieux t'as question...


PIAF : je viens de voir que tu as pr&#233;ciser ton probl&#232;me (je n'avais pas recharger la page).
Donc c'est bien ce que je t'ai dit que tu doit faire, passe par le code de ta page.

 

[PA5CAL]

... Je me rappelle avoir laissé tomber DreamWeaver pour ne plus faire mes pages qu'"à la main" à cause d'ânneries (de bogues ?) dans ce genre-là ... :siffle: :rolleyes:

 

[tremendus]

je ne comprend pas trop non plus... mais bon.

dans ta balise <a href=""> ajoute style="color:#xxxxxx" ou tu remplace xxxxxx par la couleur voulue en Hexa.
.

et mon soucis est là, car lorsque je change le code rien ne se passe (?)

je joint ci dessous la page propriétés sur laquelle il y a ce petit carré (en haut
des cubes couleurs) qui permet normalement de choisir par la suite ses différentes
couleurs de liens.

Il est normalement possible (en plus je l'ai déjà vu) d'avoir sur une même
page html des liens de couleurs différentes ?

 

[Niconemo]

&#199;a se g&#232;re dans les feuilles de style (y compris dans Dreamweaver). On appelle les feuilles de style "CSS" (cascading style sheet) ou simplement "styles" si mes souvenirs sont bons, dans Dreamweaver.

Ou alors &#231;a se g&#232;re lien par lien, directement dans le HTML : de la mani&#232;re que t'as donn&#233; truk2oof mais dans les feuilles de style c'est mieux.

Un petit passage sur le site du z&#233;ro t'aidera &#224; comprendre tr&#232;s rapidement (quelques heures pas plus) les bases du XHTML-CSS.
&#199;a aide &#224; comprendre la cuisine de Dreamweaver et &#224; mieux le ma&#238;triser (et accessoirement &#224; se passer totalement de ce logiciel, si tu le souhaites, par la suite).

 

[PA5CAL]

Tiens, voil&#224; un exemple de code HTML pour avoir des liens de diff&#233;rentes couleurs, en utilisant les styles et les classes :

<html>
<head>
<style type="text/css">
<!--
a.cl1:link    { color: #FF0000; }
a.cl1:visited { color: #FFFF00; }

a.cl2:link    { color: #0000FF; }
a.cl2:visited { color: #00FFFF; }
-->
</style>
</head>
<body link=#808080 vlink=#00FF00>

<a href="http://www.google.fr/">Lien en gris</a><br>

<a class="cl1" href="http://www.macg.co/">Lien en rouge</a><br>

<a class="cl2" href="http://www.apple.com/">Lien en bleu</a><br>

</body>
</html>

Les liens apparaissent en gris (par d&#233;faut), en rouge (classe "cl1") ou en bleu (classe "cl2"). Quand ils ont &#233;t&#233; visit&#233;s, ils apparaissent respectivement en vert, jaune et cyan.

 

[tremendus]

Merci à vous les gars,

PA5CAL ?

j'ai tenté d'intégrer ce que tu m'as donné mais ça me "met la zone" dans ma page
ou ma page rend inactif les codes donnés.

Puis j'ai intégré cela directement dans mon html ?

Voilà mon code si tu peux me dire à quel niveau le mettre :

<table style="width:100%; height:100%">
<tr>
<td>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MA PAGE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#212121" link="#B8DE23" vlink="#B8DE23" alink="#B8DE23">
<table width="672" border="0" align="center">
<tr>
<td height="301"><div align="center">
<p><img src="logo.gif" width="369" height="52"></p>
<p>&nbsp;</p>
<p><font color="#456456" size="2" face="Arial, Helvetica, sans-serif"><a href="theme.html">Entrez</a></font></p>
<p>&nbsp;</p>
<p><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">-
Bienvenue sur le site de Mr Blabla -<br>
<font color="#666666" size="1">Site optimis&eacute; pour un affichage
de 1024 x 768 pixels - N&eacute;cessite le plug in flash player</font></font></p>
</div></td>
</tr>
</table>
</body>
</html>


Je vous avoue que dans ce qui est de la programmation pure je plane complet même
si je commence à repérer des choses ici et là.

 

[PA5CAL]

Il faut insérer la partie <style type="text/css"> ... </style> entre <head> et </head>, puis mettre un paramètre class="(nom de la classe)" à l'intérieur des tags "anchor" concernés (<a ...>).

 

[momo-fr]

Oulà, ton code est pas tip top, tu n'utilises pas les CSS tremendus... il va falloir passer au stade 1 du web moderne...

Tu codes avec quelle version de Dream ?

 

[PA5CAL]

Pour donner un exemple avec ton code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MA PAGE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a.classeA:link { color: #456456; }
a.classeA:visited { color: #808080; }


-->
</style>
</head>

<body bgcolor="#212121" link="#B8DE23" vlink="#B8DE23" alink="#B8DE23">
<table width="672" border="0" align="center">
<tr>
<td height="301"><div align="center">
<p><img src="logo.gif" width="369" height="52"></p>
<p>&nbsp;</p>
<p><font size="2" face="Arial, Helvetica, sans-serif">
<a href="theme.html" class="classA">Entrez</a>
</font></p>
<p>&nbsp;</p>
<p><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">-
Bienvenue sur le site de Mr Blabla -<br>
<font color="#666666" size="1">Site optimis&eacute; pour un affichage
de 1024 x 768 pixels - N&eacute;cessite le plug in flash player</font></font></p>
</div></td>
</tr>
</table>
</body>
</html>

 

[tremendus]

Merci PA5CAL,

ça l'fait, va falloir que j'étudie ça de plus prêt pour bien capter à fond,
manqué juste un "e" à class="classA">Entrez</a>
je dis ça pour te montrer que je tente et commence à comprendre...

MOMO ?


Je suis sur Dreamweaver MX (vers. 6.0)

oui je capte rien ou peut être le tout début du html et le reste (php et comp.)
je deviens fou, j'apprends seul et souvent les forums ou tutoriaux sont basés
pour des gens qui ont la bases (que j'ai pas (encore !))

Je suis graphiste PAO au départ et je me dépatouille en fonctionnant
plus comme sur x-press avec Dreamweaver qu'en codant comme les vrais.

C'est comme ce tutorial qui à l'air plutôt bien fait, mais lorsque je vois les codes
proposés je sais plus comment et où les mettre. Alors c'est souvent grattage de tête
puis j'abandonne mais je peux pas m'empècher d'y revenir (enfin c'est comme ça
qu'on apprend, n'est pas montagnard qui veut !).

D'ailleurs si qqu'un a la bonne âme d'un prof (du druide !) pour m'expliquer ou me guider
je veux bien : http://css.alsacreations.com/Tutoriels-JavaScript/galerie-photo-javascript


En tous cas c'est cool, j'ai appris qqchose aujourd'hui, voilà une journée riche

 

[Captain_X]

... Je me rappelle avoir laissé tomber DreamWeaver pour ne plus faire mes pages qu'"à la main" à cause d'ânneries (de bogues ?) dans ce genre-là ... :siffle: :rolleyes:

qu'est ce que j'aimerais lire, ça plus souvent ... avec MAMP aussi tiens

 

[Captain_X]

Pour donner un exemple avec ton code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MA PAGE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a.classeA:link { color: #456456; }
a.classeA:visited { color: #808080; }


-->
</style>
</head>

<body bgcolor="#212121" link="#B8DE23" vlink="#B8DE23" alink="#B8DE23">
<table width="672" border="0" align="center">
<tr>
<td height="301"><div align="center">
<p><img src="logo.gif" width="369" height="52"></p>
<p>&nbsp;</p>
<p><font size="2" face="Arial, Helvetica, sans-serif">
<a href="theme.html" class="classA">Entrez</a>
</font></p>
<p>&nbsp;</p>
<p><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">-
Bienvenue sur le site de Mr Blabla -<br>
<font color="#666666" size="1">Site optimis&eacute; pour un affichage
de 1024 x 768 pixels - N&eacute;cessite le plug in flash player</font></font></p>
</div></td>
</tr>
</table>
</body>
</html>

heu c'est du code 1930 ca ?

vire les tableau, les balises font et les <br> (<br />)
les <p>&nbsp</p> => poubelle

utiliser des CSS, des div et des span... H1;H2... pour les titres

LES STANDARDS et le web devient simple

 

[PA5CAL]

Ce ne serait pas plutôt DreamWeaver qui a généré ça, non ?

 

[Captain_X]

rah pur&#233;e ou&#233; j'avais oubli&#233; DW :'(

 

[Benjamin D.C.]

Mais arrêtez de tout mettre sur le dos de Dreamweaver, c'est lamentable!

Dreamweaver est un excellent programme que j'utilise tous les jours et dont je ne pourrais me passer. J'intègre uniquement en xhtml strict que je code à la main, DW apparaît dès lors comme un éditeur texte puissant et un gestionnaire de sites performants (:love: command shift u).

Mettre ses erreurs de débutant et son incompétance sur le dos d'un programme qui n'intervient en rien dans un code créé manuellement me fait doucement sourire...

 

[Captain_X]

oki t'utilise un rouleau compresseur pour &#233;craser une fourmi ... formidable

si tu utilise DW en mode texte evidemment que c'est ton code et pas celui g&#233;n&#233;r&#233; par DW, or il se trouve que le code g&#233;n&#233;r&#233; par DW est pourri, et ce, d&#233;butant ou pas...

si tu codes si bien tu ferais mieux de passer &#224; des outils plus performant du style textmate
sinon intervention loup&#233;

 

[obi wan]

mmmm... :mouais: &#231;a va quand m&#234;me &#234;tre difficile de me convaincre que dreamweaver est pas "surtout un logiciel de wysiwyg".
Pourquoi s'encombrer de cette fonctionnalit&#233; inutile quand d'autres softs sont bien plus puissants pour le codage &#224; la main. (genre Zend Studio pour le php...) ?

grill&#233; par captain... j'en rajoute alors : se servir de dreamweaver pour faire du propre, c'est rigolo ... &#224; mon avis la "gestion de site" comme tu dis &#231;a se fait bien mieux avec des chtis script tout b&#234;tes en shell qu'avec un &#233;norme machin de (bip).