Discussion :

[zooffy]

Bonjour à tous.

Pas très fort en CSS je viens cherche un peu d'aide parce que je comprends pas très bien pourquoi ça me fait ça.

D'abords le code :

Code :

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

1
2
3
4
5
 
<div id="test" style="background-image:url('/App_Themes/BlocPerso/overMenuRepet.png');background-repeat:repeat-x;border:solid 1px Black;width:50px;height:43px;">
        <img src="App_Themes/TopMenu/overMenuGauche.png" alt="" style="text-align:left;" />
        <img src="App_Themes/TopMenu/overMenuDroite.png" alt="" style="text-align:right;" />
    </div>

Donc je voudrais faire un rectangle avec un bord gauche et un bord droit particulier et je voudrais qu'il se déforme en largeur et se remplisse naturellement.

Mon souci est double :
- le background ne se met pas en place, j'ai du blanc, tout simplement.
- mon image de droite ne se mets pas à droite elle se colle à l'image de gauche

J'ai farfouillé sur le net pour trouver des solution, mais je suis revenu bredouille. Alors je viens poser la question ici parce que, peut-être, que c'est pas possible, tout simplement.
Le div est vide car il n'y a pas de contenu de prévu, juste une modification du Width qui se fera par javascript.

Merci pour votre aide.

[Muchos]

J'enlèverai les guillemets de l'url de l'image par souci de compatibilité. Chez moi (FF 14 pour Ubuntu), ça fonctionne bien!
Et pour l'image à droite, j'ai mis deux propositions, mais je n'y connais rien en position.

Code html :

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

1
2
3
4
5
 
<div id="test" style="background-image: url(/App_Themes/BlocPerso/overMenuRepet.png); background-repeat: repeat-x; border: solid 1px black; width: 50px; height: 43px;">
	<img src="App_Themes/TopMenu/overMenuGauche.png" alt="" style="text-align: left;" />
	<img src="App_Themes/TopMenu/overMenuDroite.png" alt="" style="position: absolute; right: 0;" /> <!-- ou `float: right;' -->
</div>

[zooffy]

Merci pour ton aide.

L'image est bien à droite, ça va.

Par contre, le BG, toujours pas bon, apostrophe ou pas.

[Muchos]

Bizarre… Le code semble ok pourtant.
À tout hasard, l'image n'est pas trop grande pour du 50*43 ? L'url est bonne ?…

[zooffy]

Merci pour ton aide.

L'url est bonne, mais heureusement que tu m'as mis sur cette piste parce que le fichier n'était plus à cet endroit. Un mouvement de fichier dans les repertoires a du le faire bouger.

Désolé pour le dérangement.