CSS: definition of customized border box failed

Previous topic

Setup & design

Next topic

Author	Message
Don Ronaldo	Monday 16 February 2009 3:19:22 am Hi there, I edited my post slightly to make it more understandable. Extension used: website interface Website interface comes with three pre-defined css border-box classes called * border-box * box-2 * box-3 Now, I tried to define a custom border-box class called * customborder-box Thus, I just copied the css definitions of "border-box" and put them under my customborder-box definitions. This means, I replaced div.border-box div.border-tl {background: transparent url(images/box-1-border-tl.gif) no-repeat scroll left top;} by div.customborder-box div.border-tl {background: transparent url(images/box-1-border-tl.gif) no-repeat scroll left top;} and so on. Plus, in the appropriate template file, I replaced <div class="border-box"> by <div class="customborder-box"> That's all I've changed. The border-box div container architecture itself has not been changed at all. Unfortunately, the border background images are not visible when I call the template view of the website frontend. This happens in all website interface installations, so it is not just an unfortunate accident, but rather a general issue? Any hints are highly appreciated. Thanks folks, Ron.
Don Ronaldo	Tuesday 17 February 2009 5:16:48 am Problem solved by myself. There are some padding settings for the individual border div containers hidden in other css files, which have not been transfered to the classes-colors.css override file.

Author

Message

Don Ronaldo

Monday 16 February 2009 3:19:22 am

Hi there,

I edited my post slightly to make it more understandable.

Extension used: website interface

Website interface comes with three pre-defined css border-box classes called
* border-box
* box-2
* box-3

Now, I tried to define a custom border-box class called
* customborder-box

Thus, I just copied the css definitions of "border-box" and put them under my customborder-box definitions. This means, I replaced

div.border-box div.border-tl
{background: transparent url(images/box-1-border-tl.gif) no-repeat scroll left top;}

div.customborder-box div.border-tl
{background: transparent url(images/box-1-border-tl.gif) no-repeat scroll left top;}

and so on. Plus, in the appropriate template file, I replaced

<div class="border-box">

<div class="customborder-box">

That's all I've changed. The border-box div container architecture itself has not been changed at all. Unfortunately, the border background images are not visible when I call the template view of the website frontend. This happens in all website interface installations, so it is not just an unfortunate accident, but rather a general issue? Any hints are highly appreciated. Thanks folks,

Ron.

Don Ronaldo

Tuesday 17 February 2009 5:16:48 am

Problem solved by myself. There are some padding settings for the individual border div containers hidden in other css files, which have not been transfered to the classes-colors.css override file.