urgent prob avec menu lien css (a:active)

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : urgent prob avec menu lien css (a:active)

Pak

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  dans le body. Ma page menu commence donc par la déclaration des CSS.

Code :

<STYLE type="text/css">
a.bouton:link {
color: #00A7D4;
text-decoration: none;
}
a.bouton:active {
color: #591E55;
text-decoration: none;
}
a.bouton:visited {
color: #00A7D4;
text-decoration: none;
}
a.bouton:hover {
color: #591E55;
text-decoration: none;
}
</STYLE>

suivent ensuite dans le body mes liens

Code :

<td width="200"><img src="Logo_EMAC2s_email.gif" alt="Emac2"></td>
<td width="130" align="center"><a href="clients.asp" class="bouton">CLIENTS</a></td>
<td width="130" align="center"><a href="projets.asp" class="bouton">PROJETS</a></td>
<td width="130" align="center"><a href="taches.asp" class="bouton">TACHES</a></td>
<td width="130" align="center"><a href="people.asp" class="bouton">PEOPLE</a></td>
<td width="130" align="center"><a href="archives.asp" class="bouton">ARCHIVES</a></td>
<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.

Publicité

urd-sama

waste of space

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

antp

Super Administrateur
Champion des excuses bidons

Essaie de déclarer active après visited

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

Pak

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.

Pak

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?

urd-sama

waste of space

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)

Pak

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

urd-sama

waste of space

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

Pak

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.

Flyman30

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>

Publicité

kfman

Credo quia absurdum

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

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

Pak

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

urd-sama

waste of space

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.

Hermes le Messager

Breton Quiétiste

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 :

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

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

urd-sama

waste of space

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:

Pak

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 :

<td width="130">
<%if pg="clients" then%>
<a href="clients.asp" class="bouton" style="color:#591E55">CLIENTS</a>
<%else%>
<a href="clients.asp" class="bouton">CLIENTS</a>
<%end if%>
</td>
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

urd-sama

waste of space

y'a mieux (mais surement pas LE mieux)

Code :

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

:sol:

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

antp

Super Administrateur
Champion des excuses bidons

c'est clair qu'il y aurait mieux :

Code :

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

Et tu définis :

Code :

a.actif
{
color: #591E55;
}

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

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

urd-sama

waste of space

:jap:

ps: t'as oublié la virgule

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

antp

Super Administrateur
Champion des excuses bidons

quelle virgule ? :heink:

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

urd-sama

waste of space

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

antp

Super Administrateur
Champion des excuses bidons

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

urd-sama

waste of space

je vais vite tester ca m'intrigue

urd-sama

waste of space

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

Hermes le Messager

Breton Quiétiste

c'est sans la virgule

urd-sama

waste of space

je dormirai moins bête [:petrus75]

merci :jap:

antp

Super Administrateur
Champion des excuses bidons

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

urd-sama

waste of space

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]

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

urgent prob avec menu lien css (a:active)

Sujets relatifs
lien affichant une page au sain d'un tableau	[Perl] Fichier, dossier ou lien?
SQL/ACCESS [URGENT]	Faire des lien dynamique
[urgent]	[XMI] Comment récupérer un fichier [URGENT ]
prob très simple - include en php	Prob pour passer des parametres avec un formulaire
lien en javascript	[ASP.Net] Authentification des utilisateurs dans Active Directory
Plus de sujets relatifs à : urgent prob avec menu lien css (a:active)

Page générée en 0.105 secondes