28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je cherche à aligner 2 éléments.
Plutôt qu'un long texte, voici ce que je souhaite obtenir :

http://boischautsudradio.fr/index.php?page=vie-associative
Ceci est exemple qui fonctionne bien avec les boutons du menu vertical

et voilà ce que j'obtiens quand je clique sur mon bouton "contactez-nous" :

http://boischautsudradio.fr/index.php?page=contact
Le problème est que j'ai des KM de codes et donc, tout mettre là risque d'être compliqué.
Donc ce que je peux faire c'est filer les accès FTP en MP à quiconque voudrait m'aider.

Merci d'avance.
Modérateur
Salut,

chabgyver2 a écrit :
Le problème est que j'ai des KM de codes et donc, tout mettre là risque d'être compliqué.
Donc ce que je peux faire c'est filer les accès FTP en MP à quiconque voudrait m'aider.

Avec ton code en ligne on y a acces pas besoin de passer par le FTP ou de coller tes km de code ici c'est parfait comme ça.

Sur ta première page tes block s'alignent car ils sont tout les deux en inline-block.
Sur ta seconde page le wrapper du formulaire et en display block et prend donc toute la place. Passe le en inline-block il viendra à coté. Apres il y aura un soucis d'alignement vertical, puis horizontal de tes blocs.. un peu galère a gérer avec le inline-block. On peut simplifier tout ça avec du flex par exemple :
section { /*pense à donner une classe à ta section au cas ou il y en ait d'autres */
   display: flex;
    align-items: flex-start;
}


PS : j'espère que ca va changer de couleur parceque le bleu sur le orange ca pique hahaha Smiley lol
Meilleure solution