Bonjour,

Je ne parviens pas à faire refonctionner un petit plan qui marche pourtant par ailleurs déjà sur mon site. Il s'agit d'un cadre "caché" par un autre dans lequel se trouve le contenu, le tout provoquant l'étirement de la boite en fonction de l'abondance et/ou de la taille du texte.

Ma page est : ici

Le gros cadre de droite fonctionne avec cette astuce, le petit à gauche... moins.

Le code est :
 <div class="cadre2"> 
  <div class="titre2"> <font face="BankGothic Md BT">Essai</font> </div>
    <div class="bloccadre2">
	  Le site des Headfish est visible <a href="http://headfish.fr.st" target="_blank">ici</a>, 
      Mp3, Photos, Livre d'or, chat, vente album...<br>
      <br>
      <a href="http://headfish.fr.st" target="_blank"> <img src="./images-css/site-head.jpg" width="100" height="71" border="0"> 
      </a> 
	 </div>
	</div>

div#cadre2 {
position:absolute;
width : 184px; 
padding-top : 60px; 
background : url(images-css/petite-boite-haut.jpg) no-repeat 0% 0%; 
margin: 0px 0px 20px 0px;  
} 
div#bloccadre2 {
background : url(images-css/petite-boite-bas.jpg) no-repeat 0% 100%; 
margin:0;
padding: 0px 0px 0px 0px; 
} 
div#bloccadre2 p {
margin : 0 80px -10px 30px;
border : 0 none inherit; 
} 



et pour le html :

 <div class="cadre2"> 
  <div class="titre2"> <font face="BankGothic Md BT">Essai</font> </div>
    <div class="bloccadre2">
	  Le site des Headfish est visible <a href="http://headfish.fr.st" target="_blank">ici</a>, 
      Mp3, Photos, Livre d'or, chat, vente album...<br>
      <br>
      <a href="http://headfish.fr.st" target="_blank"> <img src="./images-css/site-head.jpg" width="100" height="71" border="0"> 
      </a> 
	 </div>
	</div>


Merci !
Modifié par Djano (17 Jan 2007 - 02:26)
Modérateur
bonsoir,

tu met
#blocadre2 

dans le css et
class="blocadre2"
dans le html .
C'est sur que ça marche moins bien comme ça Smiley smile .
GC