Afficher un message
Vieux 11/07/2007, 10h58   #1
O.L.
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: [CSS] Bloquer la superposition d'images

Après mûre réflexion, fabrice91 a écrit :
> Pas trouvé de newsgroup css alors...:/
>
> Bonjour,
>
> J'ai une bannière en haut de mon site et je veux qu'elle soit
> redimensionnable en fonction du redimensionnement de la fenetre du navigateur
> elle-même.
> Pour ceci j'ai coupé ma bannière en 3 parties :
> une image gauche
> une image droite
> une image centre
> Je crée un div pour cette banniere
> J'y mets un background-repeat: repeat-x; pour mon image centrale.
> J'y mets mes 2 images gauche et droite
> Chaque image a un style css, ayant un postionnement left pour l'une et right
> pour l'autre.
> Tout fonctionne bien sauf lorsque je reduis la taille de la fenetre et
> lorsque mes 2 images gauche et droite viennent se superposer...je voudrais
> que mes 2 images ne puissent pas se superposer.
> Merci
>
>
> Voici le code html que j'utilise :

[snip]

C'est le position:absolute qui t'empêche de faire ça.

Perso j'aurais fait ça avec un petit TABLE, ça devrait passer tout seul
:

<table width=100% height=105 cellpadding=0 cellspacing=0><tr>
<td width=1><img src="gauche.png"></td>
<td style="background-image:url(centre.png);
background-repeat:repeat-x;">&nbsp;</td>
<td width=1><img src="gauche.png"></td>
</tr></table>

--
Olivier Ligny
www.virgal.net (Monde persistant)


  Réponse avec citation
 
Page generated in 0,05363 seconds with 9 queries