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
29
30
31
32
33
34
35
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License, avec mes grosses modifications apportés en particulière au niveau de l'optimisation du codage
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Prog Créatif</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="design.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<?php include('includes/zone_idef.php'); ?>
<h1>Prog</h1>
<h2>Créatif</h2>
<?php include('includes/menus_header.php'); ?>
</div>
</div>
<div id="content">
<div id="colOne">
<h2>bienvenue</h2>
<img src="images/img5.jpg" alt="" width="102" height="102" class="image" />
<p class="indent">Fusce in turpis vitae nulla rutrum adipiscing. <strong>Ut urna. Maecenas at tellus.</strong> Duis pellentesque massa fermentum diam blandit imperdiet. Sed posuere vulputate magna. Proin placerat, nisl ut mollis tempus, magna nibh fringilla est, consequat cursus diam metus vel dolor. Fusce ut nulla sit amet mi sodales dictum. Proin tempor purus quis est. Donec nunc felis, hendrerit non, facilisis consectetuer, faucibus nec, leo. Etiam vestibulum luctus nibh. In hac habitasse platea dictumst. Vivamus luctus magna. Integer aliquam feugiat massa.</p>
<p>Sed tempor pede nec est. Aenean accumsan vestibulum nibh. Aliquam erat volutpat. <strong>Praesent</strong> a odio. Proin at libero in tellus scelerisque aliquam. Morbi at nisi. Ut at erat vel massa vulputate ultrices. Aliquam suscipit. Proin consequat, felis eu pulvinar adipiscing, augue lorem vestibulum turpis, a ornare diam lectus et neque. Aenean quis lacus. </p>
<h3>Lorem Ipsum Dolor</h3>
<p>Fusce in turpis vitae nulla rutrum adipiscing. Ut urna. Maecenas at tellus. Duis pellentesque massa fermentum diam blandit imperdiet. Sed posuere vulputate magna. Proin placerat, nisl ut mollis tempus, magna nibh fringilla est, consequat cursus diam metus vel dolor. Fusce ut nulla sit amet mi sodales dictum. Proin tempor purus quis est. Donec nunc felis, hendrerit non, facilisis consectetuer, faucibus nec, leo. Etiam vestibulum luctus nibh. In hac habitasse platea dictumst. Vivamus luctus magna. Integer aliquam feugiat massa.</p>
<p>Sed tempor pede nec est. Aenean accumsan vestibulum nibh. Aliquam erat volutpat. Praesent a odio. Proin at libero in tellus scelerisque aliquam. Morbi at nisi. Ut at erat vel massa vulputate ultrices. Aliquam suscipit. Proin consequat, felis eu pulvinar adipiscing, augue lorem vestibulum turpis, a ornare diam lectus et neque. Aenean quis lacus. </p>
</div>
<?php include('includes/col_accueil.php'); ?>
</div>
<?php include('includes/footer.php'); ?>
</body>
</html> |
[HTML] espace entre text et image
Répondre avec citation
Envoyé par {F-I}
bref, suivant comment laisse ta séparation entre les 2 paragraphes, mais joue avec la marge sur l'image et non pas ta class indent sur le paragraphe de manière à ce que ton texte entoure correctement l'image.
si c'est le cas
Partager