Version imprimable
Bonjour,
Je nage....
Je ne comprends pas ce qu'y ne va pas, j'ai beau faire et refaire, je m'y perd.
Je souhaite mettre un texte dans un cadre, mais je veux que celui-ci soit extensible en fonction du contenu.
Les exemples valent mieux que les paroles :
Tout est là
Je n'arrive pas à caler mes images avec les textes et garder mon corps extensible.
Ne vous fiez pas trop à mon contenu html et css, ils ont été modifié x fois mais sans trouver la solution.
Merci
Bonjour,
rasurres moi tu sais nager au moins :lol:Citation:
Je nage....
bon départ de faire la planche :lol:Citation:
Je n'arrive pas à caler mes images avec les textes et garder mon corps extensible.
:calim2: la par contre cela se gatte.Citation:
Ne vous fiez pas trop à mon contenu html et css, ils ont été modifié x fois mais sans trouver la solution.
Bon trêves de plaisanterie
un fichier HTML, qu'il soit de test ou non, DOIT avoir une structure correcte ce qui n'est pas le cas dans ce que je viens de voir.
avec :
- un DOCTYPE
- un body
...c'est simplement mieux, d'autre écriture sont permises
Du coté de la constructionCode:
2
3
4
5
6
7
8
9
10
11
concernant la DIV top :
...si tu mets une balise H1 dans une DIV il te faut mettre le margin de H1 à 0 ou alors augmenter la hauteur de la background-image, mais tu peux transferer le style de H1 dans la DIV, dans ce cas il te faut également préciser la position verticale du background.
Code:
2
3
4
5
6
7
8
9
10
11
concernant la DIV bottom :
...il te faut préciser une hauteur qui correspond à la hauteur de l'image du background, ici 28px et/ou mettre la position verticale de celle ci à bottom
Code:
2
3
4
5
6
7
concernant la DIV center :
...No problème !
Au final on obtiens un fichier qui ressemble à
Code:
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
Oh merci grand NoSmoking !
Que serais-je devenu sans toi.
Je sais nager, mais la fatigue aidant, j'aurais fini par me noyer.
En fait, mes plus gros soucis (en résumant) :
Hauteur des images
Positions bg_top et bg_bottom.
Quel sot je suis!
Comme si je ne le savais pas...
A la fois, c'est la première fois que je fais su css sur un fond extensible...
Merci encore.
J'y pense, serait-il pas mieux de faire une div générale ou j'intègre le tout dedans afin de pouvoir tout déplacer en une fois ou de placer mon texte ou bon me semble en fonction de l'image à venir.
Texte à gauche, image à droite ou inversement...
Mais là, tout part en vrac
En gros, comme ici et pareil pour le texte.Code:
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
http://eillon.free.fr/forumdeveloppe...le_accueil.png
le plus simple serait de mettre une TABLE, aisance et compatibilité assurée, mais on peut également le faire avec des DIV, plus dans l'air du temps ;), dont on aura pris soin de mettre le display en inline-block et qui feront environ la moitié de la DIV center.
de plus
- on placera celles de gauche en float:left
- on laissera celles de droite libre.
la déclaration CSS est donc pour toutes les DIV de la DIV center
pour les DIV de gauche il suffit de faireCode:
2
3
4
5
6
la construction de la page devient doncCode:
2
3
il est à noter que l'on DOIT IMPERATIVEMENT finir par une DIV droite, même vide, pour forcer la DIV center à s'étirer.Code:
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
Le dernier point concerne la DIV cadre, avec la déclaration CSS suivante elle s'auto centrera
Code:
2
3
4
Je pense qu'il existe d'autre méthode pour y arriver, mais quand on se noie on ne regarde pas la terre qui nous accueille, on se restaure puis on la cultive pour survivre! (*)
(*)mon dieu! il faut que je me repose