Nouveau sur le forum ? Voici votre case départ pour bien débuter.

Participez aux Concours Mensuels :

Concours Mensuels Alsacréations
Auteur
darktemplar
# 02 May 2008 - 15:34:55
Citer
3 Posts
Salut
J'arrive pas à faire une bordure "spécial" pour le bas de mon site. J'ai mis une images spéciale pour la bordure du bas, ça marche mais dés que la hauteur de mon site devient extensible l'image se "décolle".

Voila à quoi ça ressemble, quand la hauteur du site est en min-height: 611px, ça marche:
http://img237.imageshack.us/img237/2886/59707159mq4xu9.jpg

Dés que je met du contenu sur le site, et qu'il s'agrandit vers le bas, l'images se "décolle":
http://img366.imageshack.us/img366/2771/73818323zs5.png

En fait cette image c'est un petit ombrage que j'ai réussi à mettre sur les côtés et le haut mais que j'arrive pas à mettre dans le bas quand le site s'étire verticalement.

Voila mon code XHTML:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Chok-GFX</title>
</head>

<body>
<p>
<div id="imghaut">
<img src="design/bg-pages-haut.gif"/></p>
</div>

<div id= "corps">
aaaaaaaaaaaa
bbbbbbbbbbb
...
</div>

<div id= "imgbas">
<img src="design/bg-pages-bas2.gif"/>
</div>
<p>&nbsp;</p>
</body>
</html>


CSS:
<style type="text/css">
<!--
body {
background-image: url(design/fondgif);
margin: auto;
}
#corps {
margin: auto;
width:585px;
min-height:611px;
z-index:2;
background-image: url(design/bg-pages.gif);
border: 2px solid #4D5960;
border-bottom: none;
}

#imghaut {
margin: auto;
width:585px;
position: relative;
top: 6px;
}

#imgbas {
margin: auto;
width:589px;
}

-->
</style>


En fait les deux langages (XHTML et CSS) sont sur la même page (je penserais à mettre le CSS en externe plus tard).
Modifié par darktemplar (02 May 2008 - 19:35)

^
Shunkin
# 02 May 2008 - 15:39:41
Citer
67 Posts
Bonjour,

Je propose :
#imgbas {

margin: 0 auto;

width:589px;

}


http://www.jlpp.com 
^
darktemplar
# 02 May 2008 - 16:04:24
Citer
3 Posts
Le résultat est pareil.

^
ghost
# 02 May 2008 - 18:50:30
Citer
1679 Posts
Salut,

Pas réussi à reproduire ton problème !!
Sinon un boulette là:

<p>

<div id="imghaut">

<img src="design/bg-pages-haut.gif"/></p>

</div>


ton</p> est mal placé cligne

En essayant continuellement, on fini par réussir. Donc: plus ça rate, plus on a de chances que ça marche.

http://ghost-pc-buster.com 
^
darktemplar
# 02 May 2008 - 19:21:09
Citer
3 Posts
Pas réussi à reproduire ton problème !!

Au pire si tu veux mieux comprend je peux t'envoyer un zip avec le site dedans.

ton</p> est mal placé

C'est fait exprès, je compte l'enlever.

^

référencesLes références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles

Nikozen : Hébergement - Réalisation : Alsacreations.fr

Powered by Phedio v3.7.9 © dew
Contacter l'administrateur - 7.4 ms - Charte