IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Manipulation de background


Sujet :

CSS

Mode arborescent

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2011
    Messages
    52
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2011
    Messages : 52
    Par défaut Manipulation de background
    Bonjour,

    Ma situation est assez difficile à décrire sans vous montrer ma page avant.
    Voici donc une version (très simplifiée) de mon html et de mon css.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <div id="container">
    	<div id="ligne-menu">
    		<div id="menu">
    			<p> Ici il y aura le menu </p>
    		</div>
    	</div>
    </div>
    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
    17
    18
    19
    20
    21
    22
    #container{	
    	position:relative;
    	background-color:yellow;
    	height:40%;
    	width:100%;
    }
    #ligne-menu{
    	position:absolute;
    	background-color:green;
    	width:100%;
    	height:50px;
    	margin-top:80px;
    }
    #menu{
    	position:absolute;
    	background:url(bouton.png);
    	width:800px;
    	height:100%;
    	left:20%;	
    	height:50px;
    	text-align:center;
    }
    Comme vous pouvez le voir, j'ai une ligne de menu faisant toute la largeur de la fenêtre (la verte).
    Le menu est à l'intérieur de cette barre de menu avec une image de background répétée (la bande marron) que j'ai mise en pièce jointe. Le problème vient du fait que cette image a en fait une hauteur équivalente à celle de la ligne de menu, avec 2 bandes transparentes en haut et en bas (c'est normal). Donc là au dessus et en dessous de la zone marron apparait la zone verte. J'aimerais en fait que la zone verte derrière le menu soit virée afin d'entrevoir la jaune en zone transparente de l'image directement.

    La solution qui est de rajouter un background-jaune derrière l'image ne sera pas adaptée car la couleur de fond jaune est en fait une image qui sera changée régulièrement.

    Avez vous une solution à me proposer?

    Désolé si je n'ai pas été clair mais je répondrais à vos questions pour plus de précisions.

    Par avance merci et bonne journée
    Images attachées Images attachées  

Discussions similaires

  1. comment faire un background transparent?
    Par guigui1005 dans le forum Composants
    Réponses: 5
    Dernier message: 17/05/2012, 21h45
  2. Manipulation des handle contexte
    Par rockbiker dans le forum DirectX
    Réponses: 1
    Dernier message: 09/05/2003, 18h51
  3. [VB6]manipuler les semaines en VB ?
    Par kamadji dans le forum VB 6 et antérieur
    Réponses: 7
    Dernier message: 02/05/2003, 12h33
  4. Réponses: 2
    Dernier message: 18/01/2003, 17h06
  5. Fonctions de manipulation des chaines et des dates
    Par Fares BELHAOUAS dans le forum Débuter
    Réponses: 3
    Dernier message: 09/11/2002, 22h43

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo