tags:

views:

58

answers:

3

Here is the page I have a problem with

on each image (little square) i apply the class <div class="odeurbox"> that should be 67 pixel wide...the result is a box 480 pixel wide

Why is the style is superseded by something else.... obviously, there is something i dont understand from the CSS cascading ..

any light ?

p.s. i know you dont care, but it look good in dreamweaver... sob !

A: 

Well your .odeurbox class's width: 67px value should override any parent style width's. Have you got the width set on the odeurbox class?

Nick Bedford
yes, obviousely !.. .odeurbox { float: left; width: 67px; margin-right: 10px; padding-right: 10px; padding-left: 10px; display: block; position: relative;}
marc-andre menard
it here : http://produits-lemieux.com/css-js/lemieux2.css
marc-andre menard
Well this is a bit of a pickle isn't it!
Nick Bedford
A: 

You haven't specified a style for the .odeurbox style. Add the following to your stylesheet:

.odeurbox { width: 67px; }
Tomas Lycken
yep, it's there !
marc-andre menard
here : http://produits-lemieux.com/css-js/lemieux2.css
marc-andre menard
Sorry - missed the 2 in the stylesheet name. It wasn't anywhere in base.css or lemieux.css... ;)
Tomas Lycken
+1  A: 

You are missing a } bracket for the class:

.textplusbold {
    color: #002B4E;
    font-weight: bold;
}

Line 198 of the css file. :)

mrinject
yep !.. ypu got it.... find it on my side too ! thanks a lot !
marc-andre menard