Partage

Problème mini-box position texte

19 avril 2017 à 20:44:13

Bonjour, voilà c'est tout con, mais je ne sais pas comment le résoudre. C'est pour ça que je sollicite votre aide.

Je suis en train de faire dans mon coin un sorte de wiki pour un jeu codé de 0, sans template etc... En créant des mini box pour "Biographies", "Fonctions", j'ai du baisser la hauteur par rapport à celle du nom de la personne. En baissant la hauteur, le texte n'a pas suivi. Je vous laisse regarder les screens, vous comprendrez.

http://img15.hostingpics.net/pics/437808wikisantos.png

Comme vous pouvez le voir :

- "Brandon Newman" est placé au centre, correctement.

- "Biographie" et "Fonction" sont placés légèrement vers le bas alors que je voudrais qu'ils soient au centre.

Voici les codes que j'utilise :

Pour "Brandon Newman" : <div class="box2"><center><font color="white"><font size="4"><b>Brandon Newman</b></font></font></center></div><br>

.box2 {

    width: 270px;

background-color: #0033CC;

    padding: 10px;

    border: 1px solid gray;

    margin: 0 auto;

}

Et pour les "Biographie" et "Fonction":  <div class="box3"><center><font color="white"><font size="3"><b>Fonction</b></font></font></center></div><br>
.box3 {
    width: 270px;
height: 10px;
background-color: #0033CC;
    padding: 10px;
    border: 1px solid gray;
    margin: 0 auto;
}
Merci pour votre aide.
Staff 19 avril 2017 à 21:24:39

bonsoir les balises <font> et <center> sont obsolètes depuis plus de 15ans, à supprimer de toute urgence, c'est en CSS que l'on centre et indique les styles d'un texte.

Tu souhaites avoir le même rendu? Utilise la même class. De plus se sont des titres et sous titre, donc les balises h1 à h6 devrait être utilisée.

Ne donne pas de hauteur à ton contenu, si c'est nécessaire utilise min-height

Un peu de lecture

Problème mini-box position texte

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown