Version imprimable
Bonjour,
Je souhaiterai présenter le corps des page de mon site internet de la façon suivante:
T I
I T
T I
..
les lettres correspondent à
T un texte,
I une image
Les images et les textes sont altérnés sans que les 2 lignes dans le schéma ne se chevauchent.
Je me pose la question si c'est interessant de créer un tableau avec dans chaque cellule soit le texte soit l'image ou s'il etait possible de faire ceci avec les CSS?
En vous remerciant.
Salut,
Selon moi, la meilleur solution est le tableau. C'est d'ailleurs exactement ce que tu veux, un tableau à 2 colonnes! Après définis 2 styles CSS que tu mettras dans les différentes cases de ton tableau ;)
Oui merci, c'est ce que je pense aussi. Le problème est que ce n'est pas très flexible si je souhaite changer par la suite...
C'est pour cela que je me pose la question des CSS, mais ce n'est pas très pratique à mettre en place... :(
Bonjour et bienvenue sur Developpez ;)
Le choix du tableau n'est pas approprié ici, tu dois faire flotter tes image à gauche puis à droite alternativement via la propriété float qui a été initialement prévu à cet effet.
Exemple:
Si l'image n'apporte aucune information ou n'est pas nécessaire à la compréhension du contenu, mette un alt vide alt="".Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
Oui c'est aussi ce que je pensais, mais j'ai passablement de mal à faire quelque chose de correct.
Une chose que je n'ai pas dit est que je souhaite mettre une petite légende en dessous des images. Pour cela, j'ai créé un <div> mais ce n'est pas correcte de le mettre dans <p>...
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
Non en effet les paragraphe ne peuvent contenir que des élément inline.
Donc je pencherais plutôt sur cette structure
Mais seulement si le texte ne descend pas au dessous de l'image.Code:
2
3
4
5
6
7
8
9
Ca marche, merci beaucoup!