Bonjour.
J'ai un problème avec mon pied de page sous FF : lorsque le menu est plus grand que le corps, le pied de page passe en dessous au lieu de rester à son niveau: Voici le lien de mon site: ici.
Et voici les codes:
code css
Merci de vos réponses!
J'ai un problème avec mon pied de page sous FF : lorsque le menu est plus grand que le corps, le pied de page passe en dessous au lieu de rester à son niveau: Voici le lien de mon site: ici.
Et voici les codes:
<!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>NIKRACREATIONS | Tutoriaux photoshop, creations de site web et...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="../style.css" />
</head>
<body>
<div id="banniere"></div>
<div id="menu">
<a class="element_menu" href="../index.html">Accueil</a>
<a class="element_menu" href="tutoriaux.html">Les tutoriaux</a>
<a class="element_menu" href="../forum.html">Le forum</a>
<a class="element_menu" href="creations.html">Créations</a>
<a class="element_menu" href="../contact.html">Contact</a>
</div>
<div id="menuho">
<div class="sousmenuho">
<h1>nikracreations</h1>
<center><img src="../images/logo.png" alt="logo de Nikracreations" ></center>
<p style="font-style: italic; text-align: center; font-weight: bold; font-family: Verdana, Serif; color: #2887B9;">Bienvenue sur Nikracreations</p>
</div>
<div class="sousmenuho">
<h2>menu</h2>
<ul>
<li><a href="tutoriaux.html">Tutoriaux</a></li>
<li><a href="../forum.html">Forum</a></li>
<li><a href="../contact.html">Contact</a></li>
</ul>
</div>
<div class="basmenuho"></div>
</div>
<div id="corps">
<div class="hautcorps">
<div class="directions">[Vous êtes ici] <a href="../index.html">Nikracreations</a> > <a href="33/index.html">Accueil</a> > <a href="tutoriaux.html">Tutoriaux</a>.</div>
</div>
<h1>TOUS LES TUTORIAUX</h1>
<h2>Les tutoriaux</h2>
<ul class="listetuto">
<li><a href="site_internet/site_internet.html">Site internet</a></li>
<li><a href="photoshop/photoshop.html">Photoshop</a></li>
</ul>
</p>
<div class="bascorps"></div>
</div>
<div id="copyright">
<p>© NIKRACREATIONS 2007 | Tous droits réservés.</p>
</div>
</body>
</html>
code css
body
{
width: 1000px;
margin: auto;
background-image: url("images/fond.png");
background-repeat: no-repeat;
margin-bottom: 0px;
margin-top: 0px;
background-color: white;
}
#banniere
{
background-image: url("images/banniere.gif");
width: 1000px;
height: 98px;
}
#menuho
{
width: 200px;
float: left;
position: relative;
background-color: #E2E2E2;
margin-top: 0px;
margin-left: 12px;
margin-top: 10px;
}
.sousmenuho
{
background-color: #E2E2E2;
margin-bottom: 0px;
}
.sousmenuho h1
{
background-image: url("images/hautmenuho.png");
font-family: Verdana, Serif;
color: white;
font-size: 17px;
font-variant: small-caps;
padding-left: 16px;
padding-bottom: 2px;
}
.sousmenuho h2
{
background-image: url("images/hautmenuhoh2.png");
font-family: Verdana, Serif;
color: white;
font-size: 17px;
font-variant: small-caps;
padding-left: 16px;
padding-bottom: 2px;
}
.basmenuho
{
background-image: url("images/basmenuho.png");
width: 200px;
height: 15px;
}
.sousmenuho ul
{
list-style-image: url("images/puce.png");
}
.sousmenuho a
{
color: #535353;
text-decoration: none;
font-family: Arial, Serif;
font-weight: bold;
padding-left: 10px;
font-size: 15px;
padding-bottom: 1px;
}
.sousmenuho a:hover
{
text-decoration: underline
}
#menu
{
width: 980px;
height: 18px;
background-image: url("images/fond_menu.png");
margin-left: 10px;
background-repeat: no-repeat;
padding-bottom: 1px;
}
.element_menu
{
display: block;
float: left;
width: 19%;
height: 18px;
border: none;
text-align: center;
color: white;
font-size: 13px;
font-family: Verdana, Serif;
text-decoration: none;
font-weight: bold;
}
#menu a:hover
{
color: #3FAAD1;
font-style: italic;
}
#corps
{
margin-left: 230px;
margin-right: 10px;
margin-top: 10px;
background-image: url("images/fondcorps.png");
width: 760px;
}
.hautcorps
{
width: 760px;
height: 20px;
background-image: url("images/hautcorps.png");
font-size: 13px;
}
.directions
{
margin-left: 3px;
margin-top: 2px;
text-decoration: none;
}
.directions a
{
color: #1E78B1;
text-decoration: none;
}
.directions a:hover
{
text-decoration: underline
}
.bascorps
{
width: 760px;
height: 20px;
background-image: url("images/bascorps.png");
}
#corps p
{
font-family: Verdana, Serif;
font-size: 13px;
text-indent: 40px;
margin: 10px;
}
#corps h2
{
font-family: Verdana, Serif;
color: #686868;
font-size: 19px;
background-image: url("images/puceh1.png");
background-repeat: no-repeat;
margin-left: 80px;
padding-left: 25px;
font-style: italic;
}
#corps h1
{
text-align: center;
font-family: Arial, Serif;
color: #1E78B1;
text-decoration: underline overline;
}
#copyright
{
width: 980px;
background-image: url("images/fondpied.png");
margin-top: 10px;
margin-left: 10px;
text-align: center;
font-family: Arial, Serif;
margin-bottom: 30px;
background-repeat: no-repeat;
position: relative;
}
#copyright p
{
margin-bottom: 10px;
margin-right: 90px;
}
.listetuto
{
margin-left: 150px;
list-style: square;
}
.listetuto a
{
text-decoration: none;
color: #1e78b1;
font-family: Verdana;
font-size: 15px;
}
.listetuto a:hover
{
text-decoration: underline;
}
.numero
{
font-family: Arial, Serif;
font-size: 20px;
color: #1e78b1;
}
.tuto
{
margin-left: 10px;
}
.lientuto
{
font-family: Verdana;
text-decoration: none;
margin-left: 5px;
color: #1e78b1;
font-size: 18px;
}
.lientuto:hover
{
text-decoration: underline;
}
.apercu
{
float: left;
}
.description
{
margin-top: 2px;
font-family: Times, Verdana, Serif;
font-size: 14px;
padding-left: 5px;
margin-right: 50px;
margin-left: 100px;
}
.code
{
margin-left: 10px;
border: 1px solid dashed;
margin-right: 10px;
padding-left: 10px;
background-color: #EEEEEE;
}
.lien
{
color: #1e78b1;
}
.lien:hover
{
text-decoration: none;
}
Merci de vos réponses!
. Ca ne pourra que renforcer mettre en valeur vos contenus.
