changement de couleur du texte qd passage curseur sur lien

Otaku Tan'itsu · Message par **Otaku Tan'itsu** » 19 juil. 2006, 20:28

bonjour!

je suis assez content: toute la question tient dans le sujet!

(je fais qu'un voyage)

ha ben tien nan j'ai oublié de demander comment on fait

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

HP · Message par HP » 19 juil. 2006, 20:29

la réponse tient dans la recherche (je pense) :
http://www.google.com/search?hl=fr&q=cursor+css+hover
http://www.google.com/search?q=a+css+hover+link+visited
par exemple ...

otaku tan'itsu · Message par **otaku tan'itsu** » 19 juil. 2006, 20:38

oué mais comment on fait?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

otaku tan'itsu · Message par **otaku tan'itsu** » 19 juil. 2006, 23:02

on ne peut pas le faire avec les menus de n/vu?
dans style interne?
y a t il un glossaire des termes utilisé (onfocus, onklik,... tous ces trucs??)

?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Message par **chinon37** » 20 juil. 2006, 08:15

tu peux le faire directement avec nvu et l'éditeur css (si possible en installant l'extension Kazcades qui corrige des bugs de l'éditeur d'origine)
avec Kazcades:
outils -> editeur css
clic sur l'icone palette de peinture -> règle
nom du sélecteur: a :hover
tu valides et ru choisis la couleur souhaitée au survol de la souris dans l'onglet texte
Attention: hover (survol) ne marche qu'avec les liens <a> sous IE. Pour toute autre balise (ex: <h1> <p>), ça ne marchera pas mais ça marchera avec Firefox

otaku tan'itsu · Message par **otaku tan'itsu** » 20 juil. 2006, 11:09

chinon37 a écrit :tu peux le faire directement avec nvu et l'éditeur css (si possible en installant l'extension Kazcades qui corrige des bugs de l'éditeur d'origine)
avec Kazcades:
outils -> editeur css
clic sur l'icone palette de peinture -> règle
nom du sélecteur: a :hover
tu valides et ru choisis la couleur souhaitée au survol de la souris dans l'onglet texte
Attention: hover (survol) ne marche qu'avec les liens <a> sous IE. Pour toute autre balise (ex: <h1> <p>), ça ne marchera pas mais ça marchera avec Firefox

merci chinon!!

ca c'est de la'ide claire et précise!!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Invité · Message par **Invité** » 20 juil. 2006, 11:20

chinon37 a écrit :si possible en installant l'extension Kazcades qui corrige des bugs de l'éditeur d'origine

peut pas l'enregistrer: firefox dit: pas compatible

(du moins celui pour win 32...

chinon37 a écrit :clic sur l'icone palette de peinture -

sans l'ext de mister kaze, y a pas de palette de couleur.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

otaku tan'itsu · Message par **otaku tan'itsu** » 20 juil. 2006, 19:59

ollé caramba

bon g réussi a installer l'extension de tonton kaze (génial le truc!! (bon en fait j'ai aussi bousillé une des pages ouébe, mais bon bref)) et... la couleur ca marche pas

mais... oblique, italique et transparance ca marche

alors g utilisé transparance (comme ca on va dire que c'est mieux pour l'unicité percue du site, genre)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Message par **chinon37** » 20 juil. 2006, 22:04

ça devrait marcher pour la couleur: donne le code de ta page afin qu'on fasse des essais.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

otaku tan'itsu · Message par **otaku tan'itsu** » 22 juil. 2006, 12:18

chinon37 a écrit :ça devrait marcher pour la couleur: donne le code de ta page afin qu'on fasse des essais.

en fait je pense que c'est rapport au fait que quand j'ai créé les liens j'ai défini l'écriture. et que ca fait conflit avec les instructions actuelles.
je vais refaire les liens sans définition de l'ecriture et voir ce qui se passe.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

otaku tan'itsu · Message par **otaku tan'itsu** » 22 juil. 2006, 13:08

chinon37 a écrit :donne le code de ta page afin qu'on fasse des essais.

bjr.
mes pages sont à:

www.blca.fr

votre vis est le bienvenu pour tout type de commentaire

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Message par **chinon37** » 22 juil. 2006, 18:03

le problème vient des styles internes que tu as pu mettre sur ta balise <a> et entre autre:

Code : Tout sélectionner

 <a style="text-decoration: none; color: rgb(0, 0, 0);"

les styles internes "écrasent" les feuilles de style
solution: tu supprime tous les styles internes liés à <a> et tu crée une règle pour a dans ta feuille de style comme tu as fait pour a:hover
tu auras donc

Code : Tout sélectionner

<style type="text/css">
  a:hover { opacity: 1;
    color: #ff0000;
    }

  a { color: #000000;
    text-decoration: none;
    }

le résultat de ta page avec un essai (avec le passage de la souris qui met le lien en rouge)

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta name="generator" content="HTML Tidy for Windows (vers 12 April 2005), see www.w3.org">
<style type="text/css">
  a:hover { opacity: 1;
    color: #ff0000;
    }

  a { color: #000000;
    text-decoration: none;
    }


</style>
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    <meta name="author" content="blca">
    <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico">
    <title>
      blca consultant ascenseurs
    </title>
  </head>
  <body style="border-style: none; border-width: 0px;">
    <table style="border-width: 0pt; text-align: left; clear: none; overflow: hidden; width: 100%; height: 100%;"
    border="0" cellpadding="0" cellspacing="0">
      <tbody>
        <tr style="font-family: Arial;">
          <td colspan="4" rowspan="1" style="width: 80%; vertical-align: top; height: 70px;">
            <big><big><big>Le savoir-faire dans le domaine de l'ascenseur </big></big></big>
          </td>
          <td style="width: 20%; text-align: right; vertical-align: top;" colspan="2" rowspan="2">
            <img style="opacity: 0.803; width: 187px; height: 420px;" alt="" src="images/ascenseur_coupe.gif">
          </td>
        </tr>
        <tr style="font-family: Arial;">
          <td rowspan="1" colspan="4" style="vertical-align: top; width: 80%;">
            <div style="margin-left: 40px; font-weight: bold;">
              <small><span style="font-weight: bold;">blca est une entreprise indépendante de conseils en
              techniques</span></small> <small><span style="font-weight: bold;">d'ascenseur, pour vos besoins de
              gestionnaires</span></small><small><span style="font-weight: bold;">, d'utilisateurs et</span></small>
              <small><span style="font-weight: bold;">de bâtisseurs.</span></small><small><br>
              <br>
              Nous vous proposons notre expérience dans les domaines suivants :<br>
              <br></small> <small>- Maîtrise des coûts de maintenance, renégociation des contrats
              d'entretien<br></small> <small>- Appel d'offres travaux et maintenance pour la mise en sécurité, la mise
              aux normes et l'</small><small>amélioration<br>
              - Expertise technique</small><small><br></small> <small>- Pilotage et suivi de chantier<br>
              - Formation aux obligations légales</small> <small><br></small> <small>- Montage d'opération
              d'installation d'ascenseur en bâtiment existant (incluant l'ensemble des démarches depuis le permis de
              construire jusqu'à la mise en service de l'ascenseur)</small>
            </div>
          </td>
        </tr>
        <tr>
          <td style="height: 18px; width: 40%; background-color: rgb(147, 198, 253);" colspan="2" rowspan="1"></td>
          <td style="text-align: center; width: 20%; background-color: rgb(147, 198, 253);" colspan="1" rowspan="6">
            <big><img style="border: 0px solid ; opacity: 0.995; width: 157px; height: 80px;" alt="" src=
            "images/blca_logo_bleu.gif" align="middle"></big>
          </td>
          <td style="height: 18px; width: 40%; background-color: rgb(147, 198, 253);" colspan="3" rowspan="1"></td>
        </tr>
        <tr>
          <td style="font-family: Arial; width: 40%; height: 18px; background-color: rgb(147, 198, 253);" colspan="2"
          rowspan="1">
            <small><span style="font-weight: bold;"> Bienvenue sur <span style=
            "color: rgb(0, 0, 0); text-decoration: none;">www.<span style=
            "text-decoration: none;">blca</span>.fr</span></span></small>
          </td>
          <td colspan="1" rowspan="5" style=
          "width: 20%; font-family: Arial; background-color: rgb(147, 198, 253); text-align: left;"></td>
          <td style="font-family: Arial; font-weight: bold; height: 18px; background-color: rgb(147, 198, 253);">
            <small>Téléphone : </small>
          </td>
          <td style=
          "text-align: left; font-family: Arial; font-weight: bold; height: 18px; background-color: rgb(147, 198, 253);">
          <small>03 88 xx xx xx</small>
          </td>
        </tr>
        <tr>
          <td style=
          "font-family: Arial; text-align: left; width: 20%; font-weight: bold; height: 18px; background-color: rgb(147, 198, 253);">
          <small> - <a href="services.html" title="Les services que nous vous proposons">Services</a></small>
          </td>
          <td colspan="1" rowspan="3" style="width: 20%; font-family: Arial; background-color: rgb(147, 198, 253);">
          </td>
          <td style="font-family: Arial; font-weight: bold; height: 18px; background-color: rgb(147, 198, 253);">
            <small>Télécopie :</small>
          </td>
          <td style=
          "text-align: left; font-family: Arial; font-weight: bold; background-color: rgb(147, 198, 253); height: 18px;">
          <small>03 88 xx xx xy</small>
          </td>
        </tr>
        <tr>
          <td style=
          "font-family: Arial; text-align: left; width: 20%; height: 18px; background-color: rgb(147, 198, 253);">
            <span style="font-weight: bold;"><span style=
            "color: rgb(0, 0, 0); text-decoration: none;"><small> </small></span></span><span style=
            "color: rgb(0, 0, 0); text-decoration: none; font-weight: bold;"><small>- <a title=
            "Des informations relatives à la société blca" href="informations.html">Informations</a></small></span>
          </td>
          <td style="font-family: Arial; font-weight: bold; height: 18px; background-color: rgb(147, 198, 253);"
          colspan="2" rowspan="1">
            <small>BP 10 016</small>
          </td>
        </tr>
        <tr>
          <td style="font-family: Arial; width: 20%; height: 18px; background-color: rgb(147, 198, 253);">
            <big><small><span style="font-weight: bold;"><small> -</small></span></small></big> <small style=
            "font-weight: bold;"><a title="Postez vos questions et vos réactions" href=
            "mailto:contact@blca.fr">Cont@ct</a></small>
          </td>
          <td style="font-family: Arial; font-weight: bold; height: 18px; background-color: rgb(147, 198, 253);"
          colspan="2" rowspan="1">
            <small>67701 Saverne Cedex</small>
          </td>
        </tr>
        <tr>
          <td colspan="2" rowspan="1" style=
          "text-align: left; vertical-align: middle; font-family: Arial; color: rgb(147, 198, 253); width: 40%; height: 18px; background-color: rgb(147, 198, 253);">
          <img src="images/vide.gif" alt="" style="width: 180px; height: 18px;">
          </td>
          <td style="color: rgb(147, 198, 253); text-align: left; background-color: rgb(147, 198, 253); height: 18px;"
          rowspan="1" colspan="2">
            <big><small><small><small><small><img style="width: 180px; height: 18px;" alt="" src=
            "images/vide.gif"></small></small></small></small></big>
          </td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

il y aurait beaucoup à corriger avec les </small></small></small></small></big>
Tous les styles qui s répètent devraient être mis dans la feuille de style et non en style interne!
Bon courage

otaku tan'itsu · Message par **otaku tan'itsu** » 23 juil. 2006, 13:23

hello

bon j'ai tout nettoyé (cf www.blca.fr)
mais:...
- comment faut faire pour la feuille de style?

- je suis obligé de garder les liens en souligné et en bleu??

en + y a 2 pb:
- sous ie, j'ai un espace énorme sous la 1ere phrase (faut-il la mettre en h1 por les moteurs de recherhce?)
- j'ai le "-" du 1er lien "sevices" qui reste ne caractère gras

sinon fait beau ici.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

otaku tan'itsu · Message par **otaku tan'itsu** » 23 juil. 2006, 14:53

re-salut

si a:hover est le code correspondant au style du texte quand on passe dessus avec le curseur, quels sont les codes pour:
- l'ensemble du texte de la page

- les liens sans qu'on passe dessus

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

otaku tan'itsu · Message par **otaku tan'itsu** » 23 juil. 2006, 15:16

...(suite et précision)

pour les corps de texte svp

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Geckozone

changement de couleur du texte qd passage curseur sur lien

changement de couleur du texte qd passage curseur sur lien

it's a long way to the top if you wanna rock'n'roll

caramba

Qui est en ligne ?