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
Bonjour,

J'ai une petite question.

J'ai une image de fond dans laquelle je veux écrire du texte.
Je tape mon texte, je le met en position relative et je le remonte avec des bottom et des left.

Mon soucis, c'est que même après avoir remonté mon texte, la place qu'il prenait en bas de la page, reste "réservée" ( je sais ce n'est pas clair )

Le soucis, c'est que je ne sais pas comment je peux utiliser un background sur mon texte, car j'ai plusieurs "bloc" de texte à mettre sur la même image à des endroits bien précis.

Si vous pouvez m'aider :)

Merci

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
Avec du code, une capture ou même un lien ça serai mieux.
Je suis pas sur de bien comprendre ton problème...
0
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
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é.
0
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
Parfois un dessin vaut mieux qu'une longue explication.
Peux-tu me schématiser ce que tu veux?
0
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
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 :(
0
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
Tu devrai trouver ton bonheur ici: http://www.alsacreations.com/static/gabarits/
0
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
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 :(
0

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
Merci à toi !!
0
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
Y'a pas d'quoi :)
0
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
Quelque chose comme ça :)

<DIV1><DIV2>
<DIV3><DIV4>
-1
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
Ben tu peux faire ça simplement avec quelques chose de ce genre:
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; }
0
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
Utilise les tableaux pour des positionnements de la sorte.
Ça évite tous les problèmes liés aux float.
-1
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
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.
0
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
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 ...
0