Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1275 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Héritage de taille em (CSS).

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Héritage de taille em (CSS).

n°1205258
Beral2
Posté le 22-09-2005 à 16:38:05  profilanswer
 

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.
 

mood
Publicité
Posté le 22-09-2005 à 16:38:05  profilanswer
 

n°1205265
gatsusat
Posté le 22-09-2005 à 16:42:44  profilanswer
 

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}

n°1205272
Beral2
Posté le 22-09-2005 à 16:49:07  profilanswer
 

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é.

n°1205273
gatsusat
Posté le 22-09-2005 à 16:50:22  profilanswer
 

ben CM
normalement le pt ca devrai passer non ?

n°1205276
Beral2
Posté le 22-09-2005 à 16:51:45  profilanswer
 

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
n°1205278
gatsusat
Posté le 22-09-2005 à 16:52:51  profilanswer
 

nan autant pour moi me suis planted

n°1205280
gatsusat
Posté le 22-09-2005 à 16:53:16  profilanswer
 
n°1205281
gatsusat
Posté le 22-09-2005 à 16:54:00  profilanswer
 

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é

n°1205295
Beral2
Posté le 22-09-2005 à 17:00:42  profilanswer
 

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.

n°1205300
afbilou
pouet your life
Posté le 22-09-2005 à 17:02:11  profilanswer
 

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

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

mood
Publicité
Posté le 22-09-2005 à 17:02:11  profilanswer
 

n°1205304
Beral2
Posté le 22-09-2005 à 17:05:31  profilanswer
 

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

n°1205305
gatsusat
Posté le 22-09-2005 à 17:05:32  profilanswer
 

:jap:  :jap:  :jap:


Message édité par gatsusat le 22-09-2005 à 17:05:47
n°1205317
afbilou
pouet your life
Posté le 22-09-2005 à 17:08:33  profilanswer
 

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

n°1205318
omega2
Posté le 22-09-2005 à 17:08:37  profilanswer
 

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

n°1205323
afbilou
pouet your life
Posté le 22-09-2005 à 17:10:49  profilanswer
 

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

n°1205330
Beral2
Posté le 22-09-2005 à 17:15:31  profilanswer
 

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.

n°1205332
masklinn
í dag viðrar vel til loftárása
Posté le 22-09-2005 à 17:16:26  profilanswer
 

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
n°1205336
omega2
Posté le 22-09-2005 à 17:18:39  profilanswer
 

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

n°1205345
masklinn
í dag viðrar vel til loftárása
Posté le 22-09-2005 à 17:22:22  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Héritage de taille em (CSS).

 

Sujets relatifs
[VBS]Problème de taille d'un fichier non mis à jour...[EDIT]CSS : problème de border
taille d'une image apres mis en vigentte !Pas vraiment HTML/CSS/Javascript mais...
PHP $_POST taille[CSS] validité w3c
[CSS] Adieu tableau, à moi la puissance du css [MAJ]pbm taille de div imbriqués, oveflow, height 100%
Decalage classique en CSSMenu (CSS + php/javascript)
Plus de sujets relatifs à : Héritage de taille em (CSS).


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR