Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1753 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Alignement de deux bloc

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Alignement de deux bloc

n°2232552
thearix
Posté le 03-07-2014 à 12:50:27  profilanswer
 

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

mood
Publicité
Posté le 03-07-2014 à 12:50:27  profilanswer
 

n°2232579
rufo
Pas me confondre avec Lycos!
Posté le 03-07-2014 à 16:22:43  profilanswer
 

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
n°2232583
MaybeEijOr​Not
but someone at least
Posté le 03-07-2014 à 16:33:29  profilanswer
 

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

n°2232589
thearix
Posté le 03-07-2014 à 16:50:33  profilanswer
 

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

n°2232605
rufo
Pas me confondre avec Lycos!
Posté le 03-07-2014 à 17:40:58  profilanswer
 

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
n°2232615
David Bori​ng
Posté le 03-07-2014 à 20:26:49  profilanswer
 

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

n°2232806
thearix
Posté le 06-07-2014 à 14:03:04  profilanswer
 

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

n°2232889
thearix
Posté le 07-07-2014 à 15:38:05  profilanswer
 

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
n°2232890
thearix
Posté le 07-07-2014 à 15:42:09  profilanswer
 

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. }

n°2232921
thearix
Posté le 07-07-2014 à 21:32:46  profilanswer
 

UP :)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Alignement de deux bloc

 

Sujets relatifs
[HTML] Problème alignement logosSaturation bloc note
(HTML) Alignement d'image.Duplication de bloc de caractère
Programmer impression en bloc de la page 7 de 100 fichiers HTM offlineForcer le titre de l'entête à rester au milieu du bloc !?!
Alignement de deux blocs horizontauxSuppresion d'un bloc de ligne dans Excel
Aide alignement des bloc div#...Problème alignement bloc CSS [terminé]
Plus de sujets relatifs à : Alignement de deux bloc


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR