28173 sujets

CSS et mise en forme, CSS3

Salut,

Je souhaite faire un cadre extensible. J'ai fait quatres images en png avec transparence de 20*20.
Ca fonctionne, mais les extrémités du cadre ne sont pas là (les bords droits) j'ai oublié quelque chose?

Parceque si j'attribue au cadre des borders, ou un fond par exemple de meme couleur que le tracé de mes coins, ben les coins sont visibles puisque mes images d'arrondis sont transparentes...
http://img465.imageshack.us/img465/2705/sanstitre11dg.jpg

Merci.

CSS
div#header  {   
		  background-position: center top;
          width:100% ; padding: 2px 5px 0px 0px;
		  height:145px; background-repeat:no-repeat;
		  background: url(./images/header.jpg) ;
		  }
 /* Cadre extensible 4 cotés ! ! !*/
	   
div#cadre    { width: 20em; height: 10em; 
                    margin: 0 ; padding: 0;
	            background-image:url(./images/fond_bl_transp.png);}	
			   


#hautgauche, #hautdroit, #basgauche, #basdroit { 
/* Proprietes communes aux quatres coins */	 
             height: 20px; 
	     width: 20px;
             background-repeat: no-repeat;
	     font-size:1px;}	   	                /* Correction pour IE */ 

div#hautgauche	 { margin:0;
                           padding:0; 
                           background: url(./images/coin_haut_gauche.png);}	

div#hautdroit	 {float:right; 
                        margin:0;
		        padding:0; 
                        background: url(./images/coin_haut_droite.png);}

div#basgauche	 { margin:0;
                           padding:0; 
                           background: url(./images/coin_bas_gauche.png);}

div#basdroit	 { float:right; 
                        margin:0;
		        padding:0; 
		        background: url(./images/coin_bas_droite.png);}	

#contenu p   {  color:black ; 
                      margin:0.5em;}     /* Espaces entre les paragraphes */ 




HTML
 <div id="cadre">
<div id="hautdroit"></div>
<div id="hautgauche"></div>
   <p id="contenu">
"Les courroies de carnelle" est une association <br />
d'exaltés ahurits de cambouis accros à la sauce exquise <br />
de la bidouille mais aussi de la mecanique qui fonctionne bien <br />
et différemment, protecteurs et adorateurs des inventions <br /> 
et systèmes mecaniques d'horlogerie d'antants.

   </p>
<div id="basdroit"></div>
<div id="basgauche"></div>
                </div>

Modifié par Hum (11 Feb 2006 - 16:38)
Salut,
personne vois le truc ?

J'ai observé la decoupe de cadre extensible a quatres cotés de certains sites et ils ont des bords en images collés aux quatres cotés aussi !
...là ça fait bcp : 4 coins + 4 bords + le fond !

Ya un truc qui m'echappe c'est pas possible.

Merci et bon w.end
Modifié par Hum (11 Feb 2006 - 16:37)