28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un petit problème, c'est que je ne vois pas le "background" du "div page" (le lien est pourtant bon)
Je vous laisse voir le code.... dite moi si vous remarquez une anomalie.

********************************* 1ere partie

<head>
<title>ANGEL STUDIO</title>
<style type="text/css">
body
{
	margin: 20px 25%;
	padding: 0 ;
	background:url(images/wall.jpg) no-repeat;
	background-color: #999999; 
	font:Verdana, Arial, Helvetica, sans-serif small
	
}
<!--Au dessus : CORPS DE LA PAGE Arriere plan image couleur marge haut -->


div#page
{
	width: 700px ;
	margin: 0 auto ;
	text-align: left ;
	border: 1px solid #grey ;
	background: url(images/fondnoirtrans.png);
}


h1#logo
{
	width: 620px ;
	height: 320px ;
	display: block ;
	background: url(images/newlogo.png) no-repeat ;
	position: relative ;
	left: 45px ;
	top: 0px ;
	text-indent: -5000px ;
}

div#base
{
	color: #FFFFFF ;
}

#baspage
{
	color: #FFCC00;
}




</style>
</head>

********************************* 2e partie


<body>

<!--LOGO-->
<div id="page">
         <h1 id=logo><a href="index.html" title="Retour sur la page d'introduction"><span>Angel Studio</span></a></h1>
         <div id="nav">BARRE DE NAVIGATION HORIZONTALE</div>
		 <!--BASE PAGE-->
         <div id="base">la base de la page</div>
		 <!--BAS DE PAGE-->
         <div id="baspage">le bas avec le copyright</div>
</div>
</div>

	

</body>
</html>

Modifié par Angel13 (13 Sep 2010 - 11:06)
Allo

Dans div#page : tu as marquer » border: 1px solid #grey ;
Il n'y a pas de « # » avec un nom de couleur.

++
Modifié par zardoz (13 Sep 2010 - 10:22)
Ce ne vient pas de çà... mais néanmoins j'ai fait la modification.

par contre bizarrement si je passe div#page + h1#logo au dessus de body (partie 1 )

mon background apparaît... Oo un idée du pourquoi?
Modifié par Angel13 (13 Sep 2010 - 10:27)
Hello Angel13 et bienvenue, Smiley smile

dans les déclarations CSS il ne faut pas utiliser des commentaires HTML
<!--Au dessus : CORPS DE LA PAGE Arriere plan image couleur marge haut --> 
mais des commentaires CSS :
/* Au dessus : CORPS DE LA PAGE Arriere plan image couleur marge haut */