Discussion :

[cleytus]

Voila mon problème je travaille actuellement à la finalisation du design d'un site et j'ai une image de fond comme cela:

J'aimerais pouvoir intégrer une deuxième image a la suite de celle ci :

au cas ou la hauteur de ma page web serait plus grande que ma première image il semblerait qu'une ébauche de solution est était écrite en javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
SCRIPT LANGUAGE="JavaScript">
			if(document.getElementById("conteneur").height>document.getElementById("droite").height)
{
document.getElementById("basdroite").style.background="url(img/bordure.bmp) repeat-y";
}else	{
	<?php
                if (ereg("Firefox", $_SERVER["HTTP_USER_AGENT"]))
                { 
                        echo 'document.getElementById("basdroite").style.background="transparent url(img/bottomrightcol.gif) 5px no-repeat";';
                }
                else
                { 
                echo 'document.getElementById("basdroite").style.background="transparent url(img/bottomrightcol.gif) -3px no-repeat";';
                }
        ?>
}

Celle ci ne fonctionnant pas et étant un novice en javascript je fais appel à vos compétences et vous remercie d'avance de l'aide que vous pourrez m'apporter.
PS: la partie php gére l'affichage du background en pied de page

[k1rby]

J'ai pas tout compris Tu veux qu'on rajoute en dessous de la première image, la seconde image que tu a mise si la première est trop petite c'est bien ça ?

[cleytus]

C'est exactement ça

[k1rby]

Alors pas besoin de javascript, CSS est là pour toi. En fait il faudrait découper ton image en deux bouts : le premier contenant la partie du haut, qui est arrondie, et une autre qui serait la partie "droite" de l'image, sur une hauteur de 1 pixel. Ensuite il suffit de d'abord faire s'afficher la partie arrondie et ensuite l'image d'1pixel de hauteur en repeat-y

(je suis pas sûr d'être très clair là :/)

[cleytus]

C'est clair mais est ce que je peux faire ça en mettant les 2 background ds le meme div par exemple ou il faut que je crée un bloc spécial pour gérer le haut de mon image ?
Car le design est assez complexe pour mes maigres compétences en dev web et je préférerais ne pas trop y toucher ?

[k1rby]

Non il faut un bloc pour la partie d'en haut, un autre pour la partie d'en bas.

Voici un exemple en ligne que j'ai fait rien que pour toi

http://k1rby.fr.free.fr/test/test.html

[cleytus]

Merci beaucoup de ton aide