Bonjour,
Je suis actuellement bloqué sur quelque chose qui ne m'étais jamais arriver. Je n'arrive pas à mettre une taille à un bloc de texte .
Si vous pouviez regarder mon code et me dire si vous voyez quelque chose qui cloche, ça serait vraiment cool, car là j'ai tout essayer mais sans succès.
Merci à vous.
Mon fichier .html :
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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41 <article role="scrollPortrait"> <ul> <li id="teaser"> <div> <h3 class="titre_section">TEASER</h3> </div> <div id="video_couple"> <iframe width="100%" height="650px" src="<?php echo $portrait['video'] ;?>" frameborder="0" allowfullscreen></iframe> </div> </li> <li id="interview"> <div> <h3 class="titre_section">INTERVIEW</h3> </div> <div id="question_reponse"> <p> Comme tous les éléments de type inline ou de contenu textuel, les objets munis de la déclaration display: inline-block respectent la règle des caractères blancs (whitespace), cest-à-dire que nimporte quel caractère HTML espaçant deux éléments va immanquablement apparaître entre leurs deux boîtes. Chaque caractère «espace», «tabulation», «nouvelle ligne», «retour chariot» ou «nouvelle page» peut tenir lieu de white-space et séparer les blocs visuellement. </p> </div> </li> <li id="photo_couple"> <div> <h3 class="titre_section">PHOTO</h3> </div> <figure> </figure> </li> <li id="scene_interactive"> <div> <h3 class="titre_section">SCENE INTERACTIVE</h3> </div> <figure> </figure> </li> </ul> </article>
et mon fichier .css
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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67 /* Partie scroll horizontal */ article[role = scrollPortrait]{ /*background-color:gray;*/ width:90%; height:700px; overflow-x:scroll; overflow-y:hidden; margin:auto; margin-top:6%; } article[role = scrollPortrait] ul{ float: left; margin-right: -999em; white-space: nowrap; list-style: none; } article[role = scrollPortrait] li { display: inline-block; vertical-align:top; margin-right:40px; } article[role = scrollPortrait] li:last-child { margin-right:40px; } .titre_section{ border-left: 1px solid #919191; font-size: 25px; font-weight: bold; font-style: italic; padding-left: 10px; color:#919191; } /* partie video teaser */ #teaser{ /*background-color:red;*/ width:1157px; height:95%; } #video_couple{ margin-top:10px; background-color:#333333; width:100%; height:650px; } /* partie video interview */ #interview{ width:1280px; height:95%; /*background-color:red;*/ } #interview #question_reponse{ margin-top:10px; background-color:#333333; width:100%; height:650px; } #interview #question_reponse p{ width : 100px; }
Partager