28111 sujets

CSS et mise en forme, CSS3

Salut à tous !

Dans le cadre d'un projet, j'ai du créer un site web pour des colliers connecté pour lama (Oui mon prof est un peu tordu), le soucis, je n'arrive pas à centrer la section de ma partie "Acheter".

J'ai essayé énormément de chose, soit ça ne fonctionne pas, soit c'est centrer mais ça bousille le CSS d'autre choses du site. C'est pour cela que je fais appel à vous.

J'espère que vous pourrez m'aider. (Ne tentez pas d'acheter, ça ne fonctionnera pas)

Voici la page en question : http://www.eye-lama.fr/acheter.html

Merci d'avance pour votre aide !
Chez moi le conteneur principal est centré. C'est juste que les items sont au nombre de 3 dans un conteneur prévu pour 4 items en largeur...
Administrateur
Bonjour et bienvenue, Smiley smile

Owneed a écrit :
des colliers connecté pour lama (Oui mon prof est un peu tordu)

Le lama est un des premiers animaux à faire partie de la culture informatique, celle des labos de recherche universitaires des années 70 (60 ?), tendance psychédélique. Smiley cligne
Pour le grand public, ça rappelle Winamp et ses LLAMAZ https://www.youtube.com/watch?v=3Kzj0fa5kiU (j'espère que c'est la bonne intro qui joue, pas pu écouter)
/HS

Tu utilises Bootstrap (que tu charges en fin de code HTML : hu ?), dont la grille est une grille à 12 colonnes.
Tes 3 colonnes font 3 de large, il reste de la place pour 3.
Si tu ajoutes (via DevTools / F12) la règle
[class*="container"] > .row {
  outline: 1px dashed red;
}

tu pourras voir chacune des lignes de ta grille.
Et
.row > [class*="col-"] {
  outline: 1px dotted blue;
}

pour les blocs
Modifié par Felipe (22 Jan 2017 - 12:22)