Problème avec tableau. Position de l'un de deux div chacun dans une colonne pas de la même hauteur.

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

Résolu Problème avec tableau. Position de l'un de deux div chacun dans une colonne pas de la même hauteur.

Message par Natsumi-La-Baka le Mar 11 Aoû 2015 - 15:22

Détails techniques


Version du forum : phpBB2
Poste occupé : Membre
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum :

Description du problème

Bonjour. J'ai un petit problème. J'aimerais que la position de la petite case qui est encerclée dans la capture d'écran soit en haut. Mais je ne veux pas utiliser le "margin". Est-ce qu'il y a une autre solution?
Voilà le code:
Code:
<center><table><td><div style="width: 150px; height: 150px; border: 3px solid #ffffff; background: #ffffff; text-align: center; color: #000000;">
<img src="http://placehold.it/100x100" />
Titre</div></td><td><div style="width: 600px; background:#ffffff; color: #000000;"><blockquote>
Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte

</blockquote></div></td></table></center>
Merci


Dernière édition par Natsumi-La-Baka le Mar 18 Aoû 2015 - 16:30, édité 1 fois

Natsumi-La-Baka
Nouveau membre

Féminin
Messages : 27
Inscrit(e) le : 25/10/2013

http://rpg-naruto.forumgratuit.fr/
Natsumi-La-Baka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec tableau. Position de l'un de deux div chacun dans une colonne pas de la même hauteur.

Message par R-max le Mar 11 Aoû 2015 - 22:46

bonsoir ,remplacé votre code par celui ci >>>

Code:
<center><table><tr><td align="center"><div style="width: 150px; height: 150px; border: 3pxsolid #ffffff; background: #ffffff; text-align: center; color: #000000;">
<img src="http://placehold.it/100x100" />
Titre</div>
</td></tr><tr><td>
<div style="width: 600px; background:#ffffff; color:#000000;"><blockquote>
Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte
 
</blockquote></div></td></table></center>

bonne soirée .


Dernière édition par R-max le Mar 11 Aoû 2015 - 22:49, édité 1 fois (Raison : petite modif ..)

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

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

Résolu Re: Problème avec tableau. Position de l'un de deux div chacun dans une colonne pas de la même hauteur.

Message par Natsumi-La-Baka le Dim 16 Aoû 2015 - 17:14

Bonjour.
Je crois que vous m'avez mal compris. Je veux que les deux cases soient côtes à côtes mais la position de la petite case soit un peu plus vers le haut... Je n'ai jamais été bonne avec les explications.
Merci quand même.

Natsumi-La-Baka
Nouveau membre

Féminin
Messages : 27
Inscrit(e) le : 25/10/2013

http://rpg-naruto.forumgratuit.fr/
Natsumi-La-Baka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec tableau. Position de l'un de deux div chacun dans une colonne pas de la même hauteur.

Message par R-max le Dim 16 Aoû 2015 - 18:34

bonjour ,
autant pour moi je n'avait pas saisie votre demande .
autre solution alors ,

sans margin avec rajout d'un valign top dans le td , mais la il est tous en haut sans pouvoir le déplacé un peut plus bas
Code:
<center><table><tr><td valign="top"><div style="width: 150px; height: 150px; border: 3px solid #ffffff; background: #ffffff; text-align: center; color: #000000;">
<img src="http://placehold.it/100x100" />
Titre</div></td><td valign="top"><div style="width: 600px; background:#ffffff; color: #000000;"><blockquote>
Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte

</blockquote></div></td></tr></table></center>

ou alors avec un margin dans la div ,pour pouvoir déplacé le cadre
Code:
<center><table><tr><td><div style="width: 150px; height:150px;margin-bottom:90px; border: 3px solid #ffffff; background: #ffffff; text-align: center; color: #000000;">
<img src="http://placehold.it/100x100" />
Titre</div></td><td><table><tr><td><div style="width: 600px; background:#ffffff; color: #000000;"><blockquote>
Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte

</blockquote></div></td></table></center>

pourquoi ne pas vouloir de margin ??

je n'est pas d'autres solution a apporté désoler , je passe mon tour Very Happy

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

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

Résolu Re: Problème avec tableau. Position de l'un de deux div chacun dans une colonne pas de la même hauteur.

Message par Natsumi-La-Baka le Mar 18 Aoû 2015 - 16:18

Bonjour,
Merci pour ces deux solutions, la première me va ^^
Sinon, je veux juste tout simplement trouver un nouveau moyen pour régler ce genre de problème avec autre chose que le margin Wink
Je mets comme résolu.
Encore merci.

Natsumi-La-Baka
Nouveau membre

Féminin
Messages : 27
Inscrit(e) le : 25/10/2013

http://rpg-naruto.forumgratuit.fr/
Natsumi-La-Baka 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