28172 sujets

CSS et mise en forme, CSS3

Problème de Backgound en png.

Bonjour.
Je suis actuellement en création de mon Portfollio. En premier je les dessinais sur Photoshop ensuite, je les découpais calques par en calques en format png. Donc en gros j'ai mon Fond Smiley biggrin et Mon menu.

Je galère à mettre mettre mon menu sur mon fond. Mon menu ne veut pas être sur mon fond.
Voici mon code : 

<img id="fond" alt="fond" src="images/fond.png" />

</head>

<body>
<div class="menu">


</div>

</body>
</html>


Et voici mon css :

@charset "utf-8";

html, body 
{
overflow : none;
overflow:hidden;
}

#fond
{
width : 100%;
height: 100%;
}
.menu
{  
    background-image:url(images/menu.png)
	weight:1200px;
	height:800px;
	position:absolute;
	background-position:top;
	margin-top:10%;
}


Quelqu'un pourrais me dire pourquoi mon menu ne veut pas être sur mon fond ? Smiley biggrin
a écrit :

</head>
<body>
<img id="fond" alt="fond" src="images/fond.png" />
<div class="menu">
</div>
</body>
</html>

Modifié par jmlapam (23 Oct 2011 - 02:38)
Merci pour ta réponse, mais je retombe toujours sur le même problème, mon menu ne veut pas être sur background. Mon menu reste en dessus de mon background
en dessus? c'est quoi ça?

pour ce que tu veux faire: image de fond je t'invite à lire cet article

EDIT: Concernant les positions

a écrit :

#fond{
width : 100%;
height: 100%;
position:relative;
}



Mais je t'invite fortement à lire ceci aussi
Modifié par jmlapam (23 Oct 2011 - 02:41)
Hello,

J'ai l'impression qu'il y a un manque de compétence en intégration web qui va être très handicapant pour réaliser ce portfolio. Je conseillerais une des trois solutions suivantes:

1. Apprendre les bases de HTML et CSS en travaillant sur des exemples simples. Et seulement après tenter l'intégration de ton portfolio, quand tu auras acquis des compétences.

2. Bosser avec un intégrateur qui peut réaliser le code de ce site. Si tu crées un portfolio j'imagine que tu es soit freelance, soit étudiant avec parmi tes contacts des gens compétents en intégration. Si tu n'as pas encore les moyens d'engager un pro, notamment si tu es étudiant, un échange de bons procédés est toujours envisageable (par ex. intégration de ton projet contre design pour un de ses projets).

3. Utiliser un service web de création de portfolio. Le design ne sera pas personnalisé, mais en choisissant bien le service tu peux avoir une mise en page sobre et efficace pour présenter tes designs (sous la forme d'images ou séries d'images PNG en général). Certains services te permettent même d'utiliser ton propre nom de domaine.

Bonne suite.
Modifié par fvsch (23 Oct 2011 - 14:15)
Oui il est clair que j'ai des lacunes en HTML/CSS.
Mais cela fait seulement un mois que je pratique de façon approfondi ce langage. J'ai deja fait un portfollio justement avec un Template déjà fait. Mais sa m'interesse pas dutout d'avoir un site fait par un autre. Je préfère galérer et allez voir des cours plutôt que d'utiliser le travail d'une autre personne
Bah oui mais c'est anti-productif, c'est se lancer dans le désert sans équipement !
Tu gagneras largement plus à consacrer du temps pour apprendre PUIS à faire ton projet que l'inverse.

Smiley cligne
Sujet clos
Aller à