Problème de centrage du texte
Résolu/Fermé
codeur08
-
31 août 2009 à 13:25
M@dien Messages postés 437 Date d'inscription mercredi 29 juillet 2009 Statut Membre Dernière intervention 23 septembre 2010 - 1 sept. 2009 à 14:55
M@dien Messages postés 437 Date d'inscription mercredi 29 juillet 2009 Statut Membre Dernière intervention 23 septembre 2010 - 1 sept. 2009 à 14:55
A voir également:
- Problème de centrage du texte
- Excel cellule couleur si condition texte - Guide
- Mettre un texte en majuscule - Guide
- Texte annonce hôtesse de l'air décollage ✓ - Forum Réseaux sociaux
- Deflouter texte - Forum Logiciels
- Transcription audio en texte word gratuit - Guide
7 réponses
M@dien
Messages postés
437
Date d'inscription
mercredi 29 juillet 2009
Statut
Membre
Dernière intervention
23 septembre 2010
74
31 août 2009 à 15:30
31 août 2009 à 15:30
OK ;)
Sinon il n'y a aucun problème à mettre à la fois un id et une classe à une même balise.
Et pour être plus précis, il est même possible de mettre une infinité de classe.
<div id="identifiant" class="classe uneAutreClasse encoreUneClasse ToujoursUneClasse ..." ></div> est tout à fait envisageable! ^^
Sinon il n'y a aucun problème à mettre à la fois un id et une classe à une même balise.
Et pour être plus précis, il est même possible de mettre une infinité de classe.
<div id="identifiant" class="classe uneAutreClasse encoreUneClasse ToujoursUneClasse ..." ></div> est tout à fait envisageable! ^^
M@dien
Messages postés
437
Date d'inscription
mercredi 29 juillet 2009
Statut
Membre
Dernière intervention
23 septembre 2010
74
31 août 2009 à 16:31
31 août 2009 à 16:31
C'est normal. La propriété CSS text-align s'applique au contenu et non au conteneur. comme la balise span est une balise inline, la balise a la forme du texte. il est donc aligné à la fois à gauche et à droite du span.
Pour régler ça facilement , il faut modifier un peu le code:
et en css:
Pourquoi avoir changer les <span> en <div> et <p>? parce que c'est plus souple. les balises <div> et <p> sont des balises block qui réagissent plus facilement aux css.
Une balise inline comme span n'a pas de marge par exemple.
Pour régler ça facilement , il faut modifier un peu le code:
<div class="topic_infos_membre"> <div class="infos_droite"> <a href="poster.php?p=583&action=supprimer&sur=0"> <img title="Supprimer ce message" alt="Supprimer" src="images/supprimer.png"/></a> <a href="poster.php?p=583&action=editer"> <img title="Editer ce message" alt="Editer" src="images/editer.png"/></a> <a href="poster.php?p=583&action=citer"> <img title="Citer ce message" alt="Citer" src="images/citer.png"/></a> </div> <p class="bbcode_petit">Posté le 31/08/2009 à 12h44</p> <hr/> <p>mouahaha, j'ai un avatar, et une signature !</p> <hr/> <p>Les signatures, c'est le mal !</p> </div>
et en css:
.infos_droite { float:right; /* Pour qu'il s'affiche en flottant à droite */} hr { clear:both;/* permet d'éviter des problèmes d'affichage avec le float:right; */}
Pourquoi avoir changer les <span> en <div> et <p>? parce que c'est plus souple. les balises <div> et <p> sont des balises block qui réagissent plus facilement aux css.
Une balise inline comme span n'a pas de marge par exemple.
M@dien
Messages postés
437
Date d'inscription
mercredi 29 juillet 2009
Statut
Membre
Dernière intervention
23 septembre 2010
74
31 août 2009 à 14:44
31 août 2009 à 14:44
Bonjour,
Tout d'abord attention, les informations cachées sur l'image ne le sont pas dans le code que tu as donné.
Ensuite, pour tes problèmes:
Pour la position du texte dans une cellule, il suffit de mettre la propriété css "vertical-align:top;", à affecter à la balise TD
Pour le texte normalement plus petit: dans ton css, tu as mis #bbcode_petit alors que tu utilises des classes.
J'espère que ces réponses te suffiront.
Tout d'abord attention, les informations cachées sur l'image ne le sont pas dans le code que tu as donné.
Ensuite, pour tes problèmes:
Pour la position du texte dans une cellule, il suffit de mettre la propriété css "vertical-align:top;", à affecter à la balise TD
Pour le texte normalement plus petit: dans ton css, tu as mis #bbcode_petit alors que tu utilises des classes.
J'espère que ces réponses te suffiront.
Exact pour bbcode_petit, j'avais même pas fait gaffe.
Par contre, il n'y a pas un autre moyen pour aligner en haut ?
1/ Je veux pas que toutes les cellules soient affectées (notamment sur l'accueil de mon fofo)
2/ Je ne peux pas rajouter une class aux td puisque certains ont déjà un id (id du message), comme vous pouvez le remarquer dans mon code. A moins qu'on puisse attribuer une class et un id a la même balise ?
Pour les infos cachées, ce n'est rien du tout, je n'avais pas caché pour vous ;)
Par contre, il n'y a pas un autre moyen pour aligner en haut ?
1/ Je veux pas que toutes les cellules soient affectées (notamment sur l'accueil de mon fofo)
2/ Je ne peux pas rajouter une class aux td puisque certains ont déjà un id (id du message), comme vous pouvez le remarquer dans mon code. A moins qu'on puisse attribuer une class et un id a la même balise ?
Pour les infos cachées, ce n'est rien du tout, je n'avais pas caché pour vous ;)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Ah ben je savais pas, ou alors j'avais oublié ! Merci j'essaie ça... et ça marche !
Par contre, une seule chose. Vous voyez la class "infos_droite". En fait, dans le même td, j'ai plusieurs choses :
- L'heure du post, la date que j'aimerai mettre à gauche (c'est bon)
- Les boutons éditer, supprimer, citer, que j'aimerai mettre à droite. J'ai donc mis un span autour de ces boutons mais ils restent à la suite de la date et l'heure...
Par contre, une seule chose. Vous voyez la class "infos_droite". En fait, dans le même td, j'ai plusieurs choses :
- L'heure du post, la date que j'aimerai mettre à gauche (c'est bon)
- Les boutons éditer, supprimer, citer, que j'aimerai mettre à droite. J'ai donc mis un span autour de ces boutons mais ils restent à la suite de la date et l'heure...
Merci, ça fonctionne à merveille !
En passant, si quelqu'un aurait des idées pour améliorer le confort de mon forum... Le message se fond dans le design et ne ressort pas très bien, cf image. Changer de couleur de fond peut-être ? (que je trouve moche d'ailleurs, mais j'ai pas vraiment d'imagination alors j'ai du mal avec le design)
En passant, si quelqu'un aurait des idées pour améliorer le confort de mon forum... Le message se fond dans le design et ne ressort pas très bien, cf image. Changer de couleur de fond peut-être ? (que je trouve moche d'ailleurs, mais j'ai pas vraiment d'imagination alors j'ai du mal avec le design)
M@dien
Messages postés
437
Date d'inscription
mercredi 29 juillet 2009
Statut
Membre
Dernière intervention
23 septembre 2010
74
1 sept. 2009 à 14:55
1 sept. 2009 à 14:55
C'est possible de faire ressortir le message en jouant sur les tailles et les couleurs.
par exemple, réduit la tailles des informations annexes, mets les dans des couleurs plus pâles (gris par exemple), et augmente la taille du pseudo et du message, avec une couleur plus contrastée, comme le noir.
Fait en sorte que le message ait un fond de couleur différente du reste, un peu plus foncé par exemple.
Avec ça déjà ça attirera l'oeil sur les éléments importants du forum
par exemple, réduit la tailles des informations annexes, mets les dans des couleurs plus pâles (gris par exemple), et augmente la taille du pseudo et du message, avec une couleur plus contrastée, comme le noir.
Fait en sorte que le message ait un fond de couleur différente du reste, un peu plus foncé par exemple.
Avec ça déjà ça attirera l'oeil sur les éléments importants du forum