Le header PNG se fait translucide
Résolu
Bisims2
Messages postés
56
Statut
Membre
-
Bisims2 Messages postés 56 Statut Membre -
Bisims2 Messages postés 56 Statut Membre -
Bonjour,
Mon problème est que je fais un site codé en CSS3/HTML5, oui, oui c'est possible maintenant car les plus gros navigateur le gère plus ou moins.
Le problème est que j'ai marqué cela dans mon CSS (feuille de style en cascade) :
#vhmenu {height:30px;background:url(images/vhmenu.png);no-repeat top right;width:1000px}
#header {height:250px;background:url(images/header.png);no-repeat top right;width:1000px}
#mmenu {height:30px;background:url(images/mmenu.png);no-repeat top right;width:1000px}
comme vous voyez les images sont de types PNG donc peuvent être utilisé normalement ou le fond de l'image appliqué peut avoir la couloir ou l'image de fond grâce à l'extension PNG : ce que l'on appelle l'effet translucide (en scientifique, cela veut dire que tout les lumières projeté sur un corps le traverse).
le "vhmenu", lui n'utilise pas le mode translucide ainsi que le "mmenu". Mais le "header", lui l'utilise.
sur mon fichier html j'ai mis correctement cela :
<div id="vhmenu"></div>
<div id="header"></div>
<div id="mmenu"></div>
mais quand je visualise mon joli petit travaille, je commence à rager car le "mmenu" se fout complètement dans le header comme si le header était translucide partout. alors que je veux que mon header soit translucide pour voir l'image de fond mais qu'aussi le "mmenu" se place juste en bas et non dans le header.
Y a-t-il un moyen de remédier à cela ?
J'utilise photofiltre (pas le studio) et je n'utilise point photoshop CSS5.
Merci de vos réponse.
Mon problème est que je fais un site codé en CSS3/HTML5, oui, oui c'est possible maintenant car les plus gros navigateur le gère plus ou moins.
Le problème est que j'ai marqué cela dans mon CSS (feuille de style en cascade) :
#vhmenu {height:30px;background:url(images/vhmenu.png);no-repeat top right;width:1000px}
#header {height:250px;background:url(images/header.png);no-repeat top right;width:1000px}
#mmenu {height:30px;background:url(images/mmenu.png);no-repeat top right;width:1000px}
comme vous voyez les images sont de types PNG donc peuvent être utilisé normalement ou le fond de l'image appliqué peut avoir la couloir ou l'image de fond grâce à l'extension PNG : ce que l'on appelle l'effet translucide (en scientifique, cela veut dire que tout les lumières projeté sur un corps le traverse).
le "vhmenu", lui n'utilise pas le mode translucide ainsi que le "mmenu". Mais le "header", lui l'utilise.
sur mon fichier html j'ai mis correctement cela :
<div id="vhmenu"></div>
<div id="header"></div>
<div id="mmenu"></div>
mais quand je visualise mon joli petit travaille, je commence à rager car le "mmenu" se fout complètement dans le header comme si le header était translucide partout. alors que je veux que mon header soit translucide pour voir l'image de fond mais qu'aussi le "mmenu" se place juste en bas et non dans le header.
Y a-t-il un moyen de remédier à cela ?
J'utilise photofiltre (pas le studio) et je n'utilise point photoshop CSS5.
Merci de vos réponse.
A voir également:
- Le header PNG se fait translucide
- 400 bad request request header or cookie too large - Forum Windows
- Png en ico ✓ - Forum Logiciels
- Convertir png en svg ✓ - Forum Graphisme
- Comment faire un png - Forum Programmation
- Png to pdf - Télécharger - PDF
8 réponses
On peut se tutoyer ;)
N'y a-t-il pas un float:left ou float:right quelque part dans ta feuille de style pour ton header ou/et pour ton menu ?
N'y a-t-il pas un float:left ou float:right quelque part dans ta feuille de style pour ton header ou/et pour ton menu ?
Ok, merci de votre conseil. Le problème est toujours là.
J'utilise cette depuis plus d'un an et c'est une méthode qui possède ces propres fautes mais je l'ai toujours utilisé et j'ai jamais eu de problème.
C'est depuis que j'utilise pour une fois le mode translucide de photofiltre que tout foire au niveau du header.
Même en utilisant les float, les autres div arrivent à être dans le header. =s
Soit j'utilise l'image sans utiliser le mode translucide et comme par hasard, tout s'organise ou soit cela reste comme ça.
J'utilise cette depuis plus d'un an et c'est une méthode qui possède ces propres fautes mais je l'ai toujours utilisé et j'ai jamais eu de problème.
C'est depuis que j'utilise pour une fois le mode translucide de photofiltre que tout foire au niveau du header.
Même en utilisant les float, les autres div arrivent à être dans le header. =s
Soit j'utilise l'image sans utiliser le mode translucide et comme par hasard, tout s'organise ou soit cela reste comme ça.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Ah oui, tu as raison, j'ai réussi à règler mon problème :
j'ai mis comme ça dans mon html :
<div align="center">
<div id="vhmenu"></div>
<div style="width:1000px">
<div id="header"></div>
<div id="mmenu"></div>
<div id="content">This is just a bad test. I need to be in Tokyo.</div>
</div>
et tout fonctionne correctement. J'ai rien touché dans mon CSS. ^^
Merci quand même pour ton aide.
j'ai mis comme ça dans mon html :
<div align="center">
<div id="vhmenu"></div>
<div style="width:1000px">
<div id="header"></div>
<div id="mmenu"></div>
<div id="content">This is just a bad test. I need to be in Tokyo.</div>
</div>
et tout fonctionne correctement. J'ai rien touché dans mon CSS. ^^
Merci quand même pour ton aide.
Oulah, alors ça c'est super sale ! Y'a difficilement plus sémantiquement inccorect !
Lis cet article : http://www.php-astux.info/semantique-html.php
Lis cet article : http://www.php-astux.info/semantique-html.php
héhé oui, je sais mais c'est pour :
1) éviter les pigeons qui copient (car avec une belle structures, c'est plus facile à comprendre) et limite si c'est structuré, ça leur donne une aide.
2) Je comprends parfaitement ce que je fais et c'est une méthode qui fonctionne très bien.
3) Il n'y a que moi qui passe par là, donc la sémantique me sert à rien, à moi d'un pigeon pour voler le travaille (chose qui revient au 1).
4) Je possède Bloc-Note qui ne fais aucunement un truc structuré, je pense que Notepad++ le gère mais je n'en veux point. =p
Et aussi je ne vais pas désactiver le clique droit avec des codes car on peut les contourner et souvent le clique droit désactivé fait fuir les gens.
Mais merci de m'avoir proposé l'article.
1) éviter les pigeons qui copient (car avec une belle structures, c'est plus facile à comprendre) et limite si c'est structuré, ça leur donne une aide.
2) Je comprends parfaitement ce que je fais et c'est une méthode qui fonctionne très bien.
3) Il n'y a que moi qui passe par là, donc la sémantique me sert à rien, à moi d'un pigeon pour voler le travaille (chose qui revient au 1).
4) Je possède Bloc-Note qui ne fais aucunement un truc structuré, je pense que Notepad++ le gère mais je n'en veux point. =p
Et aussi je ne vais pas désactiver le clique droit avec des codes car on peut les contourner et souvent le clique droit désactivé fait fuir les gens.
Mais merci de m'avoir proposé l'article.
