Aligner une image composée
Bonjour,
J'ai un petit soucis... Un dernier petit soucis avant de mettre en ligne le site.
Un dessin vaut mieux qu'une longue explication...
http://img296.imageshack.us/img296/8962/aideax4.png
et voilà le code HTML épuré:
Code:
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
|
<!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" xml:lang="fr" lang = "fr">
<head> <!--Début En-tête-->
<title>BORG___Le BTS en Alternance
</title>
<link rel = "stylesheet" type = "text/css" href = "Style/Feuille_De_Style.css" /> <!--Appel de la feuille de style-->
<link rel = "shortcut icon" href = "Image/favicon.png"> <!--Lien pour Favicon-->
<script type = "text/javascript" src = "Script/Script.js"></script> <!--Appel à la feuille des Scripts JS-->
<meta http-equiv = "content-type" content = "text/html; charset=ISO-8559-1" /> <!--Rendre de manière lisible toute les caractères accentués et spéciaux-->
<!--[if IE]>
<style type="text/css">
#banniere, #banniere2
{
float : left;
}
</style>
<![endif]-->
</head> <!--Fin En-tête-->
<body class = "Public" onload = "fixIE()"> <!--Début Corps de la page-->
<div id = "conteneur"> <!--Début du conteneur-->
<div id = "top_header">
<img src = "Image/title.gif" alt "Prenez l'espace d'un instant pour cibler vos projets d'entreprise" />
</div>
<div id = "header"> <!--Début de l'en-tête-->
<div id = "banniere">
<div style = "float : left;">
<a href = "index.php">
<img src = "Image/Borg_Center.gif" alt = "Borg Center" />
</a>
</div>
<div align = "center">
<a href = "V_Presentation.php">
<img id = "banner1" src = "Image/banner1.gif" alt = "Présentation de BORG CENTER" />
</a>
</div>
<div align = "right">
<a href = "V_Presentation.php">
<img id = "banner2" src = "Image/banner2.gif" alt = "Présentation de BORG CENTER" align = "center"/>
</a>
<a href = "V_Contact.php">
<img id = "banner3" src = "Image/banner3.gif" alt = "Contact" />
</a>
</div>
</div> <!--Fin du logo-->
</div> <!--Fin de l'en-tête-->
</div>
</body>
</html> |
et voici le CSS
Code:
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
|
***************************************
All
***************************************/
*
{
margin : 0;
padding : 0;
}
/***************************************
Body
***************************************/
body
{
width : 100%;
height : 100%;
background-color : #0081FD;
font : 100% Verdana, Arial, Helvetica, sans-serif;
text-align : center;
color : #000000;
}
/***************************************
Container
***************************************/
#conteneur
{
background-color : #FFFFFF;
position : absolute;
top : 1% ;
bottom : 1%;
left : 3%;
right : 3%;
width : 94%;
text-align : justify;
}
/***************************************
Header
***************************************/
#conteneur #top_header
{
text-align : center;
}
#banniere img
{
display : block;
}
#banner1
{
margin-top : 0px;
margin-left : 0px;
}
#banner2
{
float : left;
margin-top : 0px;
margin-left : 0px;
}
#banner3
{
float : left;
margin-top : 0px;
margin-left : 0px;
} |
Je voudrais que l'image composée soit centrée... Mais je n'y arrive pas o_O
Normalement je devais upper le site ce soir mais mon maître de stage m'a remit cette image à la dernière minute... pensant que c'était faisable en un claquement de doigts...
Je vous remercie de toute aide que vous pourrez m'apporter.
Images :
=>banner1
http://img134.imageshack.us/img134/8829/banner1ia6.gif
=>banner2
http://img248.imageshack.us/img248/1816/banner2ho1.gif
=>banner3
http://img505.imageshack.us/img505/4987/banner3av8.gif
=>Borg_Center
http://img526.imageshack.us/img526/3...gcenterki8.gif
=>title
http://img153.imageshack.us/img153/8647/titlelk4.gif
