Suppression du soulignage sur les liens

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Elsa
Lézard vert
Messages : 135
Inscription : 04 janv. 2007, 17:06

Message par Elsa »

Oui mais...

Sur ce forum par ex, qu'est-ce qui est souligné, à part "rechercher" ?

Par contre, les autres liens deviennent orange ou blanc qd on les survole, et c'est du plus bel effet !

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Orange 7.4)
ELSA des troubadours
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

C'est exact, on en avait déjà parlé, d'ailleurs, du plus bel effet. Une légère contradiction avec les règles de l'accessibilité, je sais pas, tu pourrais peut-être en parler aux admins de ce forum?
Que veux-tu que je te dise? Chacun fait ce qu'il veut, non?
Bon. A bientôt. :wink:
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Elsa
Lézard vert
Messages : 135
Inscription : 04 janv. 2007, 17:06

Message par Elsa »

Allez, encore un peu...

Je viens de tomber sur une note de l'Aide de kpz (utiliser des images en tant que lien) qui dit:
Note : Pour supprimer la bordure bleue entourant les images utilisées comme liens, ouvrez la boîte de dialogue Propriétés du lien, cliquez sur l'onglet, et décochez l'option Encadrer les images qui portent un lien.
Ds "Propriétés du lien" quel onglet ?
Si elle y est, je n'ai pas trouvé l'option à décocher : "Encadrer..." ... :?:



Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5
ELSA des troubadours
Elsa
Lézard vert
Messages : 135
Inscription : 04 janv. 2007, 17:06

Message par Elsa »

Ok, j'ai trouvé.

Je cherchais ds les propriétés de l'image de" créer un lien" alors que c'est ds "insérer une image".

Désolée du dérangement.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5
ELSA des troubadours
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Ben, finalement, elle marche l'Aide, alors?
C'est dans "Propr Image et Lien"
Il y a une petite lacune de rédaction de cette Aide : il s'agit bien d'images-lien, c'est donc clic droit sur l'image-lien;
"Propriétés Image et Lien";
Onglet "Lien".
etc...
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Elsa
Lézard vert
Messages : 135
Inscription : 04 janv. 2007, 17:06

Message par Elsa »

:D Oui merci, elle a remarché qq temps après. (HS:Un miracle ss doute ! Je vais en parler au Vaticon)

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)
ELSA des troubadours
krystof
Lézard vert
Messages : 155
Inscription : 01 mars 2007, 10:35

Message par krystof »

bonjour,
si tu veux souligner ton lien au passage de la souris, je te propose ceci, mais c' est en CSS:

Code : Tout sélectionner

a:hover
{
text-decoration:underline
}
Pour la reproduction d' un menu ou d' une mise en page, il faut te servir du CSS, tu dois l' apprendre, c' est pas très dur.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; Maxthon; .NET CLR 1.1.4322)
Elsa
Lézard vert
Messages : 135
Inscription : 04 janv. 2007, 17:06

Message par Elsa »

Et pour qu'il change de couleur qd on le survole ? :oops:

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)
ELSA des troubadours
krystof
Lézard vert
Messages : 155
Inscription : 01 mars 2007, 10:35

Message par krystof »

a:hover désigne les actions qui seront effectuées lorsque la souris passera sur le lien.
Donc dans les propriété, tu mets ce que tu veux.
Si tu veux que la couleur passe au rouge alors tu ajoutes color: red;
ce qui te donne:

Code : Tout sélectionner

a:hover 
{ 
text-decoration:underline;
color: red;
} 

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Maxthon; .NET CLR 1.1.4322; IE7-01NET.COM-1.1; IE7-01NET.COM-1.1)
Dernière modification par krystof le 30 juil. 2007, 21:26, modifié 1 fois.
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Bonjour
Juste un petit oubli:

Code : Tout sélectionner

a:hover 
{ 
text-decoration:underline ;
color: red;
} 
(le "point-virgule")

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.5) Gecko/20061201 Firefox/2.0.0.5 (Ubuntu-feisty)
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Elsa
Lézard vert
Messages : 135
Inscription : 04 janv. 2007, 17:06

Message par Elsa »

Merci ;





Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5
Dernière modification par Elsa le 03 août 2007, 23:26, modifié 1 fois.
ELSA des troubadours
krystof
Lézard vert
Messages : 155
Inscription : 01 mars 2007, 10:35

Message par krystof »

merci Ymai de m' avoir corrigé. :wink:

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Maxthon; .NET CLR 1.1.4322; IE7-01NET.COM-1.1; IE7-01NET.COM-1.1)
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Elsa,
Si tu touches déjà un peu aux feuilles de styles dans Kompozer (je ne me rappelle pas):
Tu ouvres l'éditeur de style:
Outils > éditeur css...
ou
barre d'outils > clic sur la palette de couleur css
puis

clic sur la petite palette de couleur en haut à gauche de la fenêtre:
créer une règle qui s'appellera a:hover > créer la règle de style
aller sur l'onglet texte > sur la ligne couleur, cliquer sur le carré blanc et choisir sa couleur. Si tu veux que le lien survolé soit souligné, tu coches "souligné"
si tu reviens sur l'onglet général, tu trouves:

Code : Tout sélectionner

color: red;
text-decoration: underline;
et si tu vas dans le code source, tu as maintenant:

Code : Tout sélectionner

a:hover {
  color: red;
  text-decoration: underline;
}
et tout a été fait en Wysiwyg... et en français.
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Elsa, c'est toi qui m'a laissé un message sur le formulaire de mon site?
Comment ça "les pages rouges sont aveuglantes"?, sont pas rouges, sont grenat! (ouais, enfin, je vais voir ça), "et tous les liens sont soulignés"! Ouais, même pas en contradiction avec moi-même! :wink: A+
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Elsa
Lézard vert
Messages : 135
Inscription : 04 janv. 2007, 17:06

Message par Elsa »

Ouèb, c'est moi !

C'est grenat aveuglant alors ! :P

Il est intéressant ton site, et la petite animation qui apparaît furtivement me rend jalouse.

Je crois que si les liens n'étaient pas soulignés on irait qd même ! Mais bon, ca ne gache pas trop... :wink:

A+

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Orange 7.4 ; NaviWoo1.1)
ELSA des troubadours
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 36 invités