site qui part en cacahouète! Résolu

Question

Bonjour,

en voulant faire une mise à jour de mon site je sais pas ce qu'il s'est passé mais je me retrouve avec des pages complètment désordonnées, sans images.

Je vous joins ce que j'ai dans ma fenêtre de dream (là rien d'anormal) et ce qu'il y a dans le navigateur.

Si vous aviez une idée...

[URL=https://imageshack.com/][IMG]http://img718.imageshack.us/img718/3571/sitea.th.jpg[/IMG][/URL]


http://www.maisons-roales-caillot.com/maisonbasseconso.html

freeb83 · Answer

Salut,
sans le code de la page, pas possible de voir ce qu'il manque...

juliendan · Answer

Maison basse consommation

Notre BBC a été conçu de manière à répondre parfaitement aux éxigences des futures réglementations thermiques de 2012 en matière d'économie d'énergie.

Minimiser les besoins énergétiques d'une maison est aujourd'hui un enjeu primordial et notre BBC se veut résolument tournée vers l'avenir en contribuant pleinement à une politique de développement durable.

Son orientation plein sud, ses ouvertures, son agencement intérieur spécifique mais aussi ses matériaux sont optimisés pour allier efficacité et confort de vie.

La conception bioclimatique tient compte de l'orientation de la construction pour bénéficier des apports solaires dans les pièces à vivre.

Une isolation thermique renforçée par l'emploi de matériaux isolants haute performance pour les sols, murs, plafonds et vitrages.

Une étanchéité à l'air visant à empécher toute entrée d'air parasite, source de déperdition de chaleur, par la mise en oeuvre soignée des matériaux et l'utilisation d'une VMC double flux.

Un chauffage thermodynamique des pièces et l'eau chaude sanitaire par pompe à chaleur air/eau.

- panorama virtuel

- télécharger les plans

- les étapes de la construction

Busyspider · Answer

vérifie les fermetures des

un /div manquant peut-etre ? .

juliendan · Answer

bah on dirait pas.

le pire c que j'ai rien modifié sur cette page, je l'ai juste recharger dans le FTP

Busyspider · Answer

L'erreur était peut etre déjà là, mais  pas encore mal interprétée ? (oui je sais ma phrase est bizarre)  Tu as bien rechargé la même version ? parfois on a  plusieurs fichiers de sauvegarde portant le même nom, et on envoi le mauvais fichier.

juliendan · Answer

sûr, j'ai rechargé la même. D'ailleurs j'ai le même problème sur une autre page (page news et page terrains), que j'ai juste rechargé, elle aussi.

Busyspider · Answer

Tu as rafraichi tes pages (Ctrl R ) , vidé le cache internet.

Busyspider · Answer

pourquoi avoir rechargé les pages s'il n'y avait aucune modification à apporter ? 

(c'est juste une question pour satisfaire ma curiosité )

juliendan · Answer

j'avais un problème sur une autre page et j'ai tenté ça pour essayer de resoudre le problème... résultat c pire :-)!

Là, c franchement un mystère...

juliendan · Answer

y a une option que je viens de découvrir dans dream "affichage en direct", et là par contre j'ai l'affichage comme dans mon navigateur, c a dire en bordel. Quand je repasse en normal j'ai un affichage de ma page ou tout est bien rangé.

(@)-JYX8X8-(@) · Answer

bonjour, je ne sais si ça vient de la, mais la balise div, n'est pas fermé a cet endroit : -

ainsi qu'a celui la : -

juliendan · Answer

ça ne change rien...

(@)-JYX8X8-(@) · Answer

peut être un problème dans le css !!, je cherche encore tout de même ;)

juliendan · Answer

c cool merci! je te mets le code d'une autre page qui elle n'a pas de problème d'affichage. Nos réalisations

juliendan · Answer

pas de news?

Même les polices ont changé sur certaines pages, c vraiment un bordel pas possible. Dans dream qd je veux changer une image, ça se répercute sur d'autres pages aussi, c jamais vu un truc pareil, help!!!

juliendan · Answer

@charset "utf-8";
.style1 {
	background-image: url(JPEG/fond%202.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
	height: 240px;
	width: auto;
	background-position: center top;
	margin: auto;
	float: none;
	clear: none;
	padding: 0px;
	top: auto;
	clip: rect(auto,auto,auto,auto);
}
.bandeau {
	background-image: url(JPEG/index.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: auto;
	height: 230px;
	width: 750px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	float: none;
}
.
.ongletmenu {
	background-image: url(onglet.jpg);
	background-repeat: repeat;
	height: 30px;
	width: 750px;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}
#menu {
	background-image: url(JPEG/onglet.jpg);
	margin: auto;
	padding: 0px;
	height: 30px;
	width: 750px;
	text-align: justify;
	font-family: "Times New Roman", Times, serif;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}


#menu li {
	display: inline;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
}
#texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #FFFFFF;
	height: 235px;
	width: 550px;
	float: left;
	text-align: justify;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 0px;
	background-image: url(JPEG/fond%20texte.jpg);
	margin: auto;
	position: relative;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: thin none #333333;
}

#image {
	background-image: url(JPEG/TITRE.jpg);
	background-repeat: no-repeat;
	height: 640px;
	width: 180px;
	float: left;
	margin: auto;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: auto;
	height: 20px;
	width: 750px;
	text-align: center;
	float: none;
}

#page {
	margin: auto;
	height: 640px;
	width: 750px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}


#menu li a {
	float: left;
	clear: none;
	height: 18px;
	right: 0px;
	line-height: normal;
	background-position: 0px 0px;
	text-decoration: none;
	color: #FFFFFF;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: inset;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin: 0px;
	padding: 5px;
	text-align: center;
}
#menu li a:hover {
	color: #000000;
	height: 18px;
	display: block;
	background-image: url(JPEG/onglet%20rollover.jpg);
	margin: 0px;
	font-weight: normal;
}

#coordonnées {
	height: 60px;
	width: 190px;
	float: right;
	text-align: center;
	color: #003366;
}
#coord2 {
	height: 60px;
	width: 185px;
	float: right;
	color: #003366;
}
#coord3 {
	height: 60px;
	width: 170px;
	float: right;
	color: #003366;
}
#textepremium {
	height: 170px;
	width: 122px;
	position: absolute;
	left: 3px;
	top: 113px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
#pagemodeles {
	margin: auto;
	height: 1110px;
	width: 750px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}
#pagereal {
	margin: auto;
	height: 1420px;
	width: 750px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}
#vue1 {
	background-image: url(JPEG/bbc/inerieur1-copie.jpg);
	float: left;
	height: 335px;
	width: 213px;
	background-repeat: no-repeat;
}
#qui {
	height: 30px;
	width: 500px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: none;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 15px;
	background-image: url(JPEG/qui.jpg);
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 5px;
	background-repeat: no-repeat;
	padding: 5px;
}
#textea {
	width: 150px;
	float: left;
	height: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-repeat: no-repeat;
	margin-left: 5px;
}
#coordonnees {
	float: left;
	height: 100px;
	width: 570px;
	background-image: url(JPEG/coordonnees.jpg);
	background-repeat: no-repeat;
}
#texteb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 220px;
	width: 550px;
	float: left;
	text-align: justify;
	background-image: url(JPEG/maisonfiligrane.jpg);
	color: #000;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

juliendan · Answer

@charset "utf-8";
#image {
	background-image: url(JPEG/modeles.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 970px;
}
#texte {
	background-image: url(JPEG/gammepremium.jpg);
	height: 790px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 540px;
	margin: auto;
	padding-left: 15px;
}
#page {
	width: 750px;
	height: 830px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: dotted;
	padding: 0px;
	float: none;
	margin: auto;
	background-repeat: no-repeat;
}
.details {
}

#tableau {
	margin: auto;
	height: 1500px;
	width: 750px;
	float: none;
}
#boite {
	height: 151px;
	width: 570px;
	clear: none;
	float: right;
	position: relative;
}
#tahiti {
	float: right;
	height: 121px;
	width: 170px;
	clear: left;
	background-image: url(modeles/vigntahiti.jpg);
	position: absolute;
	left: 390px;
	top: 5px;
}
#saintmartin {
	background-image: url(modeles/vignsaintmartin.jpg);
	height: 121px;
	width: 170px;
	float: left;
	position: absolute;
	top: 5px;
	left: 10px;
}
#bora {
	background-image: url(modeles/vignborabora.jpg);
	float: left;
	height: 121px;
	width: 170px;
	position: absolute;
	left: 200px;
	top: 5px;
}
#saintmarcouf {
	background-image: url(modeles/vignsaintmarcouf.jpg);
	float: left;
	height: 121px;
	width: 170px;
	position: absolute;
	left: 390px;
	top: 5px;
}

#morea {
	background-image: url(modeles/vignmorea.jpg);
	height: 121px;
	width: 170px;
	float: left;
	position: absolute;
	left: 10px;
	top: 5px;
}


#martinique {
	float: left;
	left: 390px;
	position: absolute;
	height: 121px;
	width: 170px;
	top: 5px;
	position: absolute;
	background-image: url(modeles/vignmartinique.jpg);
	

}
#comores {
	background-image: url(modeles/vigncomores.jpg);
	float: left;
	height: 121px;
	width: 170px;
	position: absolute;
	left: 10px;
	top: 5px;
}


#intro {
	height: 30px;
	width: 450px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: none;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 15px;
	background-image: url(JPEG/lesmodeles.jpg);
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 5px;
}

#aurigny {
	height: 121px;
	width: 170px;
	float: left;
	background-image: url(modeles/vignaurigny.jpg);
	position: absolute;
	top: 5px;
	left: 200px;
}

#saintbarth {
	float: left;
	left: 200px;
	position: absolute;
	height: 121px;
	width: 170px;
	top: 5px;
	position: absolute;
	background-image: url(modeles/vignsaintbarth.jpg);
}
#gammepremium {
	height: 25px;
	width: 450px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: none;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 15px;
	background-image: url(JPEG/gamme%20premium.jpg);
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 5px;
	background-repeat: no-repeat;
}
#premium {
	background-image: url(JPEG/premium.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 830px;
	width: 180px;
}
#textegammepremium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	height: 790px;
	width: 558px;
	float: right;
	text-align: justify;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 0px;
	background-image: url(JPEG/gammepremium.jpg);
	margin: auto;
	position: relative;
	border: thin none #333333;
	padding: 0px;
}
#detailspremium1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 20px;
	width: 100px;
	position: absolute;
	left: 424px;
	top: 259px;
	text-align: right;
}
#detailspremium2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 20px;
	width: 100px;
	position: absolute;
	left: 177px;
	top: 332px;
	text-align: right;
}
#detailspremium3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 20px;
	width: 100px;
	position: absolute;
	left: 265px;
	top: 471px;
	text-align: right;
}






#belleile {
	float: left;
	height: 121px;
	width: 170px;
	position: absolute;
	left: 10px;
	top: 5px;
	background-image: url(modeles/vignbelleile.jpg);
}
#chausey {
	float: left;
	height: 121px;
	width: 170px;
	background-image: url(modeles/vignchausey.jpg);
	position: absolute;
	left: 200px;
	top: 5px;
}

.details a{
	height: 21px;
	width: 170px;
	position: absolute;
	left: 10px;
	top: 128px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}


.details a:hover{
	height: 21px;
	width: 170px;
	position: absolute;
	left: 10px;
	top: 128px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #C00;
}
.boite {
	height: 151px;
	width: 570px;
	float: left;
	position: relative;
}
#jersey {
	background-image: url(modeles/vignjersey.jpg);
	height: 121px;
	width: 170px;
	position: absolute;
	top: 5px;
	left: 390px;
}
#futuna {
	background-image: url(modeles/vignfutuna.jpg);
	height: 121px;
	width: 170px;
	top: 5px;
	position: absolute;
	left: 10px;
}
#real1 {
	float: left;
	height: 121px;
	width: 170px;
	position: absolute;
	left: 10px;
	top: 5px;
	background-image: url(photosmaisons/vignettes/25.jpg);
}

#reunion {
	background-image: url(modeles/vignreunion.jpg);
	height: 121px;
	width: 170px;
	position: absolute;
	top: 5px;
	left: 200px;
}
#wallis {
	background-image: url(modeles/vignwallis.jpg);
	height: 121px;
	width: 170px;
	position: absolute;
	top: 5px;
	left: 390px;
}
#guadeloupe {
	background-image: url(modeles/vignguadeloupe.jpg);
	height: 121px;
	width: 170px;
	position: absolute;
	top: 5px;
	left: 200px;
}
#vahine {
	background-image: url(modeles/vignvahine.jpg);
	height: 121px;
	width: 170px;
	position: absolute;
	top: 5px;
	left: 10px;
}
#lesecrehous {
	background-image: url(modeles/vignlesecrehous.jpg);
	height: 121px;
	width: 170px;
	position: absolute;
	left: 390px;
	top: 5px;
}
.details2 a {
	height: 21px;
	width: 170px;
	position: absolute;
	left: 200px;
	top: 128px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	text-decoration: none;
	color: #000000;
}

.details2 a:hover{
	height: 21px;
	width: 170px;
	position: absolute;
	left: 200px;
	top: 128px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #C00;
}
.details3 a {
	height: 21px;
	width: 170px;
	position: absolute;
	left: 390px;
	top: 128px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	text-decoration: none;
	color: #000000;
}

.details3 a:hover{
	height: 21px;
	width: 170px;
	position: absolute;
	left: 390px;
	top: 128px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #C00;
}
#herm {
	background-image: url(modeles/vignherm.jpg);
	height: 121px;
	width: 170px;
	position: absolute;
	top: 5px;
	left: 10px;
}
#imagemodeles {
	background-image: url(JPEG/modeles.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 1110px;
	width: 180px;
}
#introrealisations {
	height: 30px;
	width: 450px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: none;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 15px;
	background-image: url(JPEG/introrealisations.jpg);
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 5px;
}

#premium1plan {
	float: left;
	height: 965px;
	width: 550px;
	background-image: url(JPEG/premium/premium1.jpg);
	margin-left: 10px;
	margin-top: 5px;
	border: thin none #CCCCCC;
	background-repeat: no-repeat;
	position: relative;
}
#imagepremium {
	background-image: url(JPEG/premium.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 970px;
	width: 180px;
}
#premium2plan {
	float: left;
	height: 965px;
	width: 550px;
	background-image: url(JPEG/premium/premium2.jpg);
	margin-left: 10px;
	margin-top: 5px;
	border: thin none #CCCCCC;
	background-repeat: no-repeat;
	position: relative;
}
#premium3plan {
	float: left;
	height: 965px;
	width: 550px;
	background-image: url(JPEG/premium/premium3.jpg);
	margin-left: 10px;
	margin-top: 5px;
	border: thin none #CCCCCC;
	background-repeat: no-repeat;
	position: relative;
}
#euros {
	height: 179px;
	width: 144px;
	position: absolute;
	left: 1px;
	top: 111px;
	visibility: visible;
	overflow: hidden;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
  }

#euros a {
	display: block;
	height: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#imagerealisations {
	background-image: url(JPEG/realisations.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 1410px;
	width: 180px;
}
#real2 {
	background-image: url(photosmaisons/vignettes/2.jpg);
	height: 121px;
	width: 170px;
	position: absolute;
	top: 5px;
	left: 200px;
}
#real3 {
	float: right;
	height: 121px;
	width: 170px;
	clear: left;
	background-image: url(photosmaisons/vignettes/3.jpg);
	position: absolute;
	left: 390px;
	top: 5px;
}
#real4 {
	background-image: url(photosmaisons/vignettes/4.jpg);
	height: 121px;
	width: 170px;
	position: absolute;
	top: 5px;
	left: 10px;
}
#real5 {
	background-image: url(photosmaisons/vignettes/5.jpg);
	height: 121px;
	width: 170px;
	position: absolute;
	top: 5px;
	left: 200px;
}
#real6 {
	background-image: url(photosmaisons/vignettes/6.jpg);
	height: 121px;
	width: 170px;
	position: absolute;
	left: 390px;
	top: 5px;
}
#real7 {
	background-image: url(photosmaisons/vignettes/7.jpg);
	height: 121px;
	width: 170px;
	float: left;
	position: absolute;
	left: 10px;
	top: 5px;
}
#real8 {
	float: left;
	left: 200px;
	position: absolute;
	height: 121px;
	width: 170px;
	top: 5px;
	position: absolute;
	background-image: url(photosmaisons/vignettes/8.jpg);
}
#real9 {
	float: left;
	left: 390px;
	position: absolute;
	height: 121px;
	width: 170px;
	top: 5px;
	position: absolute;
	background-image: url(photosmaisons/vignettes/9.jpg);
}
#real10 {
	background-image: url(photosmaisons/vignettes/10.jpg);
	height: 121px;
	width: 170px;
	float: left;
	position: absolute;
	top: 5px;
	left: 10px;
}
#real11 {
	background-image: url(photosmaisons/vignettes/11.jpg);
	float: left;
	height: 121px;
	width: 170px;
	position: absolute;
	left: 200px;
	top: 5px;
}
#real12 {
	background-image: url(photosmaisons/vignettes/12.jpg);
	float: left;
	height: 121px;
	width: 170px;
	position: absolute;
	left: 390px;
	top: 5px;
}
#real13 {
	float: left;
	height: 121px;
	width: 170px;
	position: absolute;
	left: 10px;
	top: 5px;
	background-image: url(photosmaisons/vignettes/13.jpg);
}
#real14 {
	float: left;
	height: 121px;
	width: 170px;
	background-image: url(photosmaisons/vignettes/14.jpg);
	position: absolute;
	left: 200px;
	top: 5px;
}
#real15 {
	background-image: url(photosmaisons/vignettes/15.jpg);
	height: 121px;
	width: 170px;
	position: absolute;
	top: 5px;
	left: 390px;
}
#real16 {
	background-image: url(photosmaisons/vignettes/16.jpg);
	height: 121px;
	width: 170px;
	top: 5px;
	position: absolute;
	left: 10px;
}
#real17 {
	background-image: url(photosmaisons/vignettes/17.jpg);
	height: 121px;
	width: 170px;
	position: absolute;
	top: 5px;
	left: 200px;
}
#real18 {
	background-image: url(photosmaisons/vignettes/18.jpg);
	height: 121px;
	width: 170px;
	position: absolute;
	top: 5px;
	left: 390px;
}
#real19 {
	background-image: url(photosmaisons/vignettes/19.jpg);
	height: 121px;
	width: 170px;
	top: 5px;
	position: absolute;
	left: 10px;
}
#real20 {
	background-image: url(photosmaisons/vignettes/20.jpg);
	height: 121px;
	width: 170px;
	top: 5px;
	position: absolute;
	left: 200px;
}
#real21 {
	background-image: url(photosmaisons/vignettes/21.jpg);
	height: 121px;
	width: 170px;
	top: 5px;
	position: absolute;
	left: 390px;
}
#real22 {
	background-image: url(photosmaisons/vignettes/22.jpg);
	height: 121px;
	width: 170px;
	top: 5px;
	position: absolute;
	left: 10px;
}
#real23 {
	background-image: url(photosmaisons/vignettes/23.jpg);
	height: 121px;
	width: 170px;
	top: 5px;
	position: absolute;
	left: 200px;
}
#real24 {
	background-image: url(photosmaisons/vignettes/24.jpg);
	height: 121px;
	width: 170px;
	top: 5px;
	position: absolute;
	left: 390px;
}
#real25 {
	background-image: url(photosmaisons/vignettes/25.jpg);
	height: 121px;
	width: 170px;
	top: 5px;
	position: absolute;
	left: 10px;
}
#real26 {
	background-image: url(photosmaisons/vignettes/26.jpg);
	height: 121px;
	width: 170px;
	top: 5px;
	position: absolute;
	left: 10px;

#descriptif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 32px;
	width: 150px;
	position: absolute;
	left: 410px;
	top: -36px;
	text-align: right;
	background-color: #666666;
	border: thin none #000000;
	background-image: url(JPEG/descriptif%20copy.jpg);
}
#introbasseconso {
	height: 20px;
	width: 450px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: none;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 15px;
	background-image: url(JPEG/basseconso.jpg);
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 5px;
	background-repeat: no-repeat;
}
#lesterrains {
	height: 30px;
	width: 450px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: none;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 15px;
	background-image: url(JPEG/lesterrains.jpg);
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 5px;
	background-repeat: no-repeat;
}
#imageterrains {
	background-image: url(JPEG/terrains.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 840px;
	width: 180px;
}
#textenews {
	width: 550px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	height: 400px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#texte2 {
	width: 550px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	height: 70px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#lotissement {
	padding: 5px;
	width: 560px;
	float: left;
	height: 360px;
	background-image: url(JPEG/lotissement.jpg);
	background-repeat: no-repeat;
}
#numeros {
	padding: 5px;
	float: left;
	width: 360px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	border-right-style: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	height: 210px;
	background-image: url(JPEG/tab.jpg);
	background-repeat: no-repeat;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 100px;
}
#legendetableau {
	height: 30px;
	width: 465px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
}
#offre {
	width: 540px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	background-color: #990000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-right: 10px;
}
#offre2 {
	width: 550px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	margin-left: auto;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#caracteristiques {
	width: 330px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	margin-left: auto;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	left: 320px;
	top: 940px;
	height: 490px;
	background-image: url(JPEG/bbc/VUE-arriere-copie.jpg);
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#pageterrains {
	width: 750px;
	height: 840px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: dotted;
	padding: 0px;
	float: none;
	margin: auto;
	background-repeat: no-repeat;
}
#imagebasseconso {
	background-image: url(JPEG/bbc.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 1130px;
	width: 180px;
}
#facadebbc {
	width: 560px;
	float: left;
	height: 360px;
	background-image: url(JPEG/bbc/VUE-2009-copie.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#schema {
	background-image: url(JPEG/bbc/categories%20copie.jpg);
	height: 180px;
	width: 215px;
	left: 788px;
	top: 365px;
	background-repeat: no-repeat;
	float: left;
	padding: 0px;
	margin-top: 10px;
}
#pagebbc {
	width: 750px;
	height: 1130px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: dotted;
	float: none;
	margin: auto;
	background-repeat: no-repeat;
}
#vuearriere {
	float: left;
	height: 260px;
	width: 350px;
	background-image: url(basseconso/VUE%20arriere%20copie.jpg);
	background-repeat: no-repeat;
	left: 470px;
	top: 979px;
}
#cadre {
	width: 560px;
	padding: 0px;
	height: 350px;
	float: left;
	position: relative;
}
#visite {
	width: 200px;
	height: 120px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px;
	margin: 0px;
	color: #990;
	text-align: justify;
}
#textelotissement {
	width: 340px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 5px;
	text-align: justify;
	height: 200px;
}
#textebbc {
	width: 330px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	height: 200px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
}
#pagenews {
	width: 750px;
	height: 840px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: dotted;
	padding: 0px;
	float: none;
	margin: auto;
	background-repeat: no-repeat;
}
#pageblabla {
	margin: auto;
	float: none;
	height: 600px;
	width: 750px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: dotted;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	text-align: justify;
}
#textenews {
	float: left;
	height: 500px;
	width: 550px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#imagenews {
	height: 600px;
	width: 180px;
	background-image: url(JPEG/blabla.jpg);
	float: left;
	margin: auto;
}

#intronews {
	height: 25px;
	width: 450px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: none;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 15px;
	background-image: url(JPEG/lesnews.jpg);
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.titreparagraphe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

dd{
	width:216px;
	height:41px;
	position:relative;
	background-image: url(JPEG/progressbar/bg_bar.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
dd span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
	background-image: url(JPEG/progressbar/bar.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
dd em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	top:0;
	background-image: url(JPEG/progressbar/bg_cover.gif);
	background-repeat: repeat-x;
}

Busyspider · Answer

Si tu peux mettre  provisoirement des couleurs  différentes  de background ou des cadres de couleurs  sur les diverses parties  (colonnes, lignes  de coupure, cellule, boite etc) çà aide bien à repérer les erreurs  de position.

.

juliendan · Answer

rien n'apparait au niveau des couleurs de background, y aucun changement sur mon navigateur

Busyspider · Answer

su les couleurs ainsi crées sur les divers endroits tout est bien aligné correctement ?  rien qui se chevauche ?

Site qui part en cacahouète!

23 réponses

Discussions similaires

Newsletters