Bonjour a tous et a toutes, c'est la premiere fois que je vien sur le forum pour vous demandez votre aide à propos du premier design que j'essaye de rendre extensible par moi meme, tous les précédents étant fixe.
J'aurais grand besoin de vous pour m'aidez à résoudre mes problemes d'affichage du design avec le css, qui plante totalement(sauf le header
).
Je ne comprend vraiment pas, j'ai essayé avec toutes les méthodes que je connaissais, et rien ni fait, pour l'instant le meilleur rendu que j'ai réussi a obtenir est cela: http://nuts.freezee.org/
Merci d'avance aux personnes qui m'aideront
Modifié par Nuts (05 Feb 2006 - 15:20)
J'aurais grand besoin de vous pour m'aidez à résoudre mes problemes d'affichage du design avec le css, qui plante totalement(sauf le header
).Je ne comprend vraiment pas, j'ai essayé avec toutes les méthodes que je connaissais, et rien ni fait, pour l'instant le meilleur rendu que j'ai réussi a obtenir est cela: http://nuts.freezee.org/
/* Commencé par Arthur le 17/01/06 et finit le ...??? */
body
{
width: 100%;
margin: 0px;
background-color: #FFFFFF;
text-align: left;
padding:0px;
}
/* Le header */
#header
{
width: 100%;
background-image:url('images/headerextensible.png');
background-repeat:repeat-x;
height:125px;
}
#debut_header
{
width: 253px;
height: 125px;
background-image: url('images/debutheader.png');
background-repeat: no-repeat;
float:left;
}
#menu_header
{
width: 342px;
height: 125px;
background-image: url('images/headermenu.png');
background-repeat: no-repeat;
padding: 0px;
font-size: 1em;
text-align: center;
line-height: 185px;
float:right;
}
#lien_menu
{
position:absolute;
right:0;
top:40;
}
/* Le corps de la page */
#conteneur
{
position: absolute;
top: 125px;
width: 100%;
}
#gauche
{
position: absolute;
left:0;
width: 25px;
background-image:url('images/gauche.png');
background-repeat: repeat-y;
}
#droite
{
position: absolute;
right:0;
width: 25px;
background-image:url('images/droite.png');
background-repeat: repeat-y;
}
#corps
{
margin-left:25px;
margin-right:25px;
}
#corps h1,h2
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
/* Le pied de page : footer(qui se trouve tout en bas, en général pour les copyrights) */
#footer
{
position: absolute;
bottom:0;
width: 100%;
height: 46px;
background-image: url("images/footer.png");
background-repeat: repeat-x;
}
#footer_gauche
{
float: left;
width: 36px;
height: 46px;
background-image: url("images/footer_gauche.png");
background-repeat: no-repeat;
}
#footer_droite
{
float: right;
width: 227px;
height: 46px;
background-image: url("images/footer_droite.png");
background-repeat: no-repeat;
}
/*autres */
a
{
color: #000000;
text-decoration:none;
}
a:hover
{
color: #898989;
}
p:first-letter
{
font-weight: bold;
font-size: 17px;
text-transform: uppercase;
}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Nuts Galerie</title>
<meta name="Description" content="Ce Portfolio vous permet de tous savoir sur Arthur( Nuts )" />
<meta name="Keywords" content="Arthur, Nuts, Frin, Portolfio, Galerie, Créations" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Geometal" href="style.css" />
<script src="linkfade.js"></script>
</head>
<body>
<!-- Le header -->
<div id="header">
<div id="debut_header">
</div>
<div id="menu_header">
<div id="lien_menu">
<a href="index.php">Index</a>
<a href="profil.php">Profil</a>
<a href="galerie.php">Galerie</a>
<a href="livreor.php">Livre d'or</a>
</div>
</div>
</div>
<!-- Le corps -->
<div id="conteneur">
<div id="droite"></div>
<div id="corps">
<h1>Bienvenue</h1>
<p><b>Ce site a été crée pour vous permettre de visualiser les créations de FRIN Arthur ( Nuts ), passioné par l’informatique.<br /><br />
Ses diverses créations sont visibles dans la rubrique Galerie.<br /><br />
Ce site présente également l'auteur de ces créations ( Age, Activités, Connaissances ... )<br /><br />
Je vous souhaite une bonne visite :o)<br /><br />
Arthur
</b> </p>
</div>
<div id="gauche"></div> </div>
<!-- Le footer -->
<div id="footer">
<div id="footer_gauche">
</div>
<div id="footer_droite">
</div>
</div>
</body>
</html>Merci d'avance aux personnes qui m'aideront
Modifié par Nuts (05 Feb 2006 - 15:20)
