2 petits points css à régler pour mon site
Bonjour à vous :)
Je suis en train de créer un petit site perso sous joomla.
Je voulais faire un template perso pour que ça fasse bien.
Mais il me reste quelques points à régler, et j'avoue que je suis une peut perdue (j'ai encore du mal en css....)
C'est pourquoi je vous demande votre aide :)
Alors voici le coupable :p http://annebc.0fees.net/
Mes 2 problèmes sont :
-> je n'arrive pas à centrer le tout (j'ai essayé une div globale, avec un text-align:center ou des margin auto mais ça ne fonctionne pas)
-> le div global (fond vert) qui ne descend pas jusqu'en bas du div de contenu (articles) :'(
Voici mon php et mon css :
index.php
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| <html>
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/tmp_annebc/css/template.css" type="text/css" />
</head>
<body><div id="global">
<div id="conteneur_principal">
<div id="partie_menu">
<div id="contenu_menu"><jdoc:include type="modules" name="menu" /></div>
</div>
<div id="partie_contenu"><jdoc:include type="component" /></div>
</div>
<div id="partie_logo"><img src="templates/tmp_annebc/images/logo_annebc.png" border="none" id="img_logo"></div>
<div id="partie_slogan"><img src="templates/tmp_annebc/images/slogan_annebc.png" border="none" id="img_slogan"></div>
</div></body>
</html> |
template.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
76
77
78
79
80
| body {
background:#000000;
}
#global {margin: 0 auto;}
#conteneur_principal {
position:relative;
background:#7EBC0F;
width:850px;
height:587px;
margin: 0 auto;
}
#partie_menu {
top:238px;
background:#000000;
height:25px;
position:relative;
width:100%;
}
#contenu_menu {
position:relative;
float:right;
}
#partie_contenu {
height:324px;
top:238px;
position:relative;
overflow:auto;
}
#partie_logo {
position:absolute;
float:right;
left:68px;
top:5px;
}
#partie_slogan {
position:absolute;
left:468px;
top:25px;
float:right;
}
#img_logo {
height:332px;
}
#img_slogan {
height:200px;
top:5px;
}
a.mainlevel{
text-decoration: none;
color: #9ACF29;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
padding-right:4px;
padding-left:4px;
margin-top:2px;
margin-bottom:2px;
position:relative;
}
.componentheading {
text-decoration: none;
color: #000000;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-align:right;
margin-top:5px;
margin-right:5px;
}
.contentpaneopen {
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
margin-top:15px;
margin-right:5px;
border-bottom:2px solid #000000;
line-height: 12pt;
} |
Je vous remercie beaucoup d'avance :)
(N'hésitez pas à me dire s'il y a des erreurs flagrantes dedans aussi ^^).
Merci merci merci :)
Bisous
