18073 sujets

Questions générales et questions de débutants

Problème de design

Bonjour!
En fait rRhttp://clume1.free.fr
Vous voyez le petit effet de dégradé à gauche du menu?
Bah j'aimerai le faire sur les autres bordure
(j'ai créer des png approprier pour les bordure du bas, de droite et du haut).

Voila mon code HTML 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Bienvenue sur mon site !</title>


  <meta http&#8211;equiv="Content&ndash;Type" content="text/html; charset=iso&ndash;8859&ndash;1">

  <link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="css.css">

</head>
<body>

<div id="en_tete">
<h1>Clume's Blog</h1>

</div>
<div id="menucorps">
<div id="menu">
<ul>

  <li>Jesaispas</li>

  <li>Jesaispas</li>

  <li>Jesaispas</li>

  <li>Jesaispas</li>

  <li>Jesaispas</li>

</ul>

</div>

<div id="corps">
<h2>Mon nouveau site/blog</h2>

<p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed hendrerit dolor ac wisi lobortis auctor. Nulla accumsan nunc vitae sem. Nam nonummy metus a risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed aliquet hendrerit arcu. Aenean nunc orci, auctor eu, vehicula at, iaculis vel, augue. Vivamus metus urna, congue at, semper a, tristique a, sapien. Ut eros mauris, commodo ac, venenatis eu, consectetuer non, erat. Sed consequat pretium nisl. Cras vestibulum cursus felis.

Aliquam erat volutpat. Aliquam erat volutpat. Integer porttitor mollis lorem. Duis vel felis. Aenean faucibus wisi eget quam. Vivamus consequat consequat nibh. Donec tempor diam et massa blandit fermentum. Mauris tellus erat, vestibulum eu, interdum vitae, laoreet ut, sem. Nunc non velit at pede malesuada volutpat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum non est. Etiam sed ipsum non nunc euismod fringilla.

Etiam quis justo a urna scelerisque commodo. Duis est. Donec porta, turpis et scelerisque malesuada, eros orci pellentesque quam, id sodales wisi nisl a libero. Aenean fringilla magna id turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus ut urna. Phasellus rutrum, odio a interdum viverra, libero justo ultricies sapien, eu adipiscing augue metus a mauris. Sed rhoncus, sem in venenatis vestibulum, neque wisi consectetuer augue, convallis ultrices massa purus vel turpis. Integer dapibus ipsum at justo. Vestibulum est quam, fringilla sit amet, lobortis sit amet, convallis non, ante. Vestibulum venenatis condimentum lectus. Pellentesque quis sapien. Cras eu ligula. Maecenas quam orci, pellentesque ac, venenatis vel, feugiat eget, lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris vulputate, lectus quis faucibus varius, felis quam lobortis ipsum, a faucibus quam pede id lacus. Nulla eget purus.

</p>
 
</div>
</div>

</body>
</html>


et le CSS :

body
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;   
background-color : #d1ecf4;
}

#en_tete
{
   width: 760px;
   height: 100px;

background-color : red;
text-align : center;
padding : 5px;

}


#menu
{
   float: left;
   width: 120px;

}

#corps
{
   margin-left: 120px;
 
   padding: 5px;
   background-color : white;
}



#menucorps
{

background-color : #fbf1fa;
background-image: url("bordgauche.png");
background-repeat: repeat-y;
background-position: top-right;}
}
Bonjour,

1 - je ne vois aucun dégradé ?
2 - je ne vois pas du tout le même résultat "visuellement parlant", sous firefox et internet explorer !!

Peut-être pourrais-tu tout d'abord t'inspirer du gabarit d'un des tutos Alsa http://css.alsacreations.com/modeles/modele3.htm pour la mise en page de ton header et de ta colonne de gauche ?
Sujet clos
Aller à