Discussion :

[solorac]

Bonjour la Communauté,

Je n'arrive pas à trouver la solution à mon souci d'affichage.

Je m'explique, j'ai un corps de page avec du texte et une image, je me sers de float left et right mais "personne ne veut aller là où je voudrais qu'il aille !!!".

Je précise que les tailles sont ok, je suis pas un expert mais ça je sais faire. Je vous mets mes codes html et css.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="droite4">
	<div id="droite4a">
		<div class="text">
				<H2>Le Lorem Ipsum est simplement du faux</br></H2></br>
 
				<H2>Pourquoi l'utiliser</H2></br>
				Contrairement à une opinion répandue, le Lorem Ipsum n'est pas simplement du texte aléatoire</br>
 
				Plusieurs variations de Lorem Ipsum peuvent être trouvées ici ou là, mais la majeure partie d'entre elles a été altérée par l'addition d'humour ou de mots aléatoires qui ne ressemblent pas une seconde à du texte standard</br></br>
				<H2>Pourquoi l'utiliser 2</br></H2>
				L'extrait standard de Lorem Ipsum utilisé depuis le XVIè siècle est reproduit ci-dessous pour les curieux. Les sections 1.10.32 et 1.10.33 du "De Finibus Bonorum et Malorum".
		</div>
</br>	
<center><img src="../images/visiteurs/gif-p4.gif" /></center></div>
</div>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
/*page 4 */
#droite4{
width:600px;
float:right;
}
 
#droite4a{
float:left;
font-size:14px;
margin-top:15px;
margin-left:-60px;
}
 
#droite4a .text{
margin-left:15px;
}
 
#droite4a h2 {
display: inline;
}
 
#droite4a img{
float:right;
}

Petite précision également, j'aimerai que le texte, un fois l'image "finie", passe dessous, mais là aussi, je cherche mais je ne trouve rien de probant.

Merci pour votre aide.

[Ecared]

Bonjour,

Pour t'aider il faudrait que tu nous dises ou tu veux qu'aille tes éléments

[solorac]

Oui, exact !!!

Le texte à gauche et l'image à droite.

Mais c'est écrit dans le code css.

[Ecared]

Commence par enlever <center> qui est obsolète, et essaie de mettre ton image en haut comme ça:

Code :

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

1
2
3
4
5
 
<div class="text">
    <img src="arrow1.png">
    <H2>Le Lorem Ipsum est simplement du faux</br></H2></br>
    <!-- etc ... -->

[solorac]

Oui, c'est bon !!!
Merci.

[solorac]

Par contre, tu me dis que <center> n'est plus valable, je dois le remplacer par quelle commande ?
Merci

[Ecared]

Par rien il suffit juste de l'enlever dans ton cas.

[solorac]

Ok, mais si je veux le centrer, je mets quoi ??