poster 3 images et mettre une description dessous sur chacune

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu poster 3 images et mettre une description dessous sur chacune

Message par lapinbleu2 le Mar 30 Déc 2014 - 12:39

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://votreforumjardinage.forumactif.org/

Description du problème

bonjour à tous !!
je souhaiterais poster dans un sujet de mon forum 3 images cote à cote comme ceci :

            

ensuite je souhaiterais mettre des inscriptions sur chacune des images, mais quand je valide mon sujet, les inscriptions ne sont pas du tout cadrées sous chacune des images.. comment puis je faire ?
bonne aprem à tous !!


Dernière édition par lapinbleu2 le Lun 5 Jan 2015 - 14:29, édité 1 fois

lapinbleu2
****

Masculin
Messages : 383
Inscrit(e) le : 26/12/2010

http://l-echodeszaminautes.forumactif.org/
lapinbleu2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: poster 3 images et mettre une description dessous sur chacune

Message par Neptunia le Mar 30 Déc 2014 - 14:04

Bonjour ^^

Il suffit de faire un tableau

description1 description2 description3

Tuto Apprendre à faire un tableau

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: poster 3 images et mettre une description dessous sur chacune

Message par lapinbleu2 le Mar 30 Déc 2014 - 14:31

merci pour le tutoriel..
mais si je comprends bien, entre les différentes balises où il y a 
marqué contenue A, je dois y mettre à la place, le code de mon 
image ?  c'est bien ça ?

lapinbleu2
****

Masculin
Messages : 383
Inscrit(e) le : 26/12/2010

http://l-echodeszaminautes.forumactif.org/
lapinbleu2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: poster 3 images et mettre une description dessous sur chacune

Message par Neptunia le Mar 30 Déc 2014 - 14:42

Oui c'est bien ça

Sur la premiere ligne (tr) vous mettez vos images en bbcode comme sur mon message ou bien en HTML. Et sur la deuxième ligne c'est du texte pur.

Pour vous donner une idée, il suffit de citer mon message pour voir le code dans la fenêtre d'édition.

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: poster 3 images et mettre une description dessous sur chacune

Message par lapinbleu2 le Mar 30 Déc 2014 - 15:00

je connais les codes avec un hébergeur mais en BbCode ou html comment tu fais stp ?
tu me parles de première ligne pour les images et de deuxième ligne pour le texte..
avec cet exemple que tu m'as laissé comment je dois faire concrètement ? où est la 1ère ligne 
et où est la 2ème ? pour moi, je n'ai qu'une ligne devant les yeux..
celle ci :

[list=linenums]
[*]<table><tr><td></td><td></td></tr><tr><td></td><td></td></tr></table>
[/list]

lapinbleu2
****

Masculin
Messages : 383
Inscrit(e) le : 26/12/2010

http://l-echodeszaminautes.forumactif.org/
lapinbleu2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: poster 3 images et mettre une description dessous sur chacune

Message par Neptunia le Mar 30 Déc 2014 - 15:29

Une ligne = <tr> ... </tr> avec un r comme row (ligne en anglais) puisqu'ici il est question de tableau donc lignes (tr) et colonnes. Une intersection entre une ligne et une colonne constituant une cellule (td)

Pour afficher une image :
BBcode
Code:
[img]lien_direct_de_l'image[/img]
HTML
Code:
<img src="http://lien_direct_de_l'image" title="texte_apparaissant_au_survol">
L'attribut title est facultatif

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: poster 3 images et mettre une description dessous sur chacune

Message par lapinbleu2 le Mar 30 Déc 2014 - 17:44

il faut que je me serve je suppose de la balise insérer un tableau au dessus de la fenêtre de réponse rapide..
j'ai cliqué dessus mais je vois pas comment l'utiliser..
j'ai ceci quand j'ai cliqué dessus 
Border:

Lignes
Colonnes

lapinbleu2
****

Masculin
Messages : 383
Inscrit(e) le : 26/12/2010

http://l-echodeszaminautes.forumactif.org/
lapinbleu2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: poster 3 images et mettre une description dessous sur chacune

Message par lapinbleu2 le Mar 30 Déc 2014 - 17:45

zut, ça m'a pas tout pris le copié collé..

lapinbleu2
****

Masculin
Messages : 383
Inscrit(e) le : 26/12/2010

http://l-echodeszaminautes.forumactif.org/
lapinbleu2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: poster 3 images et mettre une description dessous sur chacune

Message par lapinbleu2 le Mar 30 Déc 2014 - 17:48

je te le remets.. j'ai fait une capture d'écran..


lapinbleu2
****

Masculin
Messages : 383
Inscrit(e) le : 26/12/2010

http://l-echodeszaminautes.forumactif.org/
lapinbleu2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: poster 3 images et mettre une description dessous sur chacune

Message par Neptunia le Mer 31 Déc 2014 - 12:02

Une ligne pour les images, une autre pour les descriptions.

Bah les colonnes sautent aux yeux, vous en avez trois.
Le border je suppose que c'est l'épaisseur des contours de cellule. Mais je n'ai jamais utilisé les boutons de l"éditeur pour faire un tableau donc c'est une supposition.

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: poster 3 images et mettre une description dessous sur chacune

Message par lapinbleu2 le Sam 3 Jan 2015 - 16:19

bonsoir..
excuse moi pour le retard.. j'étais passablement occupé..
mais concrètement je ne vois pas comment procéder..
mon idée serait :
dans la colonne lignes, je mets du texte ? c'est bien ça ?
et pour l'image, je mets dans la colonne colonne ?

lapinbleu2
****

Masculin
Messages : 383
Inscrit(e) le : 26/12/2010

http://l-echodeszaminautes.forumactif.org/
lapinbleu2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: poster 3 images et mettre une description dessous sur chacune

Message par Neptunia le Sam 3 Jan 2015 - 19:03

Image Image Image
Texte Texte Texte

Pour moi ça fait deux lignes avec 3 colonnes chacune. Je vois pas ce que vous appelez la colonne lignes et la colonne Colonnes

Une ligne est horizontale (de gauche a droite ou l'inverse)
Une colonne est une colonne et est verticale (de haut en bas ou de bas en haut)

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: poster 3 images et mettre une description dessous sur chacune

Message par lapinbleu2 le Sam 3 Jan 2015 - 21:22

ce que je n'arrive pas à comprendre c'est où je colle un lien pour une  image et où je peux mettre du texte..

lapinbleu2
****

Masculin
Messages : 383
Inscrit(e) le : 26/12/2010

http://l-echodeszaminautes.forumactif.org/
lapinbleu2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: poster 3 images et mettre une description dessous sur chacune

Message par Scoubifitz le Sam 3 Jan 2015 - 21:32

@lapinbleu2 a écrit:je te le remets.. j'ai fait une capture d'écran..



mais concrètement je ne vois pas comment procéder..
mon idée serait :
dans la colonne lignes, je mets du texte ? c'est bien ça ?
et pour l'image, je mets dans la colonne colonne ?

bonsoir,

La colonne "lignes" et la colonne "colonnes" sont faites pour y mettre des nombres ...
... et uniquement des nombres .
Le nombre des lignes et de colonnes dont vous aurez besoin pour votre tableau .

La colonne "border" (bordure) sert à indiquer le nombre de pixels d'épaisseur de la bordure du tableau .

Si vous mettez 0 (zéro) dans la colonne "border" , il n'y aura pas de bordure apparente ...

Ceci étant éclairci , faites le test suivant :

Border : 0
Lignes : 2
Colonnes : 3
clic sur "insérer"

Vous devriez voir ceci dans l'éditeur :

   
 
En cliquant sur la première case vous pourrez y mettre une image , et sur la case en-dessous le texte :

Very Happy   
rire
Une fois tout rempli , surlignez et centrez , vérifiez en prévisualisant . Vous devriez voir ceci :


Very Happy Shocked Question
rire- choc - ???

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: poster 3 images et mettre une description dessous sur chacune

Message par Neptunia le Sam 3 Jan 2015 - 21:34

Le code d'un tableau est composé de tr (table row, ou rangées donc des lignes) et de td qui consituent les cellules du tableau.

Vu que votre tableau a deux lignes vous placez les 3 images sur une ligne (chacune dans son td) et les 3 textes sur la ligne qui reste.

Neptune- a écrit:Oui c'est bien ça

Sur la premiere ligne (tr) vous mettez vos images en bbcode comme sur mon message ou bien en HTML. Et sur la deuxième ligne c'est du texte pur.

Pour vous donner une idée, il suffit de citer mon message pour voir le code dans la fenêtre d'édition.

Comme j'ai déjà fait une réponse complète là-dessus, que cette réponse est rédigée en français sans la moindre faute d'orthographe, en ce qui me concerne, ce message sera mon dernier sur ce sujet.

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: poster 3 images et mettre une description dessous sur chacune

Message par lapinbleu2 le Lun 5 Jan 2015 - 14:28

ok, expliqué comme ça j'ai compris de suite..
ici j'ai pas vu la balise insérer un tableau comme
sur mon forum..
j'ai fait un copié collé de ce que j'ai fait sur mon forum..


                                      les salades


c'est vraiment le top.. quand on sait, c'est un vrai jeu d'enfant
merci beaucoup  Scoubifitz 
bonne aprem !!

lapinbleu2
****

Masculin
Messages : 383
Inscrit(e) le : 26/12/2010

http://l-echodeszaminautes.forumactif.org/
lapinbleu2 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum