Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 03/01/2011, 11h53   #1
Invité régulier
 
Inscription : janvier 2010
Messages : 66
Détails du profil
Informations forums :
Inscription : janvier 2010
Messages : 66
Points : 5
Points : 5
Par défaut change le couleur de lien en cours

salut tous le monde.


j'ai un grand problème j'utilise la pagination je souhaite une fois je clique sur le lien je veux que le lien en cours change de couleur en noir et les autres liens restent en bleu.

Code :
1
2
3
4
5
6
7
8
9
10
 
<div class="lien">
<a href="#">1</a><br />
<a href="#">2</a><br />
<a href="#">3</a><br />
  .
  .
  .
<a href="#">n</a>  
</div>
c-a-d lorsque je clique sur le lien 1 je vaux le couleur de lien devient noir et lorsque je clique sur le lien 10 la couleur de ce lien devient noir et le lien 1 devient bleu.

Merci d'avance pour l'aide.
ishere11 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 03/01/2011, 18h21   #2
Rédacteur/Modérateur
 
Avatar de kOrt3x
 
Homme Aurélien Gaymay
Technicien Informatique/Etudiant Web
Inscription : septembre 2006
Messages : 2 320
Détails du profil
Informations personnelles :
Nom : Homme Aurélien Gaymay
Âge : 29
Localisation : France, Nord (Nord Pas de Calais)

Informations professionnelles :
Activité : Technicien Informatique/Etudiant Web
Secteur : Santé

Informations forums :
Inscription : septembre 2006
Messages : 2 320
Points : 7 272
Points : 7 272
Envoyer un message via AIM à kOrt3x Envoyer un message via MSN à kOrt3x Envoyer un message via Skype™ à kOrt3x
Voici un exemple :

Code :
1
2
3
4
5
<style type="text/css"> 
a:link {color: #000000 ; text-decoration: underline ;} 
a:visited {color: #FF6699 ; } 
a:hover { color: red ; text-decoration: underline overline ; }   </style>
__________________
QuickEvent : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
QuickEvent Lite : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
______________________________________________________________________________________

La rubrique Mac - Les cours & tutoriels Mac - Critiques de Livres Mac
kOrt3x est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 03/01/2011, 22h25   #3
Invité régulier
 
Inscription : janvier 2010
Messages : 66
Détails du profil
Informations forums :
Inscription : janvier 2010
Messages : 66
Points : 5
Points : 5
Merci pour ta réponse je veux comme l'image

ishere11 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 03/01/2011, 22h40   #4
Rédacteur/Modérateur
 
Avatar de kOrt3x
 
Homme Aurélien Gaymay
Technicien Informatique/Etudiant Web
Inscription : septembre 2006
Messages : 2 320
Détails du profil
Informations personnelles :
Nom : Homme Aurélien Gaymay
Âge : 29
Localisation : France, Nord (Nord Pas de Calais)

Informations professionnelles :
Activité : Technicien Informatique/Etudiant Web
Secteur : Santé

Informations forums :
Inscription : septembre 2006
Messages : 2 320
Points : 7 272
Points : 7 272
Envoyer un message via AIM à kOrt3x Envoyer un message via MSN à kOrt3x Envoyer un message via Skype™ à kOrt3x
oui, je comprends ce que tu veux, mais c'est pas en CSS que tu va savoir faire ça, tu dois avoir une autre partie en PHP ou autre je suppose ?
Le CSS est pour la mise en forme.
__________________
QuickEvent : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
QuickEvent Lite : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
______________________________________________________________________________________

La rubrique Mac - Les cours & tutoriels Mac - Critiques de Livres Mac
kOrt3x est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/01/2011, 10h39   #5
Invité régulier
 
Inscription : janvier 2010
Messages : 66
Détails du profil
Informations forums :
Inscription : janvier 2010
Messages : 66
Points : 5
Points : 5
Citation:
Envoyé par kOrt3x Voir le message
oui, je comprends ce que tu veux, mais c'est pas en CSS que tu va savoir faire ça, tu dois avoir une autre partie en PHP ou autre je suppose ?
Le CSS est pour la mise en forme.
Merci j'ai fait ca en php mais je veux la mise en forme par CSS
je veux séparer le couleur du lien visite et le couleur du lien en cours

tu m'a donne le mise en forme du lien visité et du lien actif

Code :
1
2
3
4
5
 
for ($i=1;$i<=$nrlient;$i++){
 
           echo"<a href='#?cle=$i' id='$i' > $i </a>";
       }
voila l'exemple que je veux


ishere11 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/01/2011, 16h44   #6
Invité régulier
 
Inscription : janvier 2011
Messages : 10
Détails du profil
Informations forums :
Inscription : janvier 2011
Messages : 10
Points : 9
Points : 9
Si je pense avoir compris, il faut faire creer deux classe "Selectionner" et "Non selectionner"

et ensuite tu met dans ton code PHP:
Code :
1
2
3
4
5
 
<style type="text/css"> 
a.Select {Color: #FFE8E8;}
a.NoSelect {Color: #00E8E8;}
</style>
et ensuite tu met dans ton code PHP:
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
 
<?php
 
$LienSelectionne = 3;
for ($i=1;$i<=$nrlient;$i++){
		if ($LienSelectionne == $i)
			{ echo "<a href='#?cle=$i' class='Select' > $i </a>";}
		else
			{ echo "<a href='#?cle=$i' class='NoSelect' > $i </a>";}
 
       }
 
?>
Tu peux simplifier le code et également faire autrement avec un flag. Mais l'idée est là.

Cordialement
Davonex est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 04/01/2011, 17h31   #7
Invité régulier
 
Inscription : janvier 2010
Messages : 66
Détails du profil
Informations forums :
Inscription : janvier 2010
Messages : 66
Points : 5
Points : 5
Merci beaucoup
ishere11 est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 14h59.


 
 
 
 
Partenaires

Hébergement Web