On Mon, Mar 15, 2010 at 10:42 AM, Chris Blake <[email protected]> wrote:
> Hi,
>
> I think that I already know the answer to this one but it's worth a
> shot:
>
> I am using Joomla and ripping a template apart to make it work for me.
> However when it comes to some of the modules I have to set the width
> in pixels via the Joomla backend and the resulting code looks like this:
>
> <div class="basic-h">
>        <div id="yoo-scroller-1" class="yoo-scroller" style="width:
> 960px;height: 255px;">
>
> I tried to stick in a percent sign but it wrote it like this:
> style="width: 100%px;height: 255px;">
>
> Now the 'custom.css' sheet is the last CSS sheet in the list and is
> overwriting most of the template's own. However I don't stand much of
> a chance of getting around this styling unless you guys no of one?
>
> Thanks, CB
>
> (BTW I am using using a fluid layout and would like this scroller to
> be the same)

100%px isn't valid, unless my programming mind is tying to make too much sense.

Stylesheets should never overwrite a style defined in the actual tag
(Unless it's on the user's side).

http://www.w3.org/TR/CSS2/cascade.html#specificity

I would validate your CSS first and go from there.

-- 
-Jack Timmons
http://www.trotlc.com
Twitter: @codeacula
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to