mquake2000 | Bonjour.
J'ai un petit problème avec une page web.
Toutes les DIV qui se trouvent dans la DIV "souscontenuestock" et après la DIV "classic" ne s'affichent pas lorsque je charge la page sur un navigateur.
Voici le bout du code XHTML en question :
Code :
- <body><div id="site">
- <div id="accueil"><img src="images/images/accueil.jpg" width="73" height="46" /></div>
- <div id="element1"><img src="images/images/element1.jpg" width="73" height="74" /></div>
- <div id="keros2"></div>
- <div id="notreentreprise"><img src="images/images/entreprise.jpg" width="205" height="57" /></div>
- <div id="notrecollection"><img src="images/images/notre collection.jpg" width="205" height="54" /></div>
- <div id="contact"><img src="images/images/nouscontacter.jpg" width="205" height="59" /></div>
- <div id="element2"><img src="images/images/element2.jpg" width="205" height="301" /></div>
- <div id="contenuestock">
- <div id="textenotrecollection">
- <p><strong> Nos créations usine</strong><br />
- <strong> </strong>Nos créations personnalisées avec un délai de réalisation usine.<br />
- <strong> </strong>Chaque année, de nouvelles créations originales sont sélectionnées et <br />
- <strong> </strong>confectionnées pour <strong></strong>vous et vos partenaires privilégiés.</p>
- </div>
- <div id="souscontenuestock">
- <div id="classic"><strong>CLASSIC</strong><br />
- <div id="imitpel"><img src="Photos/usine/imitpel.gif" width="70" height="70" /><br />
- IMITPEL<br />
- </div>
- <div id="usinemadrid"><img src="Photos/usine/madrid.gif" width="70" height="70" /><br />
- MADRID</div>
- <div id="usinegommapel"><img src="Photos/usine/gommapel.gif" width="70" height="70" /><br />
- GOMMAPEL
- </div>
- <div id="usinetoronto"><img src="Photos/usine/toronto.gif" width="70" height="70" /><br />
- TORONTO
- </div>
- <div id="usinebahia"><img src="Photos/usine/bahia.gif" width="70" height="70" /><br />
- BAHIA</div>
- <div id="usinekenya"><img src="Photos/usine/kenya.gif" width="70" height="70" /><br />
- KENYA</div>
- <div id="usinereflight"><img src="Photos/usine/reflight.gif" width="70" height="70" /><br />
- REFLIGHT<br />
- </div>
- <div id="usinemadere"><img src="Photos/usine/madere.gif" width="70" height="70" /><br />
- MADERE
- </div>
- <div id="usinesamana"><img src="Photos/usine/samana.gif" width="70" height="70" /><br />
- SAMANA
- </div></div>
- <div id="moderne"><strong>MODERNE</strong><br />
- <div id="imitpel"><img src="Photos/usine/nuage.gif" width="70" height="70" /><br />
- NUAGE
- <br />
- </div>
- <div id="usinemadrid"><img src="Photos/usine/titanium.gif" width="70" height="70" /><br />
- TITANIUM</div>
- <div id="usinegommapel"><img src="Photos/usine/glitter.gif" width="70" height="70" /><br />
- GLITTER
- </div></div>
- <div id="business"><strong>BUSINESS</strong><br />
- <div id="usinekambera"><img src="Photos/usine/kambera.gif" width="70" height="70" /><br />
- KAMBERA</div>
- <div id="usineprint"><img src="Photos/usine/kambera.gif" width="70" height="70" /><br />
- PRINT</div>
- <div id="usinelisbonne"><img src="Photos/usine/lisbonne.gif" width="70" height="70" /><br />
- LISBONNE</div>
-
- </div>
- <div id="PRESTIGE"><strong>PRESTIGE</strong><br />
- <div id="usinedakota"><img src="Photos/usine/dakota.gif" alt="" width="70" height="70" /><br />
- DAKOTA</div>
- <div id="usinesarawak"><img src="Photos/usine/sarawak.gif" alt="" width="70" height="70" /><br />
- SARAWAK</div>
- <br />
- </div>
- <div id="BI-MATIERE"><strong>BI-MATIERE</strong><br />
- <div id="usinerecife"><img src="Photos/usine/recife.gif" alt="" width="70" height="70" /><br />
- RECIFE</div>
- <div id="usinefidji"><img src="Photos/usine/fidji.gif" alt="" width="70" height="70" /><br />
- FIDJI</div>
- <br />
- </div>
- <div id="AMOVIBLE"><strong>AMOVIBLE<br />
- </strong>
- <div id="usineantigua"><img src="Photos/usine/antigua.gif" alt="" width="70" height="70" /><br />
- ANTIGUA</div>
- <div id="usinecuipf"><img src="Photos/usine/cuirPleineFleur.gif" alt="" width="70" height="70" /><br />
- CUIR PLEINE FLEUR</div>
- <div id="usineamalfi"><img src="Photos/usine/cuirPleineFleur.gif" alt="" width="70" height="70" /><br />
- CUIR PLEINE FLEUR</div>
- <strong><br />
- </strong></div>
- <br />
- </div>
- </div>
- <div id="bas"><img src="images/images/bas.jpg" width="775" height="26" /></div>
- <div id="piedepage"></div></div>
- </body>
|
Et celui du fichier CSS :
Code :
- @charset "utf-8";
- body {
- background-color: #dcd7ee;
- }
- #accueil {
- position: relative;
- width: 73px;
- height: 46px;
- }
- #site #acceuil {
- height: 52px;
- width: 101px;
- position: relative;
- padding: 0px;
- top: 0px;
- left: 0px;
- }
- #site #acceuil #accueil {
- top: 0px;
- left: 0px;
- }
- #site #keros {
- position: relative;
- width: 907px;
- left: 73px;
- top: -120px;
- height: 120px;
- background-image: url(images/images/keros.jpg);
- text-align: right;
- }
- #site #keros #FlashID {
- right: 0px;
- position: relative;
- bottom: 0px;
- height: 120px;
- width: 167px;
- }
- #site #element1 {
- width: 73px;
- position: relative;
- overflow: visible;
- height: 74px;
- }
- #site #cotedroit {
- position: absolute;
- left: 874px;
- top: 138px;
- width: 139px;
- height: 477px;
- }
- #site #element2 {
- height: 301px;
- width: 205px;
- position: relative;
- top: -120px;
- }
- #site #notreentreprise {
- position: relative;
- height: 57px;
- width: 205px;
- top: -120px;
- }
- #site #notrecollection {
- position: relative;
- width: 205px;
- top: -120px;
- }
- #site #contact {
- position: relative;
- height: 59px;
- width: 205px;
- top: -120px;
- }
- #site #piedepage {
- position: relative;
- top: -562px;
- height: 40px;
- text-align: center;
- font-family: Verdana, Geneva, sans-serif;
- font-size: 12px;
- color: #333;
- }
- #site #bas {
- position: relative;
- height: 2px;
- width: 775px;
- left: 205px;
- top: -591px;
- }
- #site {
- height: 630px;
- width: 980px;
- position: relative;
- margin-top: auto;
- margin-right: auto;
- margin-bottom: 0px;
- margin-left: auto;
- padding: 0px;
- overflow: hidden;
- }
- #site #contenue {
- height: 445px;
- width: 775px;
- position: relative;
- left: 205px;
- top: -591px;
- background-color: #6A847B;
- font-family: Verdana, Geneva, sans-serif;
- text-align: center;
- background-image: url(images/images/fond.jpg);
- margin: 0px;
- padding: 0px;
- }
- a:link {
- color: #333;
- }
- a:visited {
- color: #333;
- }
- a:hover {
- color: #333;
- }
- a:active {
- color: #333;
- }
- #site #contenue #textecontact {
- width: 270px;
- height: 220px;
- left: 320px;
- top: 105px;
- position: relative;
- overflow: hidden;
- text-align: left;
- font-family: Verdana, Geneva, sans-serif;
- }
- #site #contenuenotrecollection {
- height: 445px;
- width: 775px;
- position: relative;
- left: 205px;
- top: -591px;
- background-color: #6A847B;
- font-family: Verdana, Geneva, sans-serif;
- text-align: left;
- margin: 0px;
- padding: 0px;
- background-image: url(images/images/fond3.jpg);
- overflow: hidden;
- }
- #site #contenuenotrecollection #boutonscollection #stock {
- height: 56px;
- width: 181px;
- }
- #site #contenuenotrecollection #boutonscollection #usine {
- height: 56px;
- width: 141px;
- position: relative;
- top: -56px;
- left: 181px;
- }
- #site #contenuenotrecollection #boutonscollection #calendriers {
- height: 56px;
- width: 149px;
- position: relative;
- top: -112px;
- left: 322px;
- }
- #site #contenue #textenotrecollection {
- height: 220px;
- left: 320px;
- position: relative;
- overflow: hidden;
- text-align: left;
- font-family: Verdana, Geneva, sans-serif;
- visibility: hidden;
- width: 600px;
- }
- #site #contenuestock #textenotrecollection {
- }
- #site #contenuestock {
- height: 445px;
- width: 775px;
- position: relative;
- left: 205px;
- top: -591px;
- background-color: #6A847B;
- font-family: Verdana, Geneva, sans-serif;
- text-align: left;
- margin: 0px;
- padding: 0px;
- background-image: url(images/images/fond2.jpg);
- overflow: hidden;
- }
- #site #contenuestock #catalogue {
- position: relative;
- float: none;
- top: 100px;
- left: 0px;
- }
- #site #contenuestock #boutonsstock #boutoncatalogue {
- height: 39px;
- width: 230px;
- }
- #site #contenuestock #boutonsstock #dispos {
- height: 44px;
- width: 230px;
- left: 230px;
- position: relative;
- top: -40px;
- }
- #site #contenuestock #boutonsstock {
- height: 44px;
- top: -10px;
- position: relative;
- overflow: hidden;
- }
- #site #contenuestock #souscontenuestock {
- position: relative;
- height: 210px;
- top: 0px;
- overflow: auto;
- width: 760px;
- border-top-width: thin;
- border-bottom-width: thin;
- border-left-width: thin;
- border-top-style: solid;
- border-bottom-style: solid;
- border-left-style: solid;
- border-top-color: #8d9a95;
- border-bottom-color: #8d9a95;
- border-left-color: #8d9a95;
- }
- #site #contenuestock #souscontenuestock img {
- margin-top: 5px;
- }
- #site #contenuestock #souscontenuestock #madrid {
- position: relative;
- width: 740px;
- border-bottom-width: thin;
- border-bottom-style: solid;
- border-bottom-color: #8d9a95;
- padding-top: 5px;
- padding-bottom: 5px;
- }
- #site #contenuestock #souscontenuestock #madere {
- position: relative;
- width: 740px;
- border-bottom-width: thin;
- border-bottom-style: solid;
- border-bottom-color: #8d9a95;
- padding-top: 5px;
- padding-bottom: 5px;
-
- }
- #site #contenuestock #souscontenuestock #kambera img {
- float: left;
- }
- #site #contenuestock #souscontenuestock #madere img {
- float: left;
- }
- #site #contenuestock #souscontenuestock #madrid img {
- float: left;
- }
- #site #contenuestock #souscontenuestock #print {
- position: relative;
- width: 740px;
- border-bottom-width: thin;
- border-bottom-style: solid;
- border-bottom-color: #8d9a95;
- padding-top: 5px;
- padding-bottom: 5px;
- }
- #site #contenuestock #souscontenuestock #kambera {
- width: 740px;
- position: relative;
- border-bottom-width: thin;
- border-bottom-style: solid;
- border-bottom-color: #8d9a95;
- padding-top: 5px;
- padding-bottom: 5px;
- }
- #site #contenuestock #souscontenuestock #kenya {
- width: 740px;
- position: relative;
- border-bottom-width: thin;
- border-bottom-style: solid;
- border-bottom-color: #8d9a95;
- padding-top: 5px;
- padding-bottom: 5px;
- }
- #site #contenuestock #souscontenuestock #bahia img {
- float: left;
- }
- #site #contenuestock #souscontenuestock #bahia {
- width: 740px;
- position: relative;
- border-bottom-width: thin;
- border-bottom-style: solid;
- border-bottom-color: #8d9a95;
- padding-top: 5px;
- padding-bottom: 5px;
- }
- #site #contenuestock #souscontenuestock #antiguaamovible img {
- float: left;
- }
- #site #contenuestock #souscontenuestock #antiguaamovible {
- width: 740px;
- position: relative;
- border-bottom-width: thin;
- border-bottom-style: solid;
- border-bottom-color: #8d9a95;
- padding-top: 5px;
- padding-bottom: 5px;
- }
- #site #contenuestock #souscontenuestock #cuirpleinfleur img {
- float: left;
- }
- #site #contenuestock #souscontenuestock #cuirpleinfleur {
- width: 740px;
- position: relative;
- border-bottom-width: thin;
- border-bottom-style: solid;
- border-bottom-color: #8d9a95;
- padding-top: 5px;
- padding-bottom: 5px;
- }
- #site #contenuestock #souscontenuestock #kenya img {
- float: left;
- }
- #site #contenuestock #souscontenuestock #cuiramovible img {
- float: left;
- }
- #site #contenuestock #souscontenuestock #cuiramovible {
- width: 740px;
- position: relative;
- border-bottom-width: thin;
- border-bottom-style: solid;
- border-bottom-color: #8d9a95;
- padding-top: 5px;
- padding-bottom: 5px;
- }
- #site #contenuestock #souscontenuestock #gommapel img {
- float: left;
- }
- #site #contenuestock #souscontenuestock #gommapel {
- width: 740px;
- position: relative;
- border-bottom-width: thin;
- border-bottom-style: solid;
- border-bottom-color: #8d9a95;
- padding-top: 5px;
- padding-bottom: 5px;
- }
- #site #contenuestock #souscontenuestock #print img {
- float: left;
- }
- #site #keros2 {
- position: relative;
- width: 907px;
- left: 73px;
- top: -120px;
- height: 120px;
- background-image: url(images/images/keros2.jpg);
- text-align: right;
- }
- body {
- background-color: #e5e1d7;
- }
- #site #contenuestock #souscontenuestock #imitpel {
- width: 70px;
- height: 90px;
- text-align: center;
- font-size: 12px;
- }
- #site #contenuestock #souscontenuestock #usinetoronto {
- position: relative;
- height: 90px;
- width: 70px;
- top: -270px;
- left: 225px;
- font-size: 12px;
- text-align: center;
- }
- #site #contenuestock #souscontenuestock #usinebahia {
- position: relative;
- height: 90px;
- width: 70px;
- top: -360px;
- left: 300px;
- font-size: 12px;
- text-align: center;
- }
- #site #contenuestock #souscontenuestock #usinegommapel {
- position: relative;
- height: 90px;
- width: 70px;
- left: 150px;
- top: -180px;
- font-size: 12px;
- text-align: center;
- }
- #site #contenuestock #souscontenuestock #usinemadrid {
- position: relative;
- height: 90px;
- width: 70px;
- top: -90px;
- left: 75px;
- font-size: 12px;
- text-align: center;
- }
- #site #contenuestock #souscontenuestock #usinekenya {
- position: relative;
- height: 90px;
- width: 70px;
- left: 375px;
- font-size: 12px;
- text-align: center;
- top: -450px;
- }
- #site #contenuestock #souscontenuestock #usinereflight {
- position: relative;
- height: 90px;
- width: 70px;
- left: 450px;
- font-size: 12px;
- text-align: center;
- top: -540px;
- }
- #site #contenuestock #souscontenuestock #usinemadere {
- position: relative;
- height: 90px;
- width: 70px;
- left: 525px;
- font-size: 12px;
- text-align: center;
- top: -630px;
- }
- #site #contenuestock #souscontenuestock #usinesamana {
- position: relative;
- height: 90px;
- width: 70px;
- left: 600px;
- font-size: 12px;
- text-align: center;
- top: -720px;
- }
- #site #contenuestock #souscontenuestock #classic {
- height: 112px;
- }
- #site #contenuestock #souscontenuestock #moderne #usinenuage {
- position: relative;
- height: 90px;
- width: 70px;
- font-size: 12px;
- text-align: center;
- }
- #site #contenuestock #souscontenuestock #moderne #usinetitanium {
- position: relative;
- height: 90px;
- width: 70px;
- font-size: 12px;
- text-align: center;
- top: -90px;
- left: 75px;
- }
- #site #contenuestock #souscontenuestock #business #usinekambera {
- width: 70px;
- font-size: 12px;
- text-align: center;
- height: 90px;
- }
- #site #contenuestock #souscontenuestock #business #usineprint {
- position: relative;
- height: 90px;
- width: 70px;
- font-size: 12px;
- top: -90px;
- left: 75px;
- }
- #site #contenuestock #souscontenuestock #moderne {
- position: relative;
- top: -700px;
- height: 112px;
- overflow: visible;
- visibility: visible;
- }
- #site #contenuestock #souscontenuestock #usinegommapel {
- position: relative;
- height: 90px;
- width: 70px;
- left: 150px;
- top: -180px;
- font-size: 12px;
- text-align: center;
- }
- #site #contenuestock #souscontenuestock #business {
- position: relative;
- height: 112px;
- top: -850px;
- overflow: visible;
- visibility: visible;
- }
- #site #contenuestock #souscontenuestock #business #usinelisbonne {
- position: relative;
- height: 90px;
- width: 70px;
- font-size: 12px;
- top: -180px;
- left: 150px;
- }
- #site #contenuestock #souscontenuestock #PRESTIGE {
- position: relative;
- top: -975px;
- height: 112px;
- }
- #site #contenuestock #souscontenuestock #PRESTIGE #usinedakota {
- height: 90px;
- width: 70px;
- font-size: 12px;
- text-align: center;
- }
- #site #contenuestock #souscontenuestock #PRESTIGE #usinesarawak {
- height: 90px;
- width: 70px;
- font-size: 12px;
- text-align: center;
- position: relative;
- top: -90px;
- left: 75px;
- }
- #site #contenuestock #souscontenuestock #BI-MATIERE {
- height: 112px;
- position: relative;
- top: -1050px;
- overflow: visible;
- visibility: visible;
- }
- #site #contenuestock #souscontenuestock #BI-MATIERE #usinerecife {
- position: relative;
- height: 90px;
- width: 70px;
- font-size: 12px;
- }
- #site #contenuestock #souscontenuestock #BI-MATIERE #usinefidji {
- position: relative;
- height: 90px;
- width: 70px;
- font-size: 12px;
- top: -90px;
- left: 75px;
- }
- #site #contenuestock #souscontenuestock #AMOVIBLE {
- height: 112px;
- position: relative;
- top: -1120px;
- }
- #site #contenuestock #souscontenuestock #AMOVIBLE #usineantigua {
- position: relative;
- height: 90px;
- width: 70px;
- font-size: 12px;
- }
- #site #contenuestock #souscontenuestock #AMOVIBLE #usinecuipf {
- position: relative;
- height: 90px;
- width: 70px;
- font-size: 12px;
- left: 75px;
- top: -90px;
- }
- #site #contenuestock #souscontenuestock #AMOVIBLE #usineamalfi {
- position: relative;
- height: 90px;
- width: 70px;
- font-size: 12px;
- left: 150px;
- top: -180px;
- }
|
Y aurait-il une personne pour m'aider svp?
Merci! |