Discussion :

[123quatre]

bonjour,

je cherche à mettre du texte à droite d'une image, mais dès que je donne une hauteur au div (car j'en ai besoin) du texte celui ci forme un bloc complètement à droite de l'image alors que sous firefox le texte continue et se glisse sous l'image (c'est ce que je cherche à avoir sous ie).


merci de me donner un coup de main

[Maxoo]

J'ai cassé ma boule magique !!
Alors il faut que tu nous montres un peu de code, qu'on comprennes mieux ce que tu veux faire et qu'on te montres ce qui ne va pas.

voila

[123quatre]

voilà la page que j'ai à intégré



mon problème est déjà de trouver une méthode simple pour intégré tout ça. Ce qui me bloque c'est le texte. Je souhaite le mettre dans une seule div mais comme il y a des images autours et la colonne c'est un peu compliquer à intégrer.

merci de me donner vos idées

[Maxoo]

Tu parles de la box : "pour en savoir plus" ??

[123quatre]

non je parle de toute la page, je cherche un moyen pour que tout le texte soit dans un bloc unique sans poser de pb aux bloc environnantes (images etc)

[Maxoo]

non je parle de toute la page, je cherche un moyen pour que tout le texte soit dans un bloc unique sans poser de pb aux bloc environnantes (images etc)

Je ne peux pas t'aider alors ... je ne vois pas où est le problème et ce que tu n'arrives pas à faire, donc je ne peux pas te donner de réponses.

Voila, bonne journée !!

[Candygirl]

dès que je donne une hauteur au div (car j'en ai besoin) du texte celui ci forme un bloc complètement à droite de l'image alors que sous firefox le texte continue et se glisse sous l'image (c'est ce que je cherche à avoir sous ie).

Le problème sur IE est que de lui donner un width ou un height lui donne le layout et crèe donc un nouveau contexte de formatage ce qui induit le comportement que tu décris (FF ce comporterait la même chose si tu lui ajoutais par exemple un overflow:hidden). As-tu vraiment besoin de donner un height ? C'est rarement une bonne chose.

Je ne peux pas t'aider plus n'ayant pas saisi exactement ce que tu souhaites faire.

[123quatre]

j'essai de mieux m'exprimer: prenons le texte contenu dans la rubrique savoir. Je place la colonne de la newsletter en absolu, alors le texte ecrase la colonne puisqu'elle sort du flux. Ne trouvant pas un moyen pour éviter cela je place ma colonne en float right mais elle se pose sous la fin du texte (le texte ne se glisse pas à gauche de la colonne comme dans le template).

A part mettre le texte qui est à gauche de la carte du pays dans une div en overflow: hidden et le reste du texte dans une div je n'aiaps trouvé de solution.

Le problème est que la personne qui va insérer les donnée texte en BO devra vérifier que le texte s'affiche bien dans le navigateur (qu'il ne soit pas caché à cause du hidden). Et je cherchais un moyen pour éviter cet handicap...

j'espère avoir été clair...

[Maxoo]

Essai ce code dans une page html.
Tu vois ce que j'ai fait ? C'est à peu pres tout ce que tu pourras avoir !!

Car comme tu l'a dis :
- soit on positionne bien en position:absolue; mais le texte passe en dessosu
- soit on met du float, mais on peut pas le positionner, et le margin casse l'alignement du texte.

Mais bon à la limite avec mon code, ça peut t'aider.
Sinon je dirais qu'il faut revoir la mise en page de ta page, mais c'est à toi de te creuser la tête !!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<div>
	<div style="float:left; height:50px; width:50px; background:blue;"></div>
 
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla a bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
 
<div style="float:right; height:100px; width:100px; background:red;"></div>
 
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bl bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
</div>