Jump to content

Block categories, besoin d'aide css


Katzele

Recommended Posts

Bonjour,

 

Je souhaiterai que dans le block catégories de la colonne gauche, les catégories ayant des catégories enfants se présentent avec un flèche, celles n'ayant pas d'enfant se présentant sans flèche. Pour l'instant tout ce que j'ai réussi à faire c'est tout le niveau 1 avec flèche (même sans enfant) et niveau 2 et 3 sans flèche (même avec enfant)

 

Mon code et en pièce jointe un screen print de la bête

#categories_block_left  li {border-bottom:1px dotted #ccc}
#categories_block_left  li.last { border:none;}
 #categories_block_left  li a {
  display:block;
  padding:7px 11px 5px 22px;
  color:#333;
  background:url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent
 }

#categories_block_left  li ul {margin-left:30px}
 #categories_block_left  li ul li {border:none}
  #categories_block_left  li ul li a {
   padding-left:0;
   background:none
  }

#categories_block_left  li ul li ul {margin-left:20px}
 #categories_block_left  li ul li ul li{border:none}
  #categories_block_left  li ul li ul lia {
   padding-left:0;
   background:none
  }

#categories_block_left li .OPEN,
#categories_block_left li .CLOSE {
display:block;
float:right;
margin:10px 10px 0;
height:9px;
width:9px;
background:url(../../../modules/blockcategories/img/icon/open-close.png) no-repeat 0 -9px;
cursor:pointer
}
#categories_block_left li .CLOSE {background-position:0 0}

 

Un petit coup de main serait le bien venu car je ne comprend pas trop l'histoire des "li ul a" et compagnie ;-) Merci d'avance

post-30508-0-10067500-1352232268_thumb.jpg

Link to comment
Share on other sites

Yop, il suffit d'ajouter l'url de ton image selon les états :

#categories_block_left li .OPEN,

 

tu ajoutes la flèche, le picto que tu veux selon les états.

 

Le mieux c'est de faire des tests, tu appliques la même images par exemple, la même flèche sur tel ou tel état. Puis quand tu as trouvé tu changes ton image. Là sans voir ton site c'est compliqué :)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...