Bonjour,



Ceci afin de mettre le menu de mon site sur la bannière. cf (lien)
Précision :

qu'est-ce qui t'empeche de le mettre dans entete3 ?

'entete3' est la barre de menu jaune en bas de l'en-tête.

'entete1' est la photo à gauche. (Mon chien )
Il pose ses pattes sur la barre de menu, c'est un effet que je recherche.

Mais cela me bouffe une partie de la barre. Ce que je ne veux pas. Vu que je souhaite que mon menu soit étalé sur toute la barre.

...

Ou alors il y aurait une autre possibilité, mettre la photo de mon chien en transparent. Mais la je me heurte au même probleme, comment passer au dessus de la barre.

A ba la c'est de la maitrise de photoshop il me semble. Tu crée ta barre avec ton chien et ses petite pates. Tu place ta barre au dessus de ton chien de manière a la voir et tu réduit son opacité a 50%. Ensuite tu n'a cas découpé ton menu autour de ta pates.
Evidement après tu remet l'opacité a 100% et tu enregistre uniquement la barre en png 24 bits.
Il faut bien que tu comprenne la technique pour pouvoir t'amuser.

Merci

Photoshop je maitrise plus que XHTML et CSS.
La n'est pas la question voir le résultat sur le lien

Mon prob c'est quel code en XHTML je dois mettre pour placer mon chien par dessus la barre.
Donc superposer 2 blocs ...




EDIT 1: a j'ai compris ce que tu veux que je fasse mais ce n'est pas de la bidouille que je veux...
La c'était un exemple parmis d'autre mais j'aimerais vraiment savoir comment superposer 2 blocs.

Mais bien sûr pas en absolu, la est la contrainte.



EDIT 2: Voila, autre exemple plus explicite :

Je veux que ma barre de menu a gauche permette un sous menu déroulant qui passerait alors au dessus de mon bloc de texte.




Comme le fait le site http://www.geckozone.org/

A ok et bien tu fait un z-index. Dans ton css tu tape

Citation : css

#chienchien
{
z-index: 2 /* ou 2,3,4,5,...*/
}

La valeur de la fonction dépent de l'importance, plus ce nombres est supérieur plus il va t'afficher ton image par dessus.

Une image avec 1 et l'autre avec 2, c'est celle de 2 qui va paser par dessus.
Maintenant c'est a toi de switcher correctement avec le z-index

OK pour le paramêtre de superposition des images



...

Edit :
Je viens de trouver pour mettre une image à un endroit précis par rapport à un bloc 'père'. (position:relative) cf ici

Quand je met ce code :



C'est exactement ce qu'il me faut mais...

Citation : Neoshin

OK pour le paramêtre de superposition des images

Mais dans mon CSS, comment est ce que je positionne 2 blocs (ou 2 photos) l'un sur l'autre sans être en "position:absolute"

Il n'y a pas d'autre solution que l'absolute.

Citation : Neoshin

Quand je met ce code :

#essai{
        position:relative;
        top:  0px;
        left: 200px;
       
        width:  140px;
        height: 186px;
       
        background: url("http://x1.putfile.com/9/26613021311.png") no-repeat;

}

C'est exactement ce qu'il me faut mais...

Comment faire pour que ça fonctionne sur IE

Bah normalement ça fonctionne avec IE, position relative pour le bloc parent et position absolute pour le bloc enfant.

Pourquoi ne veux-tu pas utiliser absolute ?

Et bien parce que ça bug...



code du parent (En-tête):

code de l'enfant (image d'un worms):

Voir le résultat

Sous Firefox ->


Sous IE ->

UP

Alors, je viens de trouver pourquoi ton image en position absolute ne s'affichait pas, s...... d'IE

Il faut que tu utilises avant de mettre ta position absolute, un clear: both pour annuler le float de tes autres blocs, en faisant ça, ça fonctionne.



Le z-index n'a aucune utilité.

Ensuite, pour ton centrage, j'ai essayé de mettre le body en position relative, mais ça fait un bug qui fait disparaître les bordures, bien entendu toujours avec IE.

Donc, mets tous les blocs de ta page dans un div conteneur en position absolute, avec un left: 50%, et un margin-left à -moitié de ton bloc.
Regardes chez alsacreations, il est indiqué comment le faire, je l'utilise et ça fonctionne impec

Alors ça vraiment.....
En plus il a fallut que dans mon code XHTML je place le bloc en dernière position pour qu'ils s'affiche au dessus des autres.
C'est vraiment tordu IE

J'ai suivi tes conseils pour le centrage des pages. Merci beaucoup
Je suis allé sur alsacreation pour voir le cour.
J'ai donc fait un div global et j'utilise la méthode des marges négatives.

Ca fonctionne mais nouveau bug


Ca déforme mon bloc "contenu" et mon pied de page....
ARGGHHHH je craque. Quand j'arrange un bout, y'en a un autre qui part en live!!!!

H.E.L.P.

Parce que :



Tu as mis un margin-left de 160px.

Ben euhh oui!
Pour décaler le corps de 160px du bord gauche du bloc global.

Je voix pas pourquoi le bloc s'agrandit vers la droite !

Ah oui exact.

Je pense avoir trouver :

Tu as mis :


782 quoi, choux, navets ?

Oups!

Citation : strucky

782 quoi, choux, navets ?

Curieux j'ai déjà entendu ce genre de phrases




</span>