Se connecter avec
S'enregistrer | Connectez-vous

Probléme codage html

Dernière réponse : dans Programmation

Salut tous le monde, j' ai rencontré 2 problémes lors du codage de mon design.

Je n' arrive pas à faire un cadre pour pouvoir écrire au milieu et quand on veut placer des lien sur les rubriques avec le css ça marche pas.


Voici mon design:
http://ns23.hosteur.com/~bpzoom/decoupe/images/designbp...
Voici comment j' ai découpé le design:
http://ns23.hosteur.com/~bpzoom/decoupe/images/
Voici la page index:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>BP Zoom</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>

<center>
<div id="contenu">


<div id="header">

</div>


<div id="menu_gauche">
<a id="accueil" href="index.php"></a>
<a id="legroupe" href="#"></a>
<a id="concerts" href="#"></a>
<a id="photos" href="#"></a>
</div>

<div id="texte_bg">

</div>

<div id="menu_droite">
<a id="telechargements" href="#"></a>
<a id="livredor" href="#"></a>
<a id="zonefans" href="#"></a>
<a id="contact" href="#"></a>
</div>

<div id="footer">

</div>



</div>
</center>
</body>
</html>


Voici la page style.css:
Citation : Page style
body {
background-color:#cf1b20;
background-repeat:repeat;
font-family:Arial;
font-size:10px;
margin:0;
padding:0;

scrollbar-face-color:#7E7D7D; /* couleur du dessus des boutons et de la barre de défilement */
scrollbar-arrow-color:#000000; /* couleur des flèches */
scrollbar-track-color:#6E6D6D; /* couleur du fond de la barre */
scrollbar-highlight-color:#333333; /* couleur claire du relief des boutons */
scrollbar-shadow-color:#444444; /* couleur sombre du relief des boutons */
scrollbar-3dlight-color:#555555; /* couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés */
scrollbar-darkshadow-color:#666666; /* couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés */
}

div#contenu {
width:1024px;
height:auto;
}

div#header {
float:center;
background-image:url('./images/header.jpg');
width:801px;
height:122px;
}


div#menu_gauche {
background-image:url('./images/menu_gauche.jpg');
width:132px;
height:502;
float:left;
margin-left:111px !important;
}

a#accueil { width:57px; height:20px; margin-top:0px; margin-right:0px; position:absolute; }
a#legroupe { width:45px; height:20px; margin-top:0px; margin-right:0px; position:absolute; }
a#concerts { width:37px; height:20px; margin-top:0px; margin-right:0px; position:absolute; }
a#photos { width:70px; height:20px; margin-top:0px; margin-right:0px; position:absolute; }


div#menu_droite {
background-image:url('./images/menu_droite.jpg');
width:172px;
height:502px;
float:right;
margin-right:112px !important;
}

a#telechargements { width:200px; height:40px; margin-top:70px; margin-right:1000px; position:absolute; }
a#livredor { width:45px; height:20px; margin-top:0px; margin-left:0px; position:absolute; }
a#zonefans { width:37px; height:20px; margin-top:0px; margin-left:0px; position:absolute; }
a#contact { width:70px; height:20px; margin-top:0px; margin-left:0px; position:absolute; }


div#texte_bg {
background-image:url('./images/texte_bg.jpg');
width:497px;
height:502px;
float:left;
font-family:Arial;
font-size:10px;
margin-left:0px;
}

div#texte {
width:480px;
height:490px;
}

div#footer {
background-image:url('./images/footer.jpg');
width:801px;
height:144px;
margin-top:502px;
}

img { display:inline; margin:0; padding:0; }
ul , li { margin:0; padding:0; list-style-type:none; }
a { color:#000000; text-decoration:none; font-weight:bold; }
a:hover { color:#3F3E3E; font-weight:bold; }
h1 { text-align:center; margin:0; }
p { margin:0; padding:0; text-indent:10px; padding-top:10px;}
div.clear { clear:both; }

Merci d' avance !

Autres pages sur : probleme codage html

Lassé par la pub ? Créez un compte
Expert Programmation

en fait, si tu as cette barre de scroll en bas, c'est parce que la largeur du texte est trop longue.
Il faut que tu mettes des espaces, et ça utilisera que la largeur disponible ;-)
Là, il essaie d'élargir la div car il y a un contenu trop gros sans espace
Lassé par la pub ? Créez un compte

Répondre Créer un nouveau sujet

Tom's guide dans le monde