Aligner une image

**apt** · 15/07/2011, 12h12

Bonjour à tous,

J'ai essayé de faire aligner une image avec le texte, mais elle apparait toujours au dessus de la ligne :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
  <title>Hello!</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<!--[if IE]> 
		<link type="text/css" rel="stylesheet" href="css/styles-ie.css" /> 
	<![endif]-->
  <style type="text/css">
		.blocklist .metafirst {
			color:#999;
		}
		.blocklist .metafirst a:link, .blocklist .metafirst a:focus{
			color:#605D5D;
		}
		.blocklist .metafirst a:hover, .blocklist .metafirst a:visited{
			text-decoration:underline;
		}
		.blocklist img.preview{
			margin: 2px 5px 2px 0; 
			padding: 5px; 
			float: left; 
			width: 100px; 
			height: 100px;
		}
		.blocklist img.flag {
			width:16px; height:11px; margin-bottom:-2px; 
		}
		.blokclist img.status {
			width:8px; height:8px; margin-bottom:-2px; 
		}
  </style>
<link href="blocklist.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<div class="blocklist">
	<div class="metafirst">
		<span><!--By-->
			<img alt="flag" src="images/fr.gif" class="flag"> | 
			<img alt="status" src="images/online.png" class="status"> 
			<a title="user profil" href="userprofil.html">User | </a> <!--in-->
			<a title="Cat 01" href="cat01.html">Category 01</a>
		</span>
	</div>
</div>	
</body>
 
</html>

Merci de votre aide.

Aligner une image

Positionnement en CSS

Mode arborescent

Discussions similaires

Partager

Partager