Optimisation mise en page
Bonjour,
j'aurais besoin de vos conseils pour optimiser le création d'une partie de cette page.
Voila la partie unique en Ardèche est faite comme ceci (en 3 parties) :
Code:
1
2
3
4
5
6
7
8
9
| <div id="info1">
<div id="titre1" style="background-image:url(images/fond_barre.png); background-repeat:no-repeat; height:131px;"></div>
<div style="background-color:#fffdeb;"><img src="images/tof1.png" alt="Traversée des rivières !" style="margin-left:20px; margin-top:-75px;" />
<p align="justify" style="float:right; margin-top:-150px; margin-right:10px; padding-left:250px;">
<span class="Marron">Situé au confluent de 3 rivières, la ferme équestre de Chavetourte vous propose la traversée de ces 3 rivières, unique en Ardèche !</span><br />
</p>
</div>
<div class="fin_info" style="margin-top:-30px;"></div>
</div> |
et les CSS qui vas avec :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| #info1{
width:762px;
margin:0 auto;
margin-top:10px;
}
.fin_info{
width:762px;
height:76px;
margin:0 auto;
background-image:url(images/fin_info.png);
background-repeat:no-repeat;
} |
Voila j'image qu'on peut faire mieux que sa, notamment que l'encadre s'agrandisse tout seul en fonction du texte qu'il y a dedans et qu'il repousse vers le bas tout ce qui se trouve plus bas sur la page ...
Voilà si quelqu'un veux bien m'aider ....
Cordialement.
