Le header PNG se fait translucide Résolu/Fermé

Question

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 :

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. Configuration: Windows 7 / Firefox 7.0.1

sculderoy · Answer

C'est pas plus un problème de flottement ?

Bisims2 · Answer

un problème de flottement ? pouvez-vous me préciser un peu plus s'il vous plait ?

sculderoy · Answer

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 ?

Bisims2 · Answer

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.

sculderoy · Answer

Une image en background ne peut pas influer sur la position des éléments html d'une page...

Bisims2 · Answer

Ah oui, tu as raison, j'ai réussi à règler mon problème : j'ai mis comme ça dans mon html :

This is just a bad test. I need to be in Tokyo.

et tout fonctionne correctement. J'ai rien touché dans mon CSS. ^^ Merci quand même pour ton aide.

sculderoy · Answer

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

Bisims2 · Answer

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.

Le header PNG se fait translucide

8 réponses

Discussions similaires