Discussion :

[jlb59]

Bonjour à tous,

Bien que soit fonctionnel, dans une liste <UL> via le CSS, il n'y a que des liens, 27 au total répartis en dans 3 sections, mais seul 2 liens sont de couleurs différente.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
(...)
	<section class='ecart60'>
 
		<header><span class="puce-page">&nbsp;&nbsp;</span><span class="majuscule gras">Section de psychologie</span></header>
 
		<ul>
			<li>
				<a href="?page=test_orthographe1" class="info-inside">Tests de l'orthographe 1
					<div class="info-content">
						<big><b>Orthographe 1</big></b><br />(10 questions<hr>
						<div>Connaissez-vous bien l'orthographe ?</div>
					</div>
				</a>
			</li>
			<li>
				<a href="??page=test_orthographe1" class="info-inside">Tests de l'orthographe 2
					<div class="info-content">
						<big><b>Orthographe 2</big></b><br />(10 questions)<hr>
						<div>Trouvez le mot bien orthographié.</div>
					</div>	
				</a>
			</li>
			<li>
				<a href="?page=tests_sens_synonymes" class="info-inside">Sens des synonymes
					<div class="info-content">
						<big><b>Un mot est affiché</big></b><br />(10 questions)<hr>
						<div>Parmi ceux proposés, trouvez celui qui se rapproche le plus.</div>
					</div>	
				</a>
			</li>
(...)

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
(...)
li a:hover {
  background-color: yellow;
  color: #000;
}
li a:hover .info-content {
  display: block;
}
 
(...)

Pourtant, j'ai regardé mot par mot, mais je n'ai pas vu une quelconque anomalie.

Ces codes m'ont été donnés généreusement pas NoSmoking pour faire un Tooltip sans JS (qui n'est pas mon for) et ça fonctionne très bien !
Il n'y a que ces 2 liens en bleu sur tous ceux présents.

Voudriez-vous me dire si vous voyez une anomalie, car personnellement, je n'ai rien vu !

Merci d'avance de votre aide.

[thelvin]

Hello,

puisque l'analyse de la mémoire t'intéresse :

on en a déjà parlé. C'est parce que certains liens sont visités et les autres non.

[jlb59]

Certainement qu'on en a parlé mais ce n'est pas ça du tout.

[Ti-Slackeux]

bonjour,
Je viens de passer sur votre site, tous les liens ont la même couleur pour moi.



hth,

[jlb59]

Bonjour Ti-Slackeux,

Oui parce qu'entre temps, c'est à dire le post que j'avais mis et les réponses, j'ai cherché le pourquoi du comment.

Tous les liens avait la même couleur, en plus il n'était pas dans le CSS différentes couleurs des liens (Link Focus, Visited...), et c'est tout bête mais ces 2 liens en bleu généraient l'erreur 404.
La cause était un caractère mal placé !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
	case 'tests_verbal_paronymes2';
		$title = " QI98 - Tests des paronymes 2";
		$titrePage = "Tests des paronymes 2";
		$url_page="pages/tests/psychologie/tests_verbal_paronymes2.php";
		break;
case 'tests_verbal_orthographe1';
	$title = " QI98 - Tests de l'orthographe 1";
	$titrePage = "Tests de l'orthographe 1";
	$url_page="pages/tests/psychologie/tests_verbal_orthographe 1.php"; (alors qu'il n'y a pas d'espace entre le "E" et le "chiffre")
	break;
case 'tests_verbal_orthographe2';
	$title = " QI98 - Tests de l'orthographe 2";
	$titrePage = "Tests de l'orthographe 2";
	$url_page="pages/tests/psychologie/tests_verbal_orthographe 2.php"; 
	break;
	case 'tests_calcul_mental';

Mais en fait, je suis incapable de dire pourquoi ça faisait ça !

Bon, après correction, tout a été rétabli et c'est pour ça que tu as vu la même couleur des liens.

Me suis-je bien fait comprendre ?

[NoSmoking]

Bonjour,

Ces codes m'ont été donnés généreusement pas NoSmoking pour faire un Tooltip sans JS (qui n'est pas mon for) et ça fonctionne très bien !

Je tiens à préciser que le code ci-dessous n'est pas de moi

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div class="info-content">
  <big><b>Orthographe 1</big></b><br />(10 questions<hr>  <!-- cette ligne est une horreur -->
  <div>Connaissez-vous bien l'orthographe ?</div>
</div>

Outil de validation de code :

• Nu Html Checker

[jlb59]

Bonjour,

Je tiens à préciser que le code ci-dessous n'est pas de moi

Outil de validation de code :

• Nu Html Checker

Possible mais c'est toi qui me l'a donné.
D'ailleurs, Laurent m'a fait l'éloge de ta personne, et je le rejoins, car tu es attentif, patient et surtout, d'une grande aide.

Pas comme certains qui pour répondre à une question, mettent simplement un lien en guise de réponse et sans explication..

[NoSmoking]

Possible mais c'est toi qui me l'a donné.

ce que j'ai donné comme code HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div class="info-content">
  <h3>Test #1</h3>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  Vestibulum ultricies laoreet orci, sit amet molestie nulla efficitur ac.
</div>

ce n'est pas exactement la même structure

[jlb59]

ce que j'ai donné comme code HTML :

ce n'est pas exactement la même structure

Ça, c'était le 1er code que tu m'as envoyé et le lendemain ou 2 jours après, tu m'as envoyé le code actuel (post #6), celui qui est en ligne.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<ul>
			<li>
				<a href="?page=mot_etranger" class="info-inside">Mot étranger
					<div class="info-content">
						<big><b>Mot étranger</big></b><br><b>(20 questions)</b><hr>
						<div>Cherchez le mot ne correspondant pas à ceux présents.</div>
					</div>
				</a>
			</li>
			<li>

J'ai un peu amélioré pour l'adapter à la page.

[NoSmoking]

Tu te méprends car même complétement à l'ouest je n'écrirais jamais une ligne pareille

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<big><b>Mot étranger</big></b><br><b>(20 questions)</b><hr>

[jlb59]

Comme je t'ai dit, je l'ai un peu modifié.
Si c'est pour "<big>" c'est un belge qui m'a donné ça et ça rend plutôt bien.
A noté que <big><b> sont fermé dans l'ordre, pas comme c'est affiché.