Comment organiser correctement un message avec du texte et des images

[ALex66]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Autre
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour.
Dans le forum, je voudrais créer un message avec du texte et des images et organiser ses images et les textes d'une certaine façon. ( Voir le screen )
L' image représente ce que j' ai réussi à faire mais d' une façon vraiment excusez l' expression "dégueulasse".
J' utilise la balise HTML "& e m s p ;"" pour faire les espacements entre les textes et les images.
Le code devient à cause de cela indigeste et il faut a chaque fois que je teste pour être sur que cela correspond à mes attentes.
Je sais bien que je pourrais utiliser du CSS mais je ne m' y connais pas trop, de plus c' est juste pour la mise en page d' un seul sujet.
Je me demande donc s'il existe une méthode plus simple pour organiser mon message, que celle que j' utilise par manque de connaissance ou seul le CSS peut me permettre de faire du code propre.
Dans ce cas, est il possible de le faire juste pour mon sujet sans interférer avec le reste des autres messages du forum.

Merci par avance.

[R.P. Gryphus]

Bonjour!



Je ne crois pas que ce soit nécessaire de faire ça. Tout ce que ça accompli c'est embêter les gens et les forcer à commenter pour avoir accès à la source du problème avant même qu'ils puissent y avoir jeter un coup d'oeil au préalable.

EDIT : Pour après simplement se buter à un forum auquel on a pas accès et du coup on ne peut pas aller voir et étudier ton code.

[chattigre]

Bonjour ALex66,

Pourquoi ne pas tout simplement utiliser un tableau ?

4 colonnes, 2 lignes.

Code:

[table]
[tr align=center][td][b]Titre 1[/b]
Description blabla image 1[/td]
[td][b]Titre 2[/b][/td]
[td][b]Titre 3[/b]
Description blabla image 3[/td]
[td][b]Titre 4[/b]
Description blabla image 4[/td][/tr]
[tr align=center][td][img]adresseimage[/img][/td]
[td][img]adresseimage[/img][/td]
[td][img]adresseimage[/img][/td]
[td][img]adresseimage[/img][/td][/tr]
[/table]

Sinon, merci de fournir le code actuel effectivement

Bonne journée
Cordialement

[R.P. Gryphus]

Sinon il y a aussi l'option - bon il en a plein avec du code après tout - de créer un conteneur principal et placer ses images dans des conteneurs secondaires et individuels. Ça lui donnerait beaucoup plus de liberté pour styler sa publication/mise en forme au bout du compte.

Code:

<div class="gallery"><!--
--><div class="pictures"><img src="link"/></div><!--
--><div class="pictures"><img src="link"/></div><!--
--><div class="pictures"><img src="link"/></div><!--
--><div class="pictures"><img src="link"/></div><!--
--></div>

Code:

.gallery {
  width: 100%;
  text-align: center;
}

.pictures {
  display: inline-block;
  padding : 5px 10px;
  width: 200px; /*Largeur des images*/
  height: 400px; /*Hauteur des images*/
}

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[ALex66]

Bonjour.
Désolé de ne vous répondre que maintenant mais j' étais en déplacement.

Bonjour!



Je ne crois pas que ce soit nécessaire de faire ça. Tout ce que ça accompli c'est embêter les gens et les forcer à commenter pour avoir accès à la source du problème avant même qu'ils puissent y avoir jeter un coup d'oeil au préalable.

EDIT : Pour après simplement se buter à un forum auquel on a pas accès et du coup on ne peut pas aller voir et étudier ton code.

Je ne comprends pas votre phrase.
De mon coté, pour mon forum, c' est juste un forum pour les membres de mon club.
Le Président de l' Asso ne veut pas pour l' instant que d' autres personnes puisse se connecter dessus, tans que le forum ne sera pas complétement réalisé.

Toutes fois, merci à vous pour m' avoir donné des idées de code pour améliorer mon post sur le forum.
Je vais tenter toutes vos méthodes et voir celle qui me convient le mieux.

Je met mon message en "Résolu".

Cordialement.