Système d'article cote à cote.

Résolu
Bonjour,

Je suis débutant en CSS, et j'aimerais coller des articles côte à côte sans que il y est ce problème: http://gameklub.fr/upload/cote.jpg

Mon code CSS pour les articles:

#article-left
{
    margin-left: 10px;
    margin-right: 50%;
    padding: 10px;
    background-color: white;
    box-shadow: 0px 2px 5px black;
    border-radius: 10px;
}

#article-right
{
    margin-right: 10px;
    margin-left: 50%;
    padding: 10px;
    background-color: white;
    box-shadow: 0px 2px 5px black;
    border-radius: 10px;
}


Et le code HTML:

        <div id="article-left">
        Lolilol
        </div>
        <div id="article-right">
        Lolilol
        </div>


Merci à ceux qui vont essayer de m'aider ! :D (même si je parie que c'est un truc tout facile)


--
L'homme n'est pas un ordinateur mais il est plus intelligent.

4 réponses

  • Votes
  • Date
  • Date décroissante
  1. Bonsoir ThePico20,
    Si, dans ton code "HTML", tu met :
    <div>
        texte à écrire
    </div>
    <div>
        texte à écrire
    </div>
    Je pense que la deuxième "div" se colle à droite de la première "div" par défaut.
    Sans utiliser le "CSS"
    1. Nan, aucun changement :3

      1. Peux-tu mettre en ligne ton code html et ton code css à cette adressre : "https://www.cjoint.com/".
        Attention de ne pas mettre de données confidentielles !!
        Dans ton prochain message tu inclus l'adresse de tes fichiers.
      2. Entre temps, j'ai trouvé ceci .. teste pendant que je regarde ton fichier et dis-moi quoi !
        <div style="float:left;border-style:solid;">gauche n°1</div>
        <div style="float:left;border-style:solid;">gauche n°2</div>
      3. Tu ne m'a pas donné ton fichier "CSS", mais peu importe, cela fonctionne sans css .. A toi de jouer.
        J'ai un peu changé ton code
      4. Le site: http://gameklub.fr/
    2. Personne ne s'y connait ? :/
      1. As-tu vu le fichier transformé !
        Il ne fonctionne pas chez toi ? C'est biz, car chez moi, tout ok !
      2. Enfaite, ca marche, à cause du float, ca fais ça: http://gameklub.fr/
    3. UP ?
      1. Ce n'est pas ce que tu souhaitais ?
        Où aurais-tu voulu placer "Lolilol" gauche et "Lolilol" droit ?
        La hauteur est bonne ?
      2. Ben.. Enfaite, regarde sur: http://gameklub.fr/
      3. J'arrête pas de regarder .. un div blanc à gauche et un autre à droite.
        C'est ce que tu veux ?
      4. Nan, attend, je te sors une image de ce que je veux :D
      5. Voilà: http://gameklub.fr/upload/cote.jpg