These are chat archives for WildCodeSchool/faq_candidats

12th
Jul 2018
Mohamed Ahmed Abdoulaye
@AbdoulayeMoha2_twitter
Jul 12 2018 00:05
svp ou es ce que je peux voire ce button challenge ?
Caroline Mathieu
@KaroLittleOne_twitter
Jul 12 2018 11:02
Bonjour. J'avance bien dans la création du wild circus. MAIS je ne parviens pas à mettre les 3 performances à la même hauteur. Elles sont bien en ligne sans les points. Auriez-vous un petit conseil?
VivienPou
@vivienpou
Jul 12 2018 12:06
@KaroLittleOne_twitter Bonjour. Sans voir ton code, c'est pas facile de savoir où t'en es. T'as essayé d'appliquer du CSS sur ta liste de 3? Moi par exemple j'ai: .subtitles{ /Under titles Laugh Dream Marvel at/
position:relative;
top:350px;
Caroline Mathieu
@KaroLittleOne_twitter
Jul 12 2018 13:04

body section ul {
list-style-type: none;
font-size: 0;
}

body section ul li{
display: inline-block;
width: calc(100% / 3);
font-size: 14px;

Merci vivienpou @vivienpou
VivienPou
@vivienpou
Jul 12 2018 13:31
@KaroLittleOne_twitter C'est réglé ton affaire?
Caroline Mathieu
@KaroLittleOne_twitter
Jul 12 2018 14:33
@vivienpou . Non absolument pas!
Les paragraphes (qui n'en sont pas on est d'accord) sont alignés sur le bottom. De plus l'écart entre les deux premiers paragraphes n'est pas le même qu'entre le deuxième et le troisième.
VivienPou
@vivienpou
Jul 12 2018 14:45
@KaroLittleOne_twitter , pour les textes type paragraphe, si tu mets la hauteur et largeur en auto par rapport au texte dedans, tu peux avoir un décalage de hauteur. Et pour celà tu dois mettre une hauteur fixe
Caroline Mathieu
@KaroLittleOne_twitter
Jul 12 2018 14:54

Je fais des essais, et je n'ai rien de satisfaisant. Voici mon code en css body section ul {
list-style-type: none;
font-size: 0;

}

body section ul li{
display: inline-block;
width: calc(100% / 3);

font-size: 13px;
position: relative;

Si je mets une propriété height (assortie d'une valeur), cela ne modifie pas la disposition du texte
VivienPou
@vivienpou
Jul 12 2018 15:08
@KaroLittleOne_twitter Dans mon CSS, j'ai pas mis de paramètre de hauteur pour ul et li, par contre j'ai crée une classe en html qui englobe chaque li(le sous titre et son pargraphe) de ma liste, et c'est à cette classe que je mets un paramètre de hauteur. Je sais pas si ca va t'aider, mais rien ne te coute d'essayer ;-)
Emilie Huet
@elena-sam
Jul 12 2018 22:44
@KaroLittleOne_twitter j'arrive peut être un peu tard mais un vertical-align: top devrait aider.
cf la première réponse à cette question. pour l'explication (l'alignement vertical est défini sur "baseline" par défaut : https://stackoverflow.com/questions/22092724/align-inline-block-divs-to-top-of-container-element
(dsl pour la ponctu un peu foireuse de ma phrase...)