Suivez les fils RSS
 
Auteur
Piteur511
# 20 Mar 2010 - 20:48:36
Citer
62 Posts
Bonjour.

En page http://www.alsacreations.com/tuto/lire/610-Mise-en-page-CSS-avancee-grace-a-la-propriete-display.html, je trouve la codification suivante :

p {display:table-cell; width:130px; padding:10px}

:first-child {text-align:right}
:first-child + p {text-align:justify}
p+p+p {vertical-align:bottom}


Je ne comprends pas du tout les trois dernières lignes.

Et je n'ai pas réussi à trouver une explication...

Merci de m'éclairer, au besoin en me renvoyant vers une page où serait déjà l'explication...

^
fvsch
# 20 Mar 2010 - 21:01:55
Citer
Administrateur
19942 Posts
Bonjour,

La référence, en anglais:
http://www.w3.org/TR/CSS2/selector.html (avec tableau récapitulatif)

Un article en français:
http://www.floatthatbox.com/articles/selecteurs-css-21-partie-1.php (avec, tiens donc, un tableau récapitulatif)

http://fvsch.com 
^
gc-nomade
# 20 Mar 2010 - 21:07:31
Citer
gcyrillus en mode portable
790 Posts
Il s'agit de selecteur CSS .

:first-child correspond au premier element enfant d'un conteneur
:first-child + p , correspond au premier paragraph suivant le premier element de son conteneur .

p +p + p , selectionne tous les paragraphes preceder de deux paragraphes .


Pour le premier , la regle sera appliqué si l'element n'est pas formaté comme un element de type inline.

GC
<edit display="grillé" />
Modifié par gc-nomade (20 Mar 2010 - 21:09)

GC rien , mais GC encore ... et ça marche via la V.A.E. je passe d'un B.E.P. a un B.T.S. ... ce qui apparemment ne flatte que mon ego !?
Je vois le monde de ma porte, pas vous ?

http://yidille.free.fr/plux/valign 
^
Piteur511
# 20 Mar 2010 - 22:48:32
Citer
62 Posts
Merci à tous les deux, Florent et GC-Nomade !

Je ne mourrai pas trop idiot (et en plus, ça peut m'être utile un de ces 4) ! cligne

^
fvsch
# 20 Mar 2010 - 22:54:12
Citer
Administrateur
19942 Posts
Vu que les sélecteurs CSS 2.1 sont implémentés dans tous les navigateurs à l'exception de Papy IE6, il devient urgent pour les intégrateurs web de maitriser ces sélecteurs.

http://fvsch.com 
^