Héritage de taille em (CSS).

Héritage de taille em (CSS). - HTML/CSS - Programmation

Marsh Posté le 22-09-2005 à 16:38:05    

Bonjour tout le monde,
 
Je défini une taille de caractère dans mes ul en em (0.76em par exemple). Mais comme de temps en temps j'ai des "ul d'ul", je me retrouve avec une taille qui diminue jusqu'à devenir illisible dès le second niveau (0.76x0.76=0.5776).
Dois-je, pour éviter cela, nécessairement utiliser une taille absolue (px) ?
Petite question annexe, ma "font-size", est-il plus correct de la mettre sur l'ul ou sur le li ?
 
Même problème avec mes margin (d'ul), je mets un margin-top négatif pour que ma liste soit moins "loin" de mon texte mais en cas "d'ul d'ul", les 2 margins s'ajoutent jusqu'à se superposer à mon texte...
 
Merci.
 

Reply

Marsh Posté le 22-09-2005 à 16:38:05   

Reply

Marsh Posté le 22-09-2005 à 16:42:44    

défini une taille en Point (pt)
le em est une taille qui se base sur la taille police de l'élément père, donc si tu mets 0.76, à la fin ca te fait 0.76x0.76x076 et donc pas grand chose.
 
Pour te le montrer fait ceci :  
 
<p>Toto taille 10px <span>texte double taille 20px</span><b>taille double 2em = 20px</b></p>
 
et en CSS
 
P { font-size:10px;}
P SPAN {font-size : 20px}
P B {font-size : 2em}

Reply

Marsh Posté le 22-09-2005 à 16:49:07    

Oui mais j'aurais bien aimé éviter les pt/px : avec CTRL++ sur Firefox et CTRL molette souris sur IE, le texte ainsi défini (en absolu donc) ne se redimensionne pas : perte d'accessibilité.

Reply

Marsh Posté le 22-09-2005 à 16:50:22    

ben CM
normalement le pt ca devrai passer non ?

Reply

Marsh Posté le 22-09-2005 à 16:51:45    

Nop, en tout cas pas sous IE (c'est pour un intranet sous IE).
 
EDIT peut-être faire une classe "petite-ul" ;) qui "remonte la taille" en spécifiant 1em...


Message édité par Beral2 le 22-09-2005 à 16:53:17
Reply

Marsh Posté le 22-09-2005 à 16:52:51    

nan autant pour moi me suis planted

Reply

Marsh Posté le 22-09-2005 à 16:53:16    

Reply

Marsh Posté le 22-09-2005 à 16:54:00    

ben perso si c'est pour un intranet, je pense ke les gens qui iront dessus ils s'en contre foutent des normes et de l'accessibilité

Reply

Marsh Posté le 22-09-2005 à 17:00:42    

En fait, j'ai créé une classe ul.petite_ul (c'est un peu bâtard mais...) qui respécifie 1em et met mon margin-top à 0, les 2 problèmes sont rêglés.
 
Merci à toi.

Reply

Marsh Posté le 22-09-2005 à 17:02:11    

........... :|

Code :
  1. ul { 0.76 em; }
  2. ul ul { 1 em; }

Reply

Marsh Posté le 22-09-2005 à 17:02:11   

Reply

Marsh Posté le 22-09-2005 à 17:05:31    

Wao afbilou, je n'connaissais pas, ça marche nickel, pas besoin de classe supplémentaire. C'est valide c'truc là ;) ?
 
Merci.

Reply

Marsh Posté le 22-09-2005 à 17:05:32    

:jap:  :jap:  :jap:


Message édité par gatsusat le 22-09-2005 à 17:05:47
Reply

Marsh Posté le 22-09-2005 à 17:08:33    

Va falloir apprendre les selecteurs CSS alors :)
C'est utile quand on utilise les css :p

Reply

Marsh Posté le 22-09-2005 à 17:08:37    

Beral2 > Oui, le systéme de afbilou est valide css. Ca veut juste dire les ul dans un ul. :)

Reply

Marsh Posté le 22-09-2005 à 17:10:49    

Un truc ke j'avais fait pour voir la prise en charge de certains selecteurs suivants les navigateurs : http://afbilou.free.fr/tmp/selector.html
J'ai jamais fini mais bon ... y a une liste deja bien utile

Reply

Marsh Posté le 22-09-2005 à 17:15:31    

Je "bookmark".
Sinks tout le monde, content d'avoir appris un bon p'tit truc.
 
Je suis tout jouasse, j'viens d'me faire un petit li de li :)
 
Et faut que j'apprenne les sélecteurs, c'est noté aussi.

Reply

Marsh Posté le 22-09-2005 à 17:16:26    

afbilou a écrit :

Un truc ke j'avais fait pour voir la prise en charge de certains selecteurs suivants les navigateurs : http://afbilou.free.fr/tmp/selector.html
J'ai jamais fini mais bon ... y a une liste deja bien utile


http://www.quirksmode.org/?/css/contents.html


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 22-09-2005 à 17:18:39    

pratique cette page.
On y voit bien qu'IE6 est en retard par rapport a firefox.

Reply

Marsh Posté le 22-09-2005 à 17:22:22    

Oui enfin ça personne en a jamais douté [:petrus75]
 
edit: encore plus mieux, plus puissant, plus détaillé et plus précis: http://nanobox.chipx86.com/browser_support.php


Message édité par masklinn le 22-09-2005 à 17:24:18

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed