problème de blocs non centrés sur PA

2 participants

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

Résolu problème de blocs non centrés sur PA

Message par ice and fire. Ven 28 Sep 2018 - 13:39

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : 28.09.2018
Lien du forum : http://iceandfiremanon.forumieren.de/

Description du problème

Bonjour, bonsoir. I love you
Voilà j'ai un petit souci sur mon forum depuis quelques temps et je ne sais pas exactement comment le régler.
Je sais d'ailleurs absolument pas si je suis dans la bonne partie (donc je m'excuse si ce n'est pas le cas ??)
Mais en gros j'essaye de coder une PA et mon QEEL, le problème est que mes trois blocks (que ce soi sur la pa ou le qeel) ne sont pas centrés dans l'élément parent. Je travaille avec les div, ça veut dire que j'ai un grand cadre (le cadre blanc que vous pouvez voir dans le screenshot) et puis mes éléments à l'intérieur qui se décalent tous vers la gauche (les trois blocs noirs avec border rouge). Et je commence à désespérer parce que je ne sais pas comment le centrer (margin: auto; ne fonctionne pas).
Voici mon code css:

Code:
.bloc_general {
  width: 790px;
  height: 350px;
  background-color: #ffffff;
}

.bloc_gauche {
  display: inline-block;
  float: left;
  width:255px;
  height:340px;
  background-color: #000000;
  margin: 1px;
  border: 1px solid red;
}

.bloc_centre {
    display: inline-block;
    float: left;
  width:255px;
  height:340px;
  background-color: #000000;
  margin: 1px;
    border: 1px solid red;
}

.bloc_droite {
   display: inline-block;
    float: left;
  width:240px;
  height:340px;
  background-color: #000000;
  margin: 1px;
    border: 1px solid red;
}

j'ai tout essayé, que ce soi inline-block, float ou encore margin, ça me donne rien. Alors je sais pas trop ce qu'est mon souci, ni si c'est vraiment ici que je devrais poser la question.

Mais à celui qui voudra bien éclairer ma lanterne, merci d'avance. I love you


Dernière édition par ice and fire. le Ven 28 Sep 2018 - 18:51, édité 1 fois
ice and fire.

ice and fire.
Nouveau membre

Messages : 6
Inscrit(e) le : 01/04/2017

http://pinnedundertheweight.forumactif.com
ice and fire. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de blocs non centrés sur PA

Message par Fallen Leaves Ven 28 Sep 2018 - 18:14

Coucou Very Happy

Alors ta div "bloc_droite" tu n'y touches pas.
Ta div "bloc_centre", tu vas enlever le float, ce qui donnera ceci :

Code:
.bloc_centre {
    background-color: #000;
    border: 1px solid red;
    display: inline-block;
    height: 340px;
    margin: 1px;
    width: 255px;
}

Et ta div "bloc_gauche", tu vas modifier le float pour le passer de left à right :

Code:
.bloc_gauche {
    background-color: #000;
    border: 1px solid red;
    display: inline-block;
    float: right;
    height: 340px;
    margin: 1px;
    width: 255px;
}

Tes tableaux prendront toutes la largeur de ta PA et seront centrés Wink

Bonne soirée et bon courage pour la suite I love you
Fallen Leaves

Fallen Leaves
***

Féminin
Messages : 138
Inscrit(e) le : 16/08/2015

https://kissmenow.forumactif.com/
Fallen Leaves a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de blocs non centrés sur PA

Message par ice and fire. Ven 28 Sep 2018 - 18:51

MERCI OLALALA mon problème est réglé, je vais pleurer
mon qeel est enfin centré, et je peux continuer sur ma PA. Yahoo
merci beaucoup, ça a marché, c'est parfait. I love you
ice and fire.

ice and fire.
Nouveau membre

Messages : 6
Inscrit(e) le : 01/04/2017

http://pinnedundertheweight.forumactif.com
ice and fire. 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