Bonjour à tous,
Je suis nouveau venu dans le monde du strict html donc excuser mes lacunes...
Voila je souhaite refondre un site g réussit mon coup avec validation css et xhtml.... juskici tout va bien
Visible ici http://kwa29.free.fr/Sofibra/index2.html
Mais il ya un mais, la mise en forme est en tableau
hummm pas bien
Je me suis donc dis (comme beaucoup de monde surement !!) je v tout passer en div sans tableau, à la norme....
Hé voila le résultat
Visible ici http://kwa29.free.fr/Sofibra/index3.html
Sous IE sa passe mais sous Firefox g une ligne entre mon bandeau et le menu
Je vous poste le html utilisé
et les 2 fichiers css associés
comprend plus ????
D'avance merci pour vos reponses ou aides....
Modifié par Kwa29@louest (25 Feb 2005 - 21:18)
Je suis nouveau venu dans le monde du strict html donc excuser mes lacunes...
Voila je souhaite refondre un site g réussit mon coup avec validation css et xhtml.... juskici tout va bien
Visible ici http://kwa29.free.fr/Sofibra/index2.html
Mais il ya un mais, la mise en forme est en tableau
hummm pas bienJe me suis donc dis (comme beaucoup de monde surement !!) je v tout passer en div sans tableau, à la norme....
Hé voila le résultat
Visible ici http://kwa29.free.fr/Sofibra/index3.html
Sous IE sa passe mais sous Firefox g une ligne entre mon bandeau et le menu
Je vous poste le html utilisé
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>hotel pour seminaire, week end, sejour a themes, mariage - hotels sofibra</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="MSSmartTagsPreventParsing" content="TRUE">
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-language" content="fr" />
<meta content="5 days" name="revisit-after" />
<link href="images3/base.css" type="text/css" media="screen" rel="stylesheet" />
<link href="images3/couleurs.css" type="text/css" media="screen" rel="stylesheet" />
<link href="images3/base_print.css" type="text/css" media="print" rel="stylesheet" />
<link href="images3/couleurs_print.css" type="text/css" media="print" rel="stylesheet" />
<link rel="shortcut icon" type="image/x-icon" href="images3/favicon.ico" />
<link rel="icon" type="image/png" href="images3/favicon.png" />
</head>
<body class="c-pastel">
<div id="x-logo">
<a href=""><img src="images3/bandeau.jpg" alt="Cliquez ici" title="hotel pour seminaire, week end, sejour a themes, mariage - hotels sofibra" /></a>
</div>
<div id="x-menu">
<ul>
<li><a title="" href="">Rechercher un Hôtel</a></li>
<li><a title="" href="">Coup de Coeur</a></li>
<li><a title="" href="">Séjours à Thèmes</a></li>
<li><a title="" href="">Groupe</a></li>
<li><a title="" href="">Partenaires</a></li>
<li><a title="" href="">Contacts</a></li>
</ul>
</div>
<div id="x-footer">
<img src="images3/mail_bas_gauche.gif" class="bando_gauche" alt="Aucune image..." />
<a href="http://www.hotel-sofibra.com/"><img src="images3/mail_bas_droit.gif" class="bando_droite" alt="Aucune image..." /></a>
<img src="images3/ligne_bleu.gif" class="bando_centre" alt="Aucune image..." />
</div>
<div id="x-footer-errata">
<a href="">plan du site</a> |
<a href="">mentions légales</a> |
<a href="">crédits photos</a>
<br /><br />SOFIBRA © 2002 -2005
<a href="http://jigsaw.w3.org/css-validator"><img src="images2/css.gif" alt="Aucune image..." /></a>
<a href="http://validator.w3.org/check/referer"><img src="images2/xhtml.gif" alt="Aucune image..." /></a>
</div>
</body>
</html>
et les 2 fichiers css associés
body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 766px;
margin-left: auto;
margin-right: auto;
}
li, ul {
margin:0px;
padding:0px;
}
#x-logo img
{
width: 100%;
border: 0;
}
#x-menu
{
width: 100%;
margin: 0 auto;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
#x-menu li
{
display: inline;
padding-right: 10px;
padding-left: 10px;
}
#x-menu a
{
text-decoration: none;
}
#x-footer {
width: 100%;
margin: 0 auto;
text-align: center;
}
#x-footer img {
border:0;
}
.bando_gauche { display: block; float: left; margin-right: 0px; }
.bando_centre { display: block; margin: 0px auto; }
.bando_droite { display: block; float: right; margin-left: 0px; }
#x-footer-errata {
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: white;
width: 100%;
margin: 0 auto;
text-align: right;
}
#x-footer-errata a {
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-decoration: none;
}
#x-footer-errata a:hover {
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-decoration: underline;
}
#x-footer-errata img {
border:0;
vertical-align: middle;
display: inline-block;
}
input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid;
border-color: #999999;
text-decoration: none;
}
textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid;
border-color: #999999;
}
select {
cursor: pointer;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid;
color: black;
border-color: #999999;
text-decoration: none;
}
body.c-pastel {
background-color: #fff4d8;
width: 766px;
}
.c-pastel #x-logo img {
background-color: White;
border-right: rgb(0,102,153) 2px solid;
border-left: rgb(0,102,153) 2px solid;
border-top: rgb(0,102,153) 2px solid;
}
.c-pastel #x-menu {
background-color: White;
border-right: rgb(0,102,153) 2px solid;
border-left: rgb(0,102,153) 2px solid;
}
.c-pastel #x-menu a {
background-color: White;
text-decoration: none;
text-align: center;
font-weight: bold;
font-size: 13px;
color: #006699;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.c-pastel #x-menu a:visited {
text-decoration: none;
}
.c-pastel #x-menu a:hover {
color: #f60;
border-bottom: #f60 5px solid;
}
.c-pastel #x-menu a:active {
color: #f60;
border-bottom: #f60 5px solid;
}
.c-pastel #x-footer {
background-color: White;
border-right: rgb(0,102,153) 2px solid;
border-left: rgb(0,102,153) 2px solid;
}
.c-pastel #x-footer-errata {
background-color: #006699;
border-right: rgb(0,102,153) 2px solid;
border-left: rgb(0,102,153) 2px solid;
}
D'avance merci pour vos reponses ou aides....
Modifié par Kwa29@louest (25 Feb 2005 - 21:18)
) et effectivement, elle fonctionne ! Mille excuses, désolé.
