PHWinfo banniere

Titres
PORTAIL ANNUAIRE ARTICLES COMPARATEUR HÉBERGEURS DEVIS FORUMS RÉDUCTEUR D'URL
Précédent   PHWinfo > Autres forums > Forum Programmation & Conception > fr.comp.lang.javascript > Re: [CSS] Bloquer la superposition d'images
S'inscrire FAQ Membres Recherche Messages du jour Marquer les forums comme lus
Re: [CSS] Bloquer la superposition d'images

Réponse
 
LinkBack Outils de la discussion
Vieux 11/07/2007, 09h58   #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
Vieux 11/07/2007, 10h31   #2
fabrice91
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: [CSS] Bloquer la superposition d'images

O.L. a écrit :

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


ah oui, je voulais éviter une table...

> <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>


ça marche pas mal...
A quoi sert le width=1 ? enfin je sais qu'il sert à positionner la
taille de la cellule à 1 mais pourquoi y en a-t-il besoin ? j'ai vu que
sans le width, l'effet est différent pourtant l'image est bien là...j'ai
le background-repeat qui disparaît...
autre effet, l'image du background repeat est décalée d'1 pixel vers le
haut par rapport aux images droite et gauche...bizarre je n'avais pas
cet effet précédemment...
merci en tout cas de t'être penché sur mon problème ?
  Réponse avec citation
Vieux 11/07/2007, 11h35   #3
fabrice91
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: [CSS] Bloquer la superposition d'images

Ne plus répondre à ce post svp, je le transfère sur
fr.comp.infosystemes.www.auteurs qui semble plus approprié ( faut le
savoir...:-( )
Merci
  Réponse avec citation
Réponse


Outils de la discussion

Règles de messages
Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages

Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non
Trackbacks are oui
Pingbacks are oui
Refbacks are oui


Fuseau horaire GMT +1. Il est actuellement 05h19.


Édité par : vBulletin® version 3.7.2
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC5 Tous droits réservés.
Version française #16 par l'association vBulletin francophone
PHWinfo est un site Éducation Sans Frontières
Ad Management by RedTyger
©Tous droits réservés par les parties respectives
Page generated in 0,08011 seconds with 11 queries