Bonjour,
Afin d'alléger un peu la navigation sur mon site j'ai décidé d'utiliser les pseudo frames, cependant je pensais avoir réussi mon codage CSS pour que mon design s'allonge automatiquement mais ce n'est pas le cas.
Mon projet n'avance pas malgré mes tentatives désespérées depuis 1 mois alors si quelqu'un pouvait m'aider pour revoir mon codage sa serait vraiment sympa
Le lien de mon site si vous voulez voir ce que j'obtiens actuellement ( seul la rubrique navigation fonctionne )
Mon site
Mon CSS:
Pour le code source je vous laisse el regarder sur le site directement pour éviter de surcharger mon post, merci d'avance.
Modifié par Sidji (02 Mar 2008 - 19:12)
Afin d'alléger un peu la navigation sur mon site j'ai décidé d'utiliser les pseudo frames, cependant je pensais avoir réussi mon codage CSS pour que mon design s'allonge automatiquement mais ce n'est pas le cas.
Mon projet n'avance pas malgré mes tentatives désespérées depuis 1 mois alors si quelqu'un pouvait m'aider pour revoir mon codage sa serait vraiment sympa
Le lien de mon site si vous voulez voir ce que j'obtiens actuellement ( seul la rubrique navigation fonctionne )
Mon site
Mon CSS:
/* ------------------- :: FOND DU SITE :: ------------------ */
body
{
width: 1000px;
margin-top: 0px;
margin-bottom: 0px;
margin: auto;
background-color: #7f6f89;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 73%;
color: #6b585a;
}
/*//////////////////////////////////////// GLOBAL /////////////////////////////////////////*/
/*//////////////////////////////////////// /////// /////////////////////////////////////////*/
#global
{
margin: auto;
height:100%;
background: url(../images/design/fd.png) repeat left !important;
background: none;
min-height: 100%;
max-width: 1000px;
}
/*//////////////////////////////////////// HEADER/////////////////////////////////////////*/
/*//////////////////////////////////////// /////// /////////////////////////////////////////*/
#header
{
width: 1000px;
height:364px;
background-image: url("../images/design/header.png");
background-repeat: no-repeat;
}
#zemanga
{
width: 200px;
position: relative;
left: 28px;
top: 31px;
}
#classement
{
width: 200px;
position: relative;
left: 350px;
bottom: 298px;
}
#publicite
{
width: 468px;
position: relative;
left: 290px;
bottom: 271px;
}
h5
{
text-align: center;
position: relative;
bottom: 9px;
}
#statistique
{
width: 160px;
position: relative;
left: 797px;
bottom: 382px;
}
/*//////////////////////////////////////// PAGE /////////////////////////////////////////*/
/*//////////////////////////////////////// /////// ///////////////////////////////////////*/
#page
{
width: 1000px;
height:760px;
background-image: url("../images/design/contenu.png");
background-repeat: no-repeat;
}
#navigation
{
width: 200px;
position: relative;
left: 49px;
top: 23px;
}
#multimedia
{
width: 200px;
position: relative;
left: 49px;
top: 82px;
}
#chat
{
width: 210px;
position: relative;
left: 43px;
top: 133px;
}
#content
{
width: 672px;
position: relative;
left: 272px;
top: -650px;
}
#ex ([#red]je voulais que ce soit cet image de fond qui s'allonge)]je voulais que ce soit cet image de fond qui s'allonge)]
{
width: 1000px;
height:4px;
background-image: url("../images/design/ex.png");
background-repeat: repeat-y;
}
/*//////////////////////////////////////// FOOTER /////////////////////////////////////////*/
/*//////////////////////////////////////// /////// /////////////////////////////////////////*/
#footer
{
width: 1000px;
height:73px;
background-image: url("../images/design/footer.png");
background-repeat: no-repeat;
}
#partenaire
{
width: 800px;
position: relative;
left: 40px;
top: 45px;
}
h6
{
width: 200px;
position: relative;
left: 40px;
bottom: 21px;
}
Pour le code source je vous laisse el regarder sur le site directement pour éviter de surcharger mon post, merci d'avance.
Modifié par Sidji (02 Mar 2008 - 19:12)