Discussion :

[fika2]

Bonsoir
Voici ma colle:
J'ai une liste, la puce est une image. Je souhaite qu'elle grossisse en même temps que le texte lorsque l'utilisateur augmente la taille du texte de son navigateur.
Croyez-vous que ce soit possible?
Merci par avance!
Fika

Voici mon code actuel :

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
 
ul, li {margin:0;padding:0;display:inline;}
 
li{
list-style-type: none;
background-image: url(img/puce_off.png);
background-repeat: no-repeat;
background-position: 0% 50%;
padding-left:10px;
}
 
li:hover{background-image:url(img/puce_on.png);}
.link{margin:0 6px 0 0;text-decoration:none;}
a.link:visited{color:#505050;}
a.link:link{color:#505050;}
a.link:hover{color:#E74C00;}

[clb56]

Voici ma colle:

Ciel, ciel, une colle

Bon, c'est sans doute très facile à obtenir avec un minimum d'intervention bidouillante dans le html. Du genre un span vide en début de <li> avec dimension en em etc...

Mais bon quel intérêt quand on sait que IE7 aussi bien qu'Opera ont déjà les fonctionnalités de zoom sur la page et pas seulement l'agrandissement du texte seul.

Donc jeu très mignon et amusant, plutôt qu'une colle, et surtout seulement un jeu

[fika2]

L'interêt c'est ce qu'on appelle communément l'accessibilité.
Oui en bidouillant on peut tout faire, merci de ta réponse qui me l'apprend. Là je cherche une solution correcte pour que lorsque les mal voyants augmentent la taille du texte sur leur navigateur, les puces grossissent aussi et qu'ils puissent les voir.
Sinon oui pour jouer je passe mes soirées à tenter de résoudre des problèmes de css c'est hyper agréable!

[clb56]

L'interêt c'est ce qu'on appelle communément l'accessibilité.

Alors dans ce cas la réponse est claire, catégorique et définitive :

Ne pas se substituer aux Agents Utilisateurs pour le traitement du rendu des listes et laisser les styles par défaut gérer cela.

Si la présence et la visibilité des puces sont si importantes alors imagines le cas suivant :

. css interprétée
. images non chargées