CSS div
Résolu/Fermé
TRUNCKS
Messages postés
1017
Date d'inscription
vendredi 10 août 2007
Statut
Membre
Dernière intervention
8 novembre 2024
-
Modifié par TRUNCKS le 30/08/2011 à 16:48
Acid_ Messages postés 503 Date d'inscription mercredi 24 août 2011 Statut Membre Dernière intervention 29 août 2014 - 1 sept. 2011 à 08:02
Acid_ Messages postés 503 Date d'inscription mercredi 24 août 2011 Statut Membre Dernière intervention 29 août 2014 - 1 sept. 2011 à 08:02
A voir également:
- CSS div
- Div c++ - Télécharger - Langages
- Remplacer #div/0 par vide - Forum Excel
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Webmastering
- CSS/Comment enlever couleur liens ? ✓ - Forum CSS
7 réponses
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
30 août 2011 à 17:21
30 août 2011 à 17:21
Avec du code, une capture ou même un lien ça serai mieux.
Je suis pas sur de bien comprendre ton problème...
Je suis pas sur de bien comprendre ton problème...
TRUNCKS
Messages postés
1017
Date d'inscription
vendredi 10 août 2007
Statut
Membre
Dernière intervention
8 novembre 2024
7
Modifié par TRUNCKS le 30/08/2011 à 19:02
Modifié par TRUNCKS le 30/08/2011 à 19:02
En gros, de manière plus simple, comment je peux mettre deux div l'une à côté de l'autre plutot qu'en dessous.
En gros j'y arrive bien avec un float:left, mais pour les deux premiers, j'aimerai faire deux séries de deux blocs.
Le troisième vient se mettre à côté du deuxième.
J'aimerai qu'il reste en dessous avec le quatrième à côté.
En gros j'y arrive bien avec un float:left, mais pour les deux premiers, j'aimerai faire deux séries de deux blocs.
Le troisième vient se mettre à côté du deuxième.
J'aimerai qu'il reste en dessous avec le quatrième à côté.
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
30 août 2011 à 19:09
30 août 2011 à 19:09
Parfois un dessin vaut mieux qu'une longue explication.
Peux-tu me schématiser ce que tu veux?
Peux-tu me schématiser ce que tu veux?
TRUNCKS
Messages postés
1017
Date d'inscription
vendredi 10 août 2007
Statut
Membre
Dernière intervention
8 novembre 2024
7
30 août 2011 à 22:49
30 août 2011 à 22:49
Merci beaucoup, cela marche parfaitement !
Par contre je ne sais pas pourquoi, j'ai voulu faire un petit exercice pour vérifier si j'ai bien compris et je n'y arrive pas.
J'ai voulu faire avec trois:
<div1><div2><div3>
<div4><div5><div6>
Avec trois colonnes en fait :(
Par contre je ne sais pas pourquoi, j'ai voulu faire un petit exercice pour vérifier si j'ai bien compris et je n'y arrive pas.
J'ai voulu faire avec trois:
<div1><div2><div3>
<div4><div5><div6>
Avec trois colonnes en fait :(
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
30 août 2011 à 23:24
30 août 2011 à 23:24
Tu devrai trouver ton bonheur ici: http://www.alsacreations.com/static/gabarits/
TRUNCKS
Messages postés
1017
Date d'inscription
vendredi 10 août 2007
Statut
Membre
Dernière intervention
8 novembre 2024
7
31 août 2011 à 08:34
31 août 2011 à 08:34
Merci, j'ai bien compris désormais !
J'ai une dernière question si tu le veux bien,
Sous IE7 j'ai un petit bug, quand je change la résolution de mon navigateur, mes blocs ne suivent pas, ils bougent et ne restent pas en place :(
J'ai une dernière question si tu le veux bien,
Sous IE7 j'ai un petit bug, quand je change la résolution de mon navigateur, mes blocs ne suivent pas, ils bougent et ne restent pas en place :(
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
TRUNCKS
Messages postés
1017
Date d'inscription
vendredi 10 août 2007
Statut
Membre
Dernière intervention
8 novembre 2024
7
31 août 2011 à 10:42
31 août 2011 à 10:42
Merci à toi !!
Acid_
Messages postés
503
Date d'inscription
mercredi 24 août 2011
Statut
Membre
Dernière intervention
29 août 2014
158
31 août 2011 à 10:43
31 août 2011 à 10:43
Y'a pas d'quoi :)
TRUNCKS
Messages postés
1017
Date d'inscription
vendredi 10 août 2007
Statut
Membre
Dernière intervention
8 novembre 2024
7
30 août 2011 à 19:10
30 août 2011 à 19:10
Quelque chose comme ça :)
<DIV1><DIV2>
<DIV3><DIV4>
<DIV1><DIV2>
<DIV3><DIV4>
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
30 août 2011 à 21:00
30 août 2011 à 21:00
Ben tu peux faire ça simplement avec quelques chose de ce genre:
HTML
CSS
HTML
<div id="col_right"> <div id="case1"> Case 1 </div> <div id="case2"> Case 2 </div> </div> <div id="col_left"> <div id="case3"> Case 3 </div> <div id="case4"> Case 4 </div> </div>
CSS
div#col_right{ float:right; width:200px; } div#col_left{ margin-right:220px; } div#case1, div#case2, div#case3, div#case4{ border:1px solid #000; margin:10px 0px; }
Acid_
Messages postés
503
Date d'inscription
mercredi 24 août 2011
Statut
Membre
Dernière intervention
29 août 2014
158
31 août 2011 à 09:14
31 août 2011 à 09:14
Utilise les tableaux pour des positionnements de la sorte.
Ça évite tous les problèmes liés aux float.
Ça évite tous les problèmes liés aux float.
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
31 août 2011 à 13:54
31 août 2011 à 13:54
Les tableaux ne sont absolument pas fait pour ça.
TRUNCKS: L'idéal est de placer le tout dans un div container avec une largeur fixe et en le centrant. Ainsi, pas de problème lors d'un redimensionnement d'écran.
TRUNCKS: L'idéal est de placer le tout dans un div container avec une largeur fixe et en le centrant. Ainsi, pas de problème lors d'un redimensionnement d'écran.
Acid_
Messages postés
503
Date d'inscription
mercredi 24 août 2011
Statut
Membre
Dernière intervention
29 août 2014
158
Modifié par Acid_ le 1/09/2011 à 08:04
Modifié par Acid_ le 1/09/2011 à 08:04
C'est tellement plus simple de faire ça avec des float et des propriétés CSS toutes plus dégueulasse les unes que les autres ...
Dans le cas présent, il cherche à obtenir une structure de tableau, et ça répond parfaitement à ses besoins. Ton exemple donné au dessus est tellement pire qu'un tableau ...
Les marges sont interprétées de manière très différente selon les navigateurs, et procéder de la sorte est la meilleure chose à faire pour obtenir un résultat horrible.
Des div dans des div pour représenter un tableau, désolé du peu, mais c'est pas viable comme résultat.
Je veux bien que tu m'expliques l'intérêt des tableaux, si ce n'est pas pour placer ses éléments comme ça ...
Dans le cas présent, il cherche à obtenir une structure de tableau, et ça répond parfaitement à ses besoins. Ton exemple donné au dessus est tellement pire qu'un tableau ...
Les marges sont interprétées de manière très différente selon les navigateurs, et procéder de la sorte est la meilleure chose à faire pour obtenir un résultat horrible.
Des div dans des div pour représenter un tableau, désolé du peu, mais c'est pas viable comme résultat.
Je veux bien que tu m'expliques l'intérêt des tableaux, si ce n'est pas pour placer ses éléments comme ça ...