Probleme bénin HTML/CSS
Posté: Sam Juil 30, 2011 11:19 amBonjour à tous !
J'ai un problème au niveau du positionnement des divisions, je pense, mais je n'arrive pas à trouver là où ca plante :/
Screen:
Uploaded with ImageShack.us
Le problème c'est que j'aimerai que "l'écran" qui contient mes trois liens soit au milieu de la banniere et non pas coller vers son bord haut ! J'ai essayé de modifier plusieurs fois les margin et padding, en faisant du bidouillage mais je n'ai pas trouver :X
Je vous donne mon code HTML / CSS
CSS:
HTML:
Dans les pages importés par PHP, il n'y a pas de balises !
Merci beaucoup pour votre, ca fait deux jours que je plante sur une chose aussi petite, que j'en ai les nerfs à bout !
Cordialement et numériquement, Pixel_Synox
PS: les divs top-class et contenu, n'ont pas de CSS n'y de HTML pour l'instant !
J'ai un problème au niveau du positionnement des divisions, je pense, mais je n'arrive pas à trouver là où ca plante :/
Screen:
Uploaded with ImageShack.us
Le problème c'est que j'aimerai que "l'écran" qui contient mes trois liens soit au milieu de la banniere et non pas coller vers son bord haut ! J'ai essayé de modifier plusieurs fois les margin et padding, en faisant du bidouillage mais je n'ai pas trouver :X
Je vous donne mon code HTML / CSS
CSS:
- Code: Tout sélectionner
body
{
margin:0;
padding:0;
font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
background: url(theme/bg.jpg) no-repeat top center black;
}
.log_in
{
margin-top: -10px;
height: 80px;
background: url(theme/login_bg.jpg) no-repeat top center;
text-align: center;
line-height: 90px;
}
.banniere_bg
{
margin-top: -15px;
height: 64px;
background: url(theme/header_bg.png) repeat-x top center;
}
.banniere_bg .banniere
{
margin: 10px auto;
height: 35px;
width: 510px;
background:url(theme/menubar_bg.png) no-repeat center;
}
.banniere_bg .banniere ul li
{
margin-left: 40px;
list-style: none;
float: left;
padding: 9px 45px 0 0px;
}
.banniere_bg .banniere ul li a
{
display: block;
text-align: center;
height: 35px;
text-decoration: none;
color: black;
}
.banniere_bg .banniere ul li a:hover
{
color: white;
}
HTML:
- Code: Tout sélectionner
<!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" >
<head>
<title>Site de Jey !</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>
<div class="log_in">
<?php include("structure/login_off.php"); ?>
</div>
<div class="banniere_bg">
<div class="banniere">
<?php include("structure/banniere.php"); ?>
</div>
</div>
<div class="top-class" >
<div id="corps">
</div>
</div>
</body>
</html>
Dans les pages importés par PHP, il n'y a pas de balises !
Merci beaucoup pour votre, ca fait deux jours que je plante sur une chose aussi petite, que j'en ai les nerfs à bout !
Cordialement et numériquement, Pixel_Synox
PS: les divs top-class et contenu, n'ont pas de CSS n'y de HTML pour l'instant !