Bonjour,
ceci est mon premier post sur ce forum.J'ai utilisé la fonction recherché mais comme je n'arrive pas à bien définir ce que je souhaite faire,ce n'est pas évident.
Donc je débute en css et un tout petit peu moins en codage html/php.
Je souhaitais faire un cadre tout autour de ma page web.Pour se faire,j'ai plusieurs images que je place sur les 4 côtés.Le problème,c'est que ma page est vide mais que les éléments se placent d'une certaine façon que l'ascenseur est visible.Il faut donc descendre pour voir le cadre en bas.
Je vous donne l'adresse du pseudo site que j'ai fait:
Mon tout petit site à moi
Je récapitule:
-j'aimerais que la page soit 100% affichée sans besoin de l'ascenseur
-peut-on virer les retour à la ligne des balise DIV?
L'html:
Le css:
Je suis conscient que je peux manquer de claireté,donc poser moi des questions si vous le voulez.
de plus,étant débutant, je suis ouvert à d'autres méthodes si elles existent pour arriver au résultat souhaité
ceci est mon premier post sur ce forum.J'ai utilisé la fonction recherché mais comme je n'arrive pas à bien définir ce que je souhaite faire,ce n'est pas évident.
Donc je débute en css et un tout petit peu moins en codage html/php.
Je souhaitais faire un cadre tout autour de ma page web.Pour se faire,j'ai plusieurs images que je place sur les 4 côtés.Le problème,c'est que ma page est vide mais que les éléments se placent d'une certaine façon que l'ascenseur est visible.Il faut donc descendre pour voir le cadre en bas.
Je vous donne l'adresse du pseudo site que j'ai fait:
Mon tout petit site à moi
Je récapitule:
-j'aimerais que la page soit 100% affichée sans besoin de l'ascenseur
-peut-on virer les retour à la ligne des balise DIV?
L'html:
<html>
<title>
page de test css
</title>
<head>
<LINK rel=STYLESHEET href="style/style_bleu_noir.css" type="text/css">
</head>
<body>
<div id="centre">
<div id="haut">
<div id="coin">
</div>
<div id="coinHD">
</div>
</div>
<div id="gauche">
</div>
<div id="droite">
</div>
<div class="blanc gras">ecriture gras blanc</div>
<div class="blanc">ecriture blanc</div>
<div class="bleu gras">ecriture bleue gras</div>
<div id="bas">
<div id="coinBG">
</div>
<div id="coinBD">
</div>
</div>
</div>
</body>
</html>
Le css:
html, body {
margin:0px;
width: 100%;
height: 100%;
}
#haut {
height:30px;
width:100%;
background-image:url(degrade_bleu_noir_H.jpg);
background-repeat:repeat-x;
float:top;
}
#bas {
height:30px;
width:100%;
background-image:url(degrade_bleu_noir_H2.jpg);
background-repeat:repeat-x;
float:left;
}
#gauche {
height:100%;
width:30px;
background-image:url(degrade_bleu_noir_V.jpg);
background-position:left;
background-repeat:repeat-y;
float:left;
}
#droite {
height:100%;
width:30px;
background-image:url(degrade_bleu_noir_V2.jpg);
background-repeat:repeat-y;
float:right;
}
#coin {
height:30px;
width:30px;
background-image:url(coin_bleu_noir_HG.jpg);
background-repeat:no-repeat;
float:left;
}
#coinBG {
height:30px;
width:30px;
background-image:url(coin_bleu_noir_BG.jpg);
background-repeat:no-repeat;
float:left;
}
#coinBD {
height:30px;
width:30px;
background-image:url(coin_bleu_noir_BD.jpg);
background-repeat:no-repeat;
float:right;
}
#coinHD {
height:30px;
width:30px;
background-image:url(coin_bleu_noir_HD.jpg);
background-repeat:no-repeat;
float:right;
}
#centre {
/*cursor:crosshair ;*/
margin-top:0%;
margin-left:0px;
background-image:url(background_bleu_noir.jpg);
background-repeat:no-repeat;
height:100%;
width:100%;
}
.vert { color : green;}
.rouge { color : red;}
.blanc { color : white;}
.bleu { color : blue;}
.marron { color : brown;}
.mauve { color : purple;}
.gras {font-weight:bold}
Je suis conscient que je peux manquer de claireté,donc poser moi des questions si vous le voulez.
de plus,étant débutant, je suis ouvert à d'autres méthodes si elles existent pour arriver au résultat souhaité
.
