Problème de tableau.

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

Résolu Problème de tableau.

Message par Kyou le Jeu 17 Mai 2012 - 21:12

Bonsoir à vous, j'ai un petit soucie avec mon tableau, quand j'ai voulu centrer un texte, il ne l'a pas fait. J'ai beau essayer avec text-align et align, ou tout ce qui s'en suit, mais rien n'y fait le texte reste aligner sur le coté. Le code que j'utilise c'est celui-ci :
Code:
<div class="titre">Prénom + Nom</div>
<TABLE><Td> <img src="http://www.moviegoods.com/Assets/product_images/1010/348739.1010.A.jpg" class="avatar"></Td><Td><div class="petit1" style="text-align:center">Information</div></Td></TABLE>

Si vous avez besoin d'autre chose dites le moi Smile
merci beaucoup.


Dernière édition par Kyou le Jeu 17 Mai 2012 - 22:24, édité 1 fois

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de tableau.

Message par Scoubifitz le Jeu 17 Mai 2012 - 21:28

bonsoir,

quelle partie de votre code ne se centre pas ? que voulez vous centrer ?

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: Problème de tableau.

Message par Kyou le Jeu 17 Mai 2012 - 21:33

Code:
<div class="petit1" style="text-align:center">Information</div>
Cette partie là o:

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de tableau.

Message par Scoubifitz le Jeu 17 Mai 2012 - 21:45

bonsoir,

cette partie centre le texte par rapport à la cellule du tableau ...

quel est le style des différentes class ?

Code:
<div class="titre">Prénom + Nom</div>
<table><tr><td> <img src="http://www.moviegoods.com/Assets/product_images/1010/348739.1010.A.jpg" class="avatar"></td><td><div class="petit1" style="text-align:center">Information</div></td></tr></table>

Prénom + Nom
Information
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum sodales ornare lorem.
Donec rhoncus interdum nunc, in suscipit risus elementum id.
Suspendisse commodo justo purus.
Ut quis lectus sed tellus commodo placerat nec ac massa. Maecenas non augue erat, sed pellentesque justo. Aliquam dapibus porttitor justo, at congue elit placerat vitae. Pellentesque pulvinar venenatis accumsan. Sed venenatis, mi vitae facilisis pellentesque, mi tellus fermentum nunc, et congue lacus lectus nec tortor. Curabitur eu neque eros. Morbi ac mi quis magna scelerisque rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec fringilla lobortis lectus non porttitor. Sed iaculis arcu id mi consectetur sed molestie nisl imperdiet.

In nec dui felis. Ut congue sem arcu, vitae aliquam turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras arcu elit, iaculis a pellentesque ac, aliquet vel ipsum. Sed et diam orci. Quisque sit amet ipsum sem. Cras eget ante urna. Aliquam tortor lectus, tempus nec scelerisque tristique, mollis sit amet massa. Praesent vulputate posuere ipsum at dignissim. In hac habitasse platea dictumst. In felis nibh, ornare vel scelerisque bibendum, fermentum dignissim mauris. Quisque in nulla velit, eget sollicitudin leo. Sed lobortis suscipit massa quis laoreet. Nullam sem felis, consectetur ac sollicitudin non, pulvinar bibendum lectus. Vivamus in risus quam, eu ultrices nisi.
Fusce non mauris eros.
Donec eu sodales lectus.
.

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: Problème de tableau.

Message par Kyou le Jeu 17 Mai 2012 - 21:51

Code:
.titre {
  font-size:22px;
  line-height:12px;
  font-weight:bold;
  text-transform:uppercase;
  color:#E13B21;
  text-shadow: 0px 1px 2px black;
  text-align:center;
  font-family:georgia;
  letter-spacing:-1px }

Code:
.petit1 {
  line-height:11px;
  font-weight:bold;
  text-transform:lowercase;
  text-shadow: 0px 1px 2px black;
}

Code:
.avatar {
  border:4px dashed #E4C545;
  border-radius:10px 10px 10px 10px;
  width: 200px;
  height:320px;
}

Si je n'ai rien oublier, y a tous les styles des trois class Smile
Peut-être que c'est les class qui gène o:

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de tableau.

Message par Scoubifitz le Jeu 17 Mai 2012 - 22:10

bonsoir,

aucune largeur n'est définie pour les class ...

rajoutez ceci dans la class "petit1"

Code:
text-align:center;
width:400px;

et retirez
<div class="petit1" style="text-align:center">

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: Problème de tableau.

Message par Kyou le Jeu 17 Mai 2012 - 22:23

C'est parfait merci.

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou 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