Bonjour à tous,
je suis nouvelle ici et débutante.
est ce que quelqu'un peu me dire ce qui ne va pas dans mon code car l'html est validé par W3C mais le css ne s'applique pas.
Mes blocs sont les uns sous les autres!
J'ai dû louper une étape.
Voici les feuilles
le css n'est pas terminé mais ca devrait réagir au moins un peu!)
Modifié par nanonerie (18 May 2007 - 16:19)
je suis nouvelle ici et débutante.
est ce que quelqu'un peu me dire ce qui ne va pas dans mon code car l'html est validé par W3C mais le css ne s'applique pas.
Mes blocs sont les uns sous les autres!
J'ai dû louper une étape.
Voici les feuilles
le css n'est pas terminé mais ca devrait réagir au moins un peu!)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Réalisation Print</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="images/realp.css" media="all" />
</head>
<body>
<div id="bloc-englobant">
<div id="img00">
<img alt="fond" width="1024" height="768" src="images/fond.jpg" />
</div>
<div id="img0">
<img alt="realisationg" width="141" height="25" src="images/realisationg.jpg" />
</div>
<div id="rectangle">
<div id="img000">
<img alt="rectangle" width="484" height="404" src="images/rectangle.jpg" />
</div>
<div id="bloc-gauche">
<div id="img1">
<img alt="fond-anne" width="180" height="19" src="images/fond-anne.jpg" />
</div>
<div id="img2">
<img alt="colonne" width="66" height="115" src="images/colonne.jpg" />
</div>
<div id="img3">
<img alt="menu" width="69" height="402" src="images/menu.jpg" />
</div>
<div id="img4">
<img alt="accueil" width="38" height="12" src="images/accueilm.jpg" />
</div>
<div id="img5">
<img alt="profil" width="29" height="14" src="images/profilm.jpg" />
</div>
<div id="img6">
<img alt="services" width="43" height="12" src="images/servicesm.jpg" />
</div>
<div id="img7">
<img alt="realisations" width="63" height="12" src="images/realisationm.jpg" />
</div>
</div>
<div id="bloc-milieu">
<div id="bloc-haut">
<div id="img8">
<img alt="fond-haut" width="274" height="99" src="images/fond-haut.jpg" />
</div>
<p>Voici <br />
quelques<br />
exemples de <br />
mon savoir-faire.<br /><br />
Cliquez sur les liens<br />
qui vous interessent.
</p>
<div id="img9">
<img alt="truc" width="40" height="30" src="images/truc.jpg" />
</div>
</div>
<div id="bloc-bas">
<div id="gauche">
<div id="img10">
<img alt="fond-bas" width="388" height="272" src="images/fond-bas.jpg" />
</div>
<div id="img11">
<img alt="papillon" width="23" height="20" src="images/papillon.jpg" />
</div>
<h1>Numérique:</h1><br />
<div id="menu1">
<a href="archi.html">Projet architecture,<br /></a>
<a href="bureau.html">Projet d'aménagement bureau,<br /></a>
<a href="montre.html">Montre métal,<br /></a>
<a href="dépliant.html">Dépliant touristique.<br /></a>
</div>
<h1>Publicité KSi:</h1><br />
<div id="menu2">
<a href="noel.html">Noel,<br /></a>
<a href="leclerc.html">E.Leclerc.<br /></a>
</div>
</div>
<div id="droite">
<div id="img12">
<img alt="ampoule" width="84" height="183" src="images/ampoule.jpg" />
</div>
<div id="img13">
<img alt="contact" width="38" height="11" src="images/contact.jpg" />
</div>
</div>
</div>
</div>
<div id="bloc-droite">
<img alt="texte-print" width="15" height="114" src="images/texte-print.jpg" />
</div>
</div>
</div>
</body>
</html>
/* CSS Document */
body {
margin: 0 ;
padding: 0 ;
text-align: center;
font: 0.8em "Helvetica Neue LT std", helvetica, sans-serif ;
}
#bloc-englobant {
width:1024px;
height: 768px;
}
#img00 {
background-position: top left;
background-repeat: no-repeat;
background-image: url(images/fond.jpg); /*image de fond*/
width:1024px;
height: 768px;
}
#img0 {
width:141px;
height: 25px;
}
#img000 {
width:484px;
height: 404px;
float: left;
margin-left: 244px;
margin-top: 192px;
position:absolue;
display :block;
}
#bloc-gauche {
float: left;
height: 425px;
}
#img1 {
width:180px;
height: 19px;
}
#img2 {
width:66px;
height: 115px;
}
#img3 {
width:69px;
height: 402px;
}
#img4 {
width:38px;
height: 12px;
}
#img5 {
width:29px;
height: 14px;
}
#img6 {
width:43px;
height: 12px;
}
#img7 {
width:63px;
height: 12px;
}
#bloc-milieu {
float : left;
width: 454px;
height: 381px;
margin-left: 305px;
margin-top: 197px;
position:absolue;
}
#bloc-haut {
}
#img8 {
width: 274px;
height: 99px;
}
p {
float: left;
font-family: "Helvetica Neue LT std";
/* la famille Helvetica Neue LT std n'est pas une typo "standard" */
/* il vaudrait mieux la préciser entre guillemets */
/*font-style: net;*/
/* font-style ne peut être que normal, italic ou oblique */
font-size: 10px;
color: #675f43;
text-align: left;
display: bloc;
position: absolute;
}
#img9 {
width: 40px;
height: 30px;
}
#bloc-bas {
}
#gauche {
}
#img10 {
width: 388px;
height: 272px;
}
#img11 {
width: 23px;
height: 20px;
}
h1 {
float: left;
font-family: "Helvetica Neue LT std";
/* la famille Helvetica Neue LT std n'est pas une typo "standard" */
/* il vaudrait mieux la préciser entre guillemets */
/*font-style: net;*/
/* font-style ne peut être que normal, italic ou oblique */
font-size: 14px;
color: #403a25;
text-align: left;
display: bloc;
}
#menu1 {
overflow: auto ;
float: left;
font-family: "Helvetica Neue LT std";
font-size: 10px;
text-align: justify ;
color: #675f43;
text-align: left;
display: bloc;
text-indent: 2em ;
line-height: 1.7em ;
}
#menu2 {
overflow: auto ;
float: left;
font-family: "Helvetica Neue LT std";
font-size: 10px;
text-align: justify ;
color: #675f43;
text-align: left;
display: bloc;
text-indent: 2em ;
line-height: 1.7em ;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
#droite {
float : right;
}
#img12 {
width: 84px;
height: 183px;
}
#img13 {
width: 38px;
height: 11px;
}
#bloc-droite {
float : left;
width: 15px;
height: 114px;
}
Modifié par nanonerie (18 May 2007 - 16:19)
