Votre question

Ajouter une ombre sur ma page

Tags :
  • Arrière plan
  • Programmation
Dernière réponse : dans Programmation
Anonyme
29 Août 2010 15:10:52

Bonjour à tous,

J'essaie de créer un site pour mon entreprise.

Pour ça j'ai lu quelque tuto pour apprendre le html et le css et je m'aide de ce que trouve sur le net. Mon niveau est super débutante.

J'aimerais ajouter une ombre sur ma page mais je n'y arrive pas. Pouvez-vous m'aider à ajuster tout ça. Après plusieurs essais et erreurs voila ce que ça donne: (que dois-je corriger?)




Citation :
body
{
width: 990px;
margin: auto;
margin-top: 30px;
margin-bottom: 20px;
background: transparent url("ombre.png") repeat-y scroll center top;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
}

/* L'en-tête */

#en_tete
{
width: 990px;
height: 194px;
background-image: url("headerr.jpg");
background-repeat: no-repeat;
margin-bottom: 0px;
margin-left: 1px;


}


/* Le menu */

#menu

ul {
padding:0;
margin:0;
list-style-type:none;
}
li {
float:left; /*pour IE*/
border-left:1px solid #BEBEBE;
}
ul li a {
display:block;
float:left;
width:160px;
line-height:40px; /*hauteur de l'image de fond*/
background:red url("barremenu.png") repeat-x;
color:#DCDCDC;
text-decoration:none;
text-align:center;
}
ul li a:hover {
background:black url("barremenu.png") repeat-x;
color:white;
}


/* Quelques effets sur les menus */


.element_menu h3
{
color: #000000;
font-family: "System", "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

.element_menu ul
{
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}

.element_menu a
{
color: #000000;
}

.element_menu a:hover
{
background-color: white;
color: white;
}


/* Le corps de la page */

#corps
{

margin-left: center;
margin-bottom: 20px;
padding: 5px;

color: #B3B3B3;
background-color: #828282;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid white;
}

#corps h1
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
height: 30px;

background-image: url("images/titre.png");
background-repeat: no-repeat;

padding-left: 30px;
color: #B3B3B3;
text-align: left;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
padding: 5px;
clear: both;

text-align: center;

color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;
}


Citation :
<body>

<!-- L'en-tête -->

<div id="en_tete">

</div>

<!-- Les menus -->

<div id="menu">

<div class="element_menu">

<ul>
<li><a href="accueil.html">Accueil</a></li>
<li><a href="carte.html">Carte</a></li>
<li><a href="commandes.html">Commandes</a></li>
<li><a href="promotions.html">Promotions</a></li>
<li><a href="sandwicherie.html">Sandwicherie</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>

<!-- Le corps -->

<div id="corps">
<h1>accueil</h1>

<p>
ff
</p>

<h2>A qui </h2>


<h2>L'auteur</h2>
<p>
L'auteur
</p>
</div>

<!-- Le pied de page -->

<div id="pied_de_page">
<p>Copyright </p>
</div>

</body>
</html>




Autres pages sur : ajouter ombre page

31 Août 2010 06:45:07

Tu utilise des morceaux de html 5, assure-toi que ton navigateur permet de l'afficher correctement. Où veux-tu rajouter un ombre exactement ?
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS