Recherche un spécialiste de theme pour petite question

[oolivvv]

Bonjour,

 

voila je modifie actuellement le theme de base de presta, ce qui me vas amplement pour le moment, mais je tombe sur un petit soucis que les plus callés d'entres vous pourrons résoudre sans difficulté.

 

J'ai modifier les block pour avoir un léger contraste gris ce qui fonctionne parfaitement sur le site,

je voudrais en faire autant avec le block products_block, mais quand je modifie pour mettre le fond et la couleur il ne m'affiche pas la même chose que dans les blocks 'classiques'

 

c-a-d j'ai le badeau titre avec arrondi puis le gris en dessous

quand j'applique cela au block products il me fait déborder le gris sur toute la surface.

 

je suis sous 1.5.2

 

voici le code utilisé

 

/* BLOCK .block ******************************************************************************** */
.block {margin-bottom:20px}
#footer .block {margin-bottom:0}
    .block h4 {
		    padding:6px 11px;
		    border-radius: 10px 10px 0 0;
		    font-size:12px;
		    color:#fff;
		    text-shadow:0 1px 0 #000;
		    text-transform:uppercase;
		    background:#009900
    }
		    .block h4 a {color:#fff}
    .block ul {list-style-type:none;
		    background: url("../img/block_bg.jpg") repeat-x scroll left bottom #F1F2F4;
		    border-left: 1px none #000;
		    border-right: 1px none #000;
		    border-radius: 0 0 10px 10px;
		    min-height: 16px;
		    padding: 0.5em 0.7em 0;
    }

 

quand j'applique au block product

 

/* BLOCK .products_block *********************************************************************** */
.products_block {			 
		    background: url("../img/block_bg.jpg") repeat-x scroll left bottom #F1F2F4;
		    border-left: 1px none #000;
		    border-right: 1px none #000;
		    border-radius: 0 0 10px 10px;
		    min-height: 16px;
		    padding: 0.5em 0.7em 0;
    }
    .products_block li {float:left
    }
    .products_block li img {border:1px solid #d1d1d1
    }

 

les radius 0 montent au dessus du block titre.

 

une idée simple ?

[Pixelmio]

Vous auriez une URL pour qu'on puisse voir ??

[oolivvv]

oui le temps d'appliquer la modif sur le site on-line

http://b.cap10.be

[Aimée H.]

Bonjour,

 

essayez d'appliquer votre "background : linear-gradient(to bottom, rgba(214, 213, 212, 0.65) 0px, rgba(241, 242, 244, 0) 100%) repeat scroll 0 0 transparent" à la ligne suivante :

 

ligne 75 :

 

#CategoriePlus .CatPlus {

 

float: left;

height: 180px;

margin: 0 0 1px 1px;

padding: 0;

width: 265px;

}

 

ainsi que le border radius suivant :

 

border-radius : 10px;

 

soit :

 

#CategoriePlus .CatPlus {

background : linear-gradient(to bottom, rgba(214, 213, 212, 0.65) 0px, rgba(241, 242, 244, 0) 100%) repeat scroll 0 0 transparent;

float: left;

height: 180px;

margin: 0 0 1px 1px;

padding: 0;

width: 265px;

border-radius : 10px;

}

 

Cordialement

AH

Edited January 8, 2013 by Aimée H. (see edit history)

[oolivvv]

Merci du tuyaux ;-)