urgent prob avec menu lien css (a:active)

urgent prob avec menu lien css (a:active) - HTML/CSS - Programmation

Marsh Posté le 13-02-2004 à 10:40:36    

Bonjour tout le monde,
 
voilà j'ai un big problème avec les CSS, plus précisément a:active.
 
J'ai une première page menu.asp qui est appelé dans toutes les autres pages par la commande <!--#include file="menu.asp"--> dans le body. Ma page menu commence donc par la déclaration des CSS.
 

Code :
  1. <STYLE type="text/css">
  2. a.bouton:link {
  3.   color: #00A7D4;
  4.   text-decoration: none;
  5. }
  6. a.bouton:active {
  7.   color: #591E55;
  8.   text-decoration: none;
  9. }
  10. a.bouton:visited {
  11.   color: #00A7D4;
  12.   text-decoration: none;
  13. }
  14. a.bouton:hover {
  15.   color: #591E55;
  16.   text-decoration: none;
  17. }
  18. </STYLE>


suivent ensuite dans le body mes liens

Code :
  1. <td width="200"><img src="Logo_EMAC2s_email.gif" alt="Emac2"></td>
  2. <td width="130" align="center"><a href="clients.asp" class="bouton">CLIENTS</a></td>
  3. <td width="130" align="center"><a href="projets.asp" class="bouton">PROJETS</a></td>
  4. <td width="130" align="center"><a href="taches.asp" class="bouton">TACHES</a></td>
  5. <td width="130" align="center"><a href="people.asp" class="bouton">PEOPLE</a></td>
  6. <td width="130" align="center"><a href="archives.asp" class="bouton">ARCHIVES</a></td>
  7. <td width="100" align="center"><a href="logout.asp" class="bouton">LOGOUT</a></td>


 
J'aimerais savoir comment faire pour que quand je suis dans taches.asp, le TACHES écrit dans le menu soit de couleur différente, comme devrait le faire "active".
 
J'ai testé mes CSS pour des liens qui se font vers la même page et ils fonctionnent mais quand je les dirige vers une autre page, a.bouton:active ne fonctionne plus.
 
Si vous avez une suggestion de script ou une piste à suivre; merci de la partager.

Reply

Marsh Posté le 13-02-2004 à 10:40:36   

Reply

Marsh Posté le 13-02-2004 à 10:48:16    

je comprends pas exactement ton erreur, peux-tu préciser?
et le align=center dans les balises td cai sale :O
utilise un style css pour ca aussi

Reply

Marsh Posté le 13-02-2004 à 10:51:26    

Essaie de déclarer active après visited


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 13-02-2004 à 10:52:40    

J'ai 6 liens et j'aimerais que quand je clique sur ex. CLIENTS change de couleur (en l'occurence, bordeau). Le a.hover fonctionne, le lien devient bordeau lorsque l'on survole le lien, mais quand on clique dessus et qu'on est diriger vers la page clients.asp bin le lien redevient à sa couleur d'origine.

Reply

Marsh Posté le 13-02-2004 à 10:53:58    

Merci antp, mais
ça j'ai fait et ça ne fonctionne pas plus.. je crois que c'est parce que je redirige vers d'autre page, non?

Reply

Marsh Posté le 13-02-2004 à 11:02:14    

excuse-moi si je me trompe mais je crois que tu as mal compris le active.
en fait c'est quand tu as le bouton de la souris pressé, ensuite c'est le visited qui prend le relais. donc dans ton cas tu reprends la couleur d'origine (link)

Reply

Marsh Posté le 13-02-2004 à 11:03:30    

ah alors tu as raison, j'avais mal compris le active. Je dois faire comment pour changer la couleur de la page courante?

Reply

Marsh Posté le 13-02-2004 à 11:04:34    

tu peux pas avec les css en fait
 
edit: css seulement donc, faut associer avec autre chose


Message édité par urd-sama le 13-02-2004 à 11:04:57
Reply

Marsh Posté le 13-02-2004 à 11:11:15    

ah bon, si je fais ainsi, ça fonctionne
 
<td><a href="#" class="text3">Lien 1</a></td>
<td><a href="#" class="text3">Lien 2</a></td>
<td><a href="#" class="text3">Lien 3</a></td>
<td><a href="#" class="text3">Lien 4</a></td>
<td><a href="#" class="text3">Lien 5</a></td>
<td><a href="#" class="text3">Lien 6</a></td>
 
le lien cliqué prend la couleur de active, mais il est vrai que si je clique ailleurs sur la page, il devient visited.

Reply

Marsh Posté le 13-02-2004 à 11:17:04    

remplace tes CSS par ça :
 
<STYLE type="text/css">  
  a.bouton {  
      color: #00A7D4;  
      text-decoration: none;  
   
  a.bouton:hover {  
      color: #591E55;  
      text-decoration: none;  
  }  
  </STYLE>

Reply

Marsh Posté le 13-02-2004 à 11:17:04   

Reply

Marsh Posté le 13-02-2004 à 11:40:13    

Essaye en mettant le a.bouton:active en dernier dans ta css.


Message édité par kfman le 13-02-2004 à 11:42:04
Reply

Marsh Posté le 13-02-2004 à 11:44:23    

J'ai essayé toutes les emplacements possibles, début, deuxième, troisième, dernier mais comme urd-sama le dit, le active sert seulement à modifier la couleur du début du clique jusqu'à ce qu'on relache le bouton.
 
a:active = couleur du lien qui apparaît entre le moment où vous appuyez avec le pointeur de la souris sur le lien et le relâchez et est de préférence après le a:hover.
 
Voilà, je dois songer à une autre méthode que les CSS :-((
Merci à tous et si vous savez comment faire, merciii

Reply

Marsh Posté le 13-02-2004 à 11:45:56    

en fait il faut que tu appliques un style css précis d'après la page ouverte.
pour savoir la page ouverte, utilise par exemple de l'asp dans ton cas.

Reply

Marsh Posté le 13-02-2004 à 12:21:58    

urd-sama a écrit :

en fait il faut que tu appliques un style css précis d'après la page ouverte.
pour savoir la page ouverte, utilise par exemple de l'asp dans ton cas.


 
Tu voulais dire du PHP ? [:ddr555]
 
Sinon pour la couleur au moment du click, c'est du javascript : onmousedown.
 
Je rappelle à toutes fins utiles que pour modifier dynamiquement les propriétés CSS d'un élément HTML, on fait :

Code :
  1. document.getElementById('id_de_l_element').style.propriété = "valeur(s)";


Message édité par Hermes le Messager le 13-02-2004 à 12:22:12
Reply

Marsh Posté le 13-02-2004 à 12:50:07    

Hermes le Messager a écrit :


Tu voulais dire du PHP ? [:ddr555]


 

Pak a écrit :

Bonjour tout le monde,
J'ai une première page menu.asp


 :sol:

Reply

Marsh Posté le 13-02-2004 à 13:24:33    

Oui, je fais de l'ASP, pas de chance.
 
Merci à tout le monde si j'avais vous voulez faire comme je voulais, voilà comment j'ai solutionné mon prob. J'ai gardé mes codes CSS et j'ai modifié mais <td> comme suit :

Code :
  1. <td width="130">
  2.   <%if pg="clients" then%>
  3.     <a href="clients.asp" class="bouton" style="color:#591E55">CLIENTS</a>
  4.   <%else%>
  5.     <a href="clients.asp" class="bouton">CLIENTS</a>
  6.   <%end if%>
  7. </td>
  8. etc..


 
Voilà, il suffisait d'y penser.
P.S. j'ai aussi mis des entête dans mes fichiers pour leur donner la valeur de pg..


Message édité par Pak le 13-02-2004 à 13:25:33
Reply

Marsh Posté le 13-02-2004 à 13:29:57    

y'a mieux (mais surement pas LE mieux)
 

Code :
  1. <td width="130">
  2.     <a href="clients.asp" class="bouton" <%If pg="clients" then%> style="color:#591E55"<%end if%>>
  3. </td>


 :sol:


Message édité par urd-sama le 13-02-2004 à 13:30:33
Reply

Marsh Posté le 13-02-2004 à 13:35:24    

c'est clair qu'il y aurait mieux :
 

Code :
  1. <td width="130">
  2.       <a href="clients.asp" class="bouton <%If pg="clients" then%> actif<%end if%>">
  3.     </td>


 
Et tu définis :
 

Code :
  1. a.actif
  2. {
  3.   color: #591E55;
  4. }


Message édité par antp le 13-02-2004 à 13:36:17

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 13-02-2004 à 13:37:40    

:jap:
 
ps: t'as oublié la virgule


Message édité par urd-sama le 13-02-2004 à 13:38:00
Reply

Marsh Posté le 13-02-2004 à 13:43:10    

quelle virgule ? :heink:


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 13-02-2004 à 13:46:43    

ah, on est pas obligé de mettre une virgule entre deux classes?

Reply

Marsh Posté le 13-02-2004 à 13:48:45    

benh il me semblait que non, mais maintenant j'ai un doute :??:
ce n'est que dans le CSS qu'il faut une virgule, pas dans le class="..." du HTML


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 13-02-2004 à 13:49:40    

je vais vite tester ca m'intrigue

Reply

Marsh Posté le 13-02-2004 à 13:51:12    

alors c'est avec ou sans virgule effectivement
par contre si on mets la virgule, un espace avant et après semble de rigueur

Reply

Marsh Posté le 13-02-2004 à 13:55:08    

c'est sans la virgule

Reply

Marsh Posté le 13-02-2004 à 13:57:09    

je dormirai moins bête [:petrus75]
 
merci :jap:

Reply

Marsh Posté le 13-02-2004 à 14:02:43    

urd-sama a écrit :


par contre si on mets la virgule, un espace avant et après semble de rigueur


 
ouais en fait ça veut dire que tu utilises la virgule comme un nom de classe [:ddr555]


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 13-02-2004 à 14:07:56    

antp a écrit :


 
ouais en fait ça veut dire que tu utilises la virgule comme un nom de classe [:ddr555]


erm j'y avais pas pensé à ca  [:tinostar]

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed