Hi

I'm curently trying to customize this magnificent tools but I can't get tto do something.

Under the archive on left columns there is a "2000" button I'm trying to show it between two brackets but it goes under them on Rollover here is the link : http://www.delair.fr/SilverStripe/de-lair-des-archives/?stage=Live

so you can see waht I mean

This is the css file

ul#Menu2 li a:hover,
ul#Menu2 li a.current,
ul#Menu2 li a.current:hover {
color: #666;
background: #fff url(../images/left_bw_hook.gif) no-repeat left center;
cursor: pointer;
text-decoration: none;
padding-left:2px;
}

ul#Menu2 li a.levela:hover span,
ul#Menu2 li a.current span,
ul#Menu2 li a.section span,
ul#Menu2 li a.section:hover span,
ul#Menu2 li a.current:hover span {
background: transparent url(../images/right_bw_hook.gif) no-repeat right center;
padding-left:130px;
width: 100%;
height: 100%;

}

I have the same problemwith "Masque rouge" tittle because I would like the black square to be close to the titlle not on the right side .

Here the css for it (I'm trying to format it trought the html editor)

.typography h1 {
padding-right: 120px;
font-size: 20px;
background: white url(../images/carre_titre_01.gif) no-repeat right center;
}

I know it is a lot but I'm stuck

Thanks

T

I am solving all my css problems with firefox and the addon firebug. It shows you the markup and the css that belongs to it with all inheritance. This solves 100% of my problems.
For my new projects I use the css framework www.yaml.de. With this you can evade all problems caused by bill gates shitty browser.