bonjour a tous, j'ai 14 ans et j'ai commecner a créer un site web avec HTML5 et CSS3
cependant je narrive pas a mettre le fon de ma page comme je le voudrai
en effet, mon fond ressemble a ceci :
mais je voudrai qu'l ressemble a cela :
voici le code utilisé :
HTML :
<!DOCTYPE html>
<HTML>
<HEAD>
<META charset="utf-8" />
<LINK rel="stylesheet" href="style.css" />
<TITLE> Mapcraft - Page 1 - Le site de partage de vos maps Minecraft ! </TITLE>
</HEAD>
<BODY>
<DIV id="hg">
<DIV id="hd">
<DIV id="contenu">
<H1> Mapcraft </H1>
<H3> Le site de partage de vos maps Minecraft et Portal 2 ! </H3>
<H3> Accueil </H3>
<BR><BR>
<CENTER>
<TABLE border="1">
<TR>
<TD align="center" width="125 px"> <A href="Pages-index/PageM1.html"> Maps Minecraft </A> </TD>
<TD align="center" width="125 px"> <A href="Pages-index/PageP1.html"> Maps Portal 2 </A> </TD>
<TD align="center" width="125 px"> <A href="Pages-index/PageJ1.html"> Jeux en ligne </A> </TD>
<TD align="center" width="125 px"> <A href="http://mapcraft-forum.forumjv.com/0-82597-0-1-0-1-0-0.htm"> Le forum </A> </TD>
<TR>
</TABLE>
</CENTER>
</DIV>
</DIV>
</DIV>
</BODY>
</HTML>
et CSS :
BODY
{
background-color: black;
color: white;
}
- hg, #hd
{
background-repeat:no-repeat;
background-image:url(Images/Fond.jpg);
}
- hg
{
background-position: left;
}
- hd
{
background-position: right;
}
- contenu
{
margin-left: 100px;
margin-right: 100px;
}
- contenu p
{
text-align: justify;
}
P
{
color: white; /* paragraphes en blanc */
font-family: Verdana; /* paragraphes en VERDANA */
text-align: left; /* paragraphes aligné à gauche */
}
H1, H2, H3, H4, H5, H6
{
color: white; /* titre en blanc */
text-align: center; /* titre centré */
text-decoration: underline; /* titre souligné */
}
A:link, A:visited
{
color: White; /* lien avant et après clic en blanc */
text-decoration: underline; /* lien avant et apres clic souligné */
}
.lienpage
{
display: inline; /* lienpage en une seule ligne */
}
.ps, .ms
{
color: red; /* mots et phrases important(e)s en rouge */
font-style: italic; /* mots et phrases important(e)s en ITALIQUE */
font-weight: bold; /* mots et phrases important(e)s en GRAS */
}
voila, je ne sais vraiment pas quoi faire pour que cela fonctionne --'
(la secondes image a été faite via PAINT windows)
merci a tous de vos réponses
bya
