Aller au contenu

Sujets conseillés

Posté

J' ai un problème avec des div que j'essaye d'empiler les uns sur les autres et ainsi faire corrspondre les ombres extérieures. Sur IE6 pas de problèmes, ça marche; firefox rien à faire. pourquoi?

Votre aide SVP.

le lien : cliquez ici

ou le code :


<style type="text/css">
#container {
position: absolute;
left: 10px;
top: 10px; }
#c01 {
width: 322px;
height: 119px;
background: url(centrale.jpg) no-repeat; }
#title {
/*color: #FFFFFF;*/
left: 10px;
top: 65px; }
#c02 {
margin: 0;
padding: 0;
width: 322px;
height: auto;
background: #FFFFFF url(laterale.jpg) repeat-y right top; }
#c03 {
width: 322px;
height: 10px;
background: url(piede.jpg) no-repeat; }
.testi {
margin: 15px; }
</style>
</head>
<body>
<div id="container">
<div id="c01">
<h2 id="title">Title of the page</h2></div>
<div id="c02">
<h2 class="testi"><span>Lorem</span></h2>
<p class="testi">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus.</p>
</div>
<div id="c03"></div>
</div>
</body>
</html>

Merci d'avance.

Michel, Florence.

Posté

Bonjour,

Pourquoi n'utilises-tu pas l'attribut "border" pour les ombres ?

Tu peux sans difficulté mettre une bordure à droite et une bordure inférieure.

Dan

Posté

Salut Dan

merci de la sugestion.

Je vais essayer de suite.

Quant à mon problème j'ai finalement trouvé la solution : margin 0px;

Aussi simple que ça.

A bientot. (avec un petit chapeau sur le o)

Michel

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...