Compatibilité list-style-position outside sur tablette

**thais781** · 17/12/2013, 14h19

Bonjour,

J'utilise de petit bout de CSS pour customiser mes LI.
Ca marche bien sur firefox, mais pas sur tablette.
Il semblerait que le

Code :

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

list-style-position: outside

ne soit pas compatible sur tablette ....

Une idée ?

Mon CSS complet

Code :

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

1
2
3
4
5
li {
  margin-left: 20px;
  list-style-type: disc;
  list-style-position: outside;
}

Merci pour votre aide.

Thais

Invité · 17/12/2013, 18h04

Oui.

**thais781** · 17/12/2013, 18h15

Merci ..... et ....... ?

Thais

Invité · 17/12/2013, 19h15

Tu poses la question :

Envoyé par thais781

Une idée ?

Je réponds :

Envoyé par jreaux62

Oui.

Quand tu poseras une "vraie" question,...

Ca devient vraiment pénible qu'on nous demande sans arrêt si on a des idées...

J'ai aussi une question : "comment fait-on pour tester ton erreur ?"
(si tant est qu'on puisse parler d'"erreur"...)

**Muchos** · 17/12/2013, 19h59

+1 jreaux62
De plus, le contexte de test n'est pas clair:

Ca marche bien sur firefox, mais pas sur tablette.

Enfin, vos valeurs list-style ne customisent rien puisque ce sont les propriétés par défaut.

**thais781** · 17/12/2013, 22h53

Bon Ok, ok

A la demande générale, un petit code de test.

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
17
<html>
 <head>
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <style type="text/css">
  	li 
  	{
  		margin-left: 20px;
  		list-style-type: disc;
  		list-style-position: outside;
  	}
  </style>
 </head>
 
 <body>
	<li>ljsdnkqscsqkjdk l kjnlkjnlk nk nkjnk jnkjnknknkj kjnjnnkjnkjnknkn kjnkjnkj qe qffefzfqqdqF ljsdnkqscsqkjdk l kjnlkjnlk nk nkjnk jnkjnknknkj kjnjnnkjnkjnknkn kjnkjnkj qe qffefzfqqdqF ljsdnkqscsqkjdk l kjnlkjnlk nk nkjnk jnkjnknknkj kjnjnnkjnkjnknkn kjnkjnkj qe qffefzfqqdqF ljsdnkqscsqkjdk l kjnlkjnlk nk nkjnk jnkjnknknkj kjnjnnkjnkjnknkn kjnkjnkj qe qffefzfqqdqF ljsdnkqscsqkjdk l kjnlkjnlk nk nkjnk jnkjnknknkj kjnjnnkjnkjnknkn kjnkjnkj qe qffefzfqqdqF ljsdnkqscsqkjdk l kjnlkjnlk nk nkjnk jnkjnknknkj kjnjnnkjnkjnknkn kjnkjnkj qe qffefzfqqdqF ljsdnkqscsqkjdk l kjnlkjnlk nk nkjnk jnkjnknknkj kjnjnnkjnkjnknkn kjnkjnkj qe qffefzfqqdqF ljsdnkqscsqkjdk l kjnlkjnlk nk nkjnk jnkjnknknkj kjnjnnkjnkjnknkn kjnkjnkj qe qffefzfqqdqF ljsdnkqscsqkjdk l kjnlkjnlk nk nkjnk jnkjnknknkj kjnjnnkjnkjnknkn kjnkjnkj qe qffefzfqqdqF ljsdnkqscsqkjdk l kjnlkjnlk nk nkjnk jnkjnknknkj kjnjnnkjnkjnknkn kjnkjnkj qe qffefzfqqdqF ljsdnkqscsqkjdk l kjnlkjnlk nk nkjnk jnkjnknknkj kjnjnnkjnkjnknkn kjnkjnkj qe qffefzfqqdqF ljsdnkqscsqkjdk l kjnlkjnlk nk nkjnk jnkjnknknkj kjnjnnkjnkjnknkn kjnkjnkj qe qffefzfqqdqF 
 </body>
</html>

La question est comment fait on pour avoir un alignement comme cela aussi bien sur pc (ca marche) que sur tablette (ca ne marche pas)

-> qlkqkfllkqjflkdflqklk
___mlkdmlfsmsfkmlskfm

et non pas (le bug!)
-> qlkqkfllkqjflkdflqklk
mlkdmlfsmsfkmlskfm

PS : -> représentant ma puce et les ___ des espaces blancs

c'est mieux les gars ?

Thais

**Candygirl** · 17/12/2013, 23h03

Envoyé par thais781

c'est mieux les gars ?

Cool, pas besoin de me pencher sur cette problématique; je ne suis pas concernée

Je n'ai quand même pas pu m'empêcher de noter l'absence d'un doctype ?

**thais781** · 17/12/2013, 23h13

Non, non, ne t'en va pas c'est si rare de trouver une copine dans ce monde .....

**Muchos** · 18/12/2013, 01h31

Envoyé par thais781

A la demande générale, un petit code de test.

Ce code…

Voilà une page valide avec une liste. Les puces sont "disc" et "outside" par défaut, et le texte démarre au même endroit quelque soit la ligne:

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
<!DOCTYPE html>
<html dir="ltr" lang="fr-FR">
<head>
 <meta charset="UTF-8" />
 <title>Liste</title>
</head>
<body>
<ul>
 <li>Jean-Jacques</li>
 <li>Jules et
  <br />Jim
 </li>
</ul>
</body>
</html>

**Bovino** · 18/12/2013, 08h14

Je n'ai quand même pas pu m'empêcher de noter l'absence d'un doctype ?

Mais tu aurais raté l'absence de <ul> ?

Ceci dit, je me délecte toujours des messages indiquant que les navigateurs sont trop nuls, que les tablettes ne respectent rien etc. mais pour qui il est hors de question de remettre son propre code en cause...
Bon, je suis méchant, c'est vrai qu'aucun validateur n'aurait pu détecter toutes les erreurs présentes dans le code !

Invité · 18/12/2013, 08h35

Le pauvre thais781 se fait tailler un costard sur mesure...

C'est sûr, quand il manque... la balise <ul>, ca peut faire mal.

**thais781** · 18/12/2013, 09h13

Bonjour,

Merci pour votre aide, ca marche mieux effectivement avec les UL ...

Merci pour le costard, j'aie pas l'habitude d'en mettre mais au moins j'en aurais un dans ma garde robe bien taillé

Merci encore pour votre aide.

Thais

**Bovino** · 18/12/2013, 09h36

Ben on va dire que les intervenants de cette discussion sont à l'image des navigateurs testés : certains sont souples, adaptatifs et permissifs, d'autres stricts, rigoureux et envoient bouler (ceci dit, il ne faut pas prendre mes remarques trop mal non plus...).

Compatibilité list-style-position outside sur tablette

CSS

Discussions similaires

Partager

Partager