[CSS] Pb avec les display:block ..
Bonjour,
Voici ce que je dois réaliser mais je n'y arrive pas ..
J'ai 1 à plusieurs mots provenant d'une DB, ils sont tous sur la même ligne espacés par un ">".
Donc comme ceci : "Mot1 > Mot 2 > Mot3"
Je dois faire un Css qui me permet de mettre chaque mot en minuscule sauf la 1ere lettre en Maj.
Les mots sont également des liens qui changent quand la souris passe dessus.
Code:
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
|
.pagetitlelink
{
font-size: 14pt;
text-align: left;
color: #666666;
text-transform:lowercase;
display:block;
}
.pagetitlelink:first-letter
{
text-transform:uppercase;
}
a, a:link, a:active ,a:visited
{
color:#666666;
text-decoration:none;
}
a:hover
{
color:Black;
text-decoration:underline;
} |
Ceci me donne le résultat voulu mis à part 2 choses :
1. Lorsque ma souris passe sur un lien, la 1ere lettre ne change pas (la couleur ne passe pas en black), si je retire le display:block ca fonctionne mais alors la je n'ai plus le capitalize des mots..
2. Je dois mettre tout mes mots dans le même span car si j'en ai plusieurs ils sont 1 par ligne, vu le display:block ...
Quelqu'un aurait il une solution?
Merci d'avance
