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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
| <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TITRE de ma page -->
<title>Ave du général Leclerc Paris 14eme - TonAppartement.com</title>
<!-- Affichage Photos -->
<script type="text/javascript" src="../doc/affichagephoto/js/jquery.js"></script>
<script type="text/javascript" src="../doc/affichagephoto/js/jquery.lightbox-0.3.js"></script>
<link rel="stylesheet" type="text/css" href="../doc/affichagephoto/css/jquery.lightbox-0.3.css" media="screen" />
<script type="text/javascript" src="../doc/affichagephoto/js/gallery.js"></script>
<link href="../doc/affichagephoto/css/gallery.css" rel="stylesheet" type="text/css" />
<!-- CSS -->
<!-- <link href="../doc/centrer.css" rel="stylesheet" type="text/css" />
-->
<link href="../doc/page.css" rel="stylesheet" type="text/css" />
<link href="../doc/position.css" rel="stylesheet" type="text/css" />
<link href="../doc/lien.css" rel="stylesheet" type="text/css" />
<link href="../doc/fenetre.css" rel="stylesheet" type="text/css" />
<style type="text/css">
html, body {
width : 100%;
height : 100%;
margin : 0;
padding :0;
}
#centrer-tout {
width:1020px;
margin:0 auto; /*centrage de la div dans la fenêtre/*
text-align:center; /* centrage du texte*/
backgroud:green;
}
#centrer-gallery {
width:990px;
margin:0 auto; /*centrage de la div dans la fenêtre/*
text-align:center; /* centrage du texte*/
}
</style>
</head>
<body>
<!-- Voir ma page au centre -->
<div id="centrer-tout">
<div id="contenu">
<!-- 2 Titres de l'annonce -->
<div id="logo">
<img src="../doc/logo.gif" width="350" height="103" alt=""/>
</div>
<div id="titre">toto</div>
<div id="soustitre">tata</div>
<!-- Telephone a afficher -->
<div id="telephone">| Téléphone : 0123456789 |</div>
<!-- Annonce -->
<div id="annonce">
<h2 align="left">Lorem Ipsum Text</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa. Sed eleifend nonummy diam. Praesent mauris ante, elementum et, bibendum at, posuere sit amet, nibh. Duis tincidunt lectus quis dui viverra vestibulum. Suspendisse vulputate aliquam dui. Nulla elementum dui ut augue. Aliquam vehicula mi at mauris. Maecenas placerat, nisl at consequat rhoncus, sem nunc gravida justo, quis eleifend arcu velit quis lacus. Morbi magna magna, tincidunt a, mattis non, imperdiet vitae, tellus. Sed odio est, auctor ac, sollicitudin in, consequat vitae, orci. Fusce id felis. Vivamus sollicitudin metus eget eros.</p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In posuere felis nec tortor. Pellentesque faucibus. Ut accumsan ultricies elit. Maecenas at justo id velit placerat molestie. Donec dictum lectus non odio. Cras a ante vitae enim iaculis aliquam. Mauris nunc quam, venenatis nec, euismod sit amet, egestas placerat, est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras id elit. Integer quis urna. Ut ante enim, dapibus malesuada, fringilla eu, condimentum quis, tellus. Aenean porttitor eros vel dolor. Donec convallis pede venenatis nibh. Duis quam. Nam eget lacus. Aliquam erat volutpat. Quisque dignissim congue leo.</p>
<p>Mauris vel lacus vitae felis vestibulum volutpat. Etiam est nunc, venenatis in, tristique eu, imperdiet ac, nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In iaculis facilisis massa. Etiam eu urna. Sed porta. Suspendisse quam leo, molestie sed, luctus quis, feugiat in, pede. Fusce tellus. Sed metus augue, convallis et, vehicula ut, pulvinar eu, ante. Integer orci tellus, tristique vitae, consequat nec, porta vel, lectus. Nulla sit amet diam. Duis non nunc. Nulla rhoncus dictum metus. Curabitur tristique mi condimentum orci. Phasellus pellentesque aliquam enim. Proin dui lectus, cursus eu, mattis laoreet, viverra sit amet, quam. Curabitur vel dolor ultrices ipsum dictum tristique. Praesent vitae lacus. Ut velit enim, vestibulum non, fermentum nec, hendrerit quis, leo. Pellentesque rutrum malesuada neque.</p>
<!-- Photos de l'appartement avec legende -->
</div>
<div id="photo">
<div id="frame">
<div id="centrer-gallery">
<div id="gallery">
<ul>
<li><a href="../138leclerc/img/cuisine.jpg" title="Cuisine"><img src="../138leclerc/cuisinep.jpg" alt="Cuisine" border="0" title="Cuisine" /></a></li>
<br/>Cuisine<br/><br/>
<li><a href="../138leclerc/img/chambre2.jpg" title="Chambre"><img src="../138leclerc/chambre2p.jpg" alt="Chambre" border="0" title="Chambre" /></a></li>
<br/>Chambre<br/><br/>
<li><a href="../138leclerc/img/chambre1.jpg" title="Chambre" ><img src="../138leclerc/chambre1p.jpg" alt="Chambre" border="0" title="Chambre" /></a></li>
<br/>Chambre<br/><br/>
<li><a href="../138leclerc/img/salledebains.jpg" title="Salle de bains"><img src="../138leclerc/salledebainsp.jpg" alt="Salle de bains" border="0" title="Salle de bains" /></a></li>
<br/>Salle de bains<br/><br/>
</ul>
</div>
</div>
</div>
</div>
<!-- Bas -->
<div id="bas">d <a href="http://google.fr/" target="_blank">titi</a></div>
</div>
</div>
<!-- Fin de ma page -->
</body>
</html> |
18/09/2011, 16h19
Centrage html css
00
Jérôme Réaux
Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
