Alignement de deux bloc

Alignement de deux bloc - HTML/CSS - Programmation

Marsh Posté le 03-07-2014 à 12:50:27    

Bonjour,
Je voudrais aligner mes deux balises div sur la même ligne.
Elles possèdent toutes les deux un id différent.
Cela se passe surement au niveau du ccs mais je ne sais pas comment faire, les deux balises se placent l'une en dessous de l'autre.
 
Merci d'avance

Reply

Marsh Posté le 03-07-2014 à 12:50:27   

Reply

Marsh Posté le 03-07-2014 à 16:22:43    

Dans le css, faut utiliser float: left; sur tes balises div ;)
Après, sur l'élément qui suit, faut faire un clear: both;


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 03-07-2014 à 16:33:29    

Tu as la possibilité d'utiliser la propriété display: inline-block mais je crois que pour les anciens navigateurs ça ne passe pas.

Reply

Marsh Posté le 03-07-2014 à 16:50:33    

Donc je met un float left sur les deux ?
Et a quoi va me servir le clear ?
 
J'avais essayer le inline-block mais cela ne fonctionnait pas comme je voulais.
En fait, il s'agit du menu et du texte

Reply

Marsh Posté le 03-07-2014 à 17:40:58    

le clear: both; ça sert à annuler le float sur la balise de type bloc qui suit tes 2 div en float, afin qu'elle se trouve en-dessous des 2 div (ex, un pied de page)


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 03-07-2014 à 20:26:49    

Tu peux employer le display: table-cell
En plus, cela te permet d'avoir des colonnes de même hauteur.
http://jsfiddle.net/h55vL/

Reply

Marsh Posté le 06-07-2014 à 14:03:04    

Ok merci, je vais voir tout cela prochainement je vous tiens au courant :)

Reply

Marsh Posté le 07-07-2014 à 15:38:05    

Bonjour,
Le float : left n'a pas fonctionner rien de différent ne s'est produit lorsque je l'ai appliqué. Savez vous pourquoi ?
 
J'ai donc essayé le table-cell et mes 2 éléments sont alignés mais collés :)
Et mes autres div sont aussi collés


Message édité par thearix le 07-07-2014 à 15:45:17
Reply

Marsh Posté le 07-07-2014 à 15:42:09    

Voici mon css comme il l'était à l'origine

Code :
  1. #texte
  2. {
  3. border: 1px solid black;
  4. margin-left: 220px;
  5. max-width: 900px;
  6. text-align: center;
  7. border-radius:5px;
  8. }
  9. #menu
  10. {
  11. min-height : 600px;
  12. max-width: 150px;
  13. border: 1px solid blue;
  14. margin-top : 80px;
  15. text-align: left;
  16. border-radius:5px;
  17. }

Reply

Marsh Posté le 07-07-2014 à 21:32:46    

UP :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed