Problème css,écart entre deux images (résolu)

briglim -  
 briglim -
Bonjour, après recherche sur la toile je n'ai pas trouvé réponse à mon problème qui est le suivant:

Mes deux images de background pour mon menu ne se collent pas pour une raison inconnue
quand je rajoute une vignettes avec un background et un h2 par dessus. Sans la vignette et le background elles se collent.

Voici le code sans vignette et sans h2 (qui marche correctement)


code css:

.sidebar {   
 background:url(images/bg_contentbodybis.png) repeat-y;   
 width:191px;}   

.sidebar_head {   
 background:url(images/bg_contentbodbis.png) no-repeat scroll 0 0 transparent;   
 width:191px;   
 height:19px;    
margin-top:20px;   
 float:left; margin-left:100px;   
 border:0;}   

.sidebar_content {   
float:left;   
 width:191px;}   



code html

 <div class="sidebar_head">    
         <div class="sidebar_content">   
             <div class="sidebar">   
                 
 <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud </p>   
               
               </div>   
           </div>   
       </div>   
    


avec vignette et h2

.sidebar { background:url(images/bg_contentbodybis.png) repeat-y; width:191px;}   

.sidebar_head { background:url(images/bg_contentbodbis.png) no-repeat scroll 0 0 transparent; width:191px; height:19px; margin-top:20px; float:left; margin-left:100px; border:0;}   

.sidebar_content {float:left; width:191px;}   

.sidebar_vignette { background:url(images/diolagbis.png) no-repeat; width:189px; height:59px;}    

.sidebar h2 { font-family:'Lobster1.3Regular'; font-size:24px; color:#C7C5C5;padding-left:40px; line-height 20px}    




 <div class="sidebar_head">    
         <div class="sidebar_content">   
             <div class="sidebar">   
                 <div class="sidebar_vignette">   
                    <!--<h2>liens</h2>!-->   
                      
                    </div>    
                   
                   
                   
                   
                <p> La siebar et tout ce qu'il s'y réfère</p>   
               
               </div>   
           </div>   
       </div>   


Merci d'avance
A voir également:

2 réponses

bg62 Messages postés 23734 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
pourquoi "résolu" ???
0
briglim
 
j'ai trouvé l'erreur qui est la suivant il fallait mettre un padding simple :)
0