Problème d'affichage avec CSS

Invité · 26/03/2009, 10h18

Bonjour a tous,
j'ai un problème concernant l'affichage de texte à côté de l'image et au dessous de ces deux éléments un texte sachant que tout doit être dans un conteneur div

Merci de m'aider

**HiRoN** · 26/03/2009, 10h30

Bonjour,

Envoyé par manjava

j'ai un problème concernant l'affichage de texte a côté de image et au dessous de ces deux éléments un texte sachant que tout doit être dans un conteneur div.

Avoir le code que tu as commencé as développer (X)HTML & CSS pourrait aider (le but étant de t'aider à y arriver mais pas de te faire la chose)

Invité · 26/03/2009, 10h45

Bonjour ,

voila le css que je fait:

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
#dif{
	width:549px;
	height:91px;
	background-color:#f61a98;
	margin:0 auto;
	}
#gauch{
	background:url no-repeat;;
	width:259px;
	height:74px;
	float:left;
	margin-left:40px;
	/*margin:0 auto;*/
     }			
#p1{
	/*float:left;*/
	margin-left:40px;
	clear:both;
	/*margin:0 auto;*/
     }

Code html :

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

1
2
3
4
5
6
<div id="dif"><p>SUR</p>
<div id="gauch">
<span id="p1"> 
   textetexte
</span></div>
</div><br/>

**Poulpynette** · 27/03/2009, 10h35

Bonjour manjava,

Il semble manquer l'image dans ton code HTML, donc difficile de te répondre.

Invité · 27/03/2009, 12h20

Bonjour ,

le probleme et le suivant comment afficher de texte a cote de l'image et au dessous de deux un texte aussi

Merci

**Poulpynette** · 27/03/2009, 12h26

Ça ne répond pas à ma question manjava

Où est l'image dans le code HTML que tu nous as donnés ?

Sans ça, difficile de répondre clairement à ton problème.

**12monkeys** · 28/03/2009, 12h20

Un exemple dans le genre :

Code html :

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
25
26
27
28
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="style_polo.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
#conteneur { border:1px solid black;width:300px; }
img { float:left;height:60px;width:100px; }
p#flottant { margin:0px; }
p#second { clear:both; }
</style>
</head>
 
<body>
 
<div id="conteneur">
  <img src="img1.jpg">
  <p id="flottant">
Lorem ipsum dolor
  </p>
 
  <p id="second">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In volutpat quam quis dui. Proin sit amet purus ac quam interdum placerat. Aliquam a tellus eget arcu placerat pellentesque. Maecenas sed ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris tincidunt libero at turpis. Suspendisse consequat rhoncus sapien. Aenean quam ipsum, adipiscing ac, interdum ut, pharetra et, est. Integer id magna in erat consectetur posuere. Nam vehicula nulla id urna. Aenean neque lectus, scelerisque in, condimentum sit amet, congue eu, lectus. Ut mattis. Quisque bibendum tincidunt velit. Sed laoreet. Nunc eleifend.
  </p>
</div>
 
</body>
</html>

Problème d'affichage avec CSS

CSS

Vue hybride

Discussions similaires

Partager

Partager