28172 sujets

CSS et mise en forme, CSS3

Bonjour,

j'ai un bloc conteneur dans lequel en haut à gauche il y a une boite contenant une image.
Le conteneur contient du texte qui "s'enroule" autour de l'image. Comment faire pour que le texte ne soit pas collé à l'image, si je met un padding dans le conteneur, le padding décale la boite flottante vers la droite, mais à droite de la boite flottante, le texte reste collé.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  
  <title></title>

<style>

.entete {
width:1000px;
height:164px;
border:1px;
background-image:url(En_tete_MB.jpg)
}

.navig{
position:relative;
left:0px;
float:left;
height: 362px;
width:203px;
border: solid 1px;
}
 .cont{
width:1000px;
border: solid 1px red;
padding-left:3em;
padding-right:3em;
}
</style>

</head>
<body>
<div class="entete"></div>
<div class="cont"
 <div class="navig"></div>
  blablabla, blablabla.....
</div>
</body>
</html>


Merci pour votre aide.

A+
Philippe
Bonjour,

Je n'arrive pas à voir à quoi tu veux aboutir, même en ayant lu tes explications et testé le code. Smiley sweatdrop
Une capture d'écran du résultat souhaitée serait grandement utile. Smiley murf
Merci Corinne de ta réponse,
j'ai en fait résolu le problème en mettant l'image dans une boite plus large afin de créer une marge à droite de l'image, mais je trouve cette solution un peu "bricolo"... bon, mais j'arive à l'effet visuel attendu, c'est le principal Smiley cligne

Merci

A+
Philippe