Working for one of my client where he had design for dual color border and the easiest way to get it done was to use 2 elements having border of different color.. HTML: <div style="border:2px solid blue;"> <div style="border:2px solid Orange;"> Some Content You want Goes Here </div> </div> Somehow I did not liked it and so after experimenting a little bit more found that it can be done without 2 bordered elements and so thought would share them with G4Ef members here. It is simple where you have DIV and one of them is actual border element and second is padding element which looks like border HTML: <div style="padding:2px;background: Orange;border:2px solid blue;"> <div style="background:white;"> Some Content You want Goes Here </div> </div> Enjoy
well... i'm not enthusiastic. You still have 2 elements. And the CSS code is bigger. where is the optimization?
The main aim of this was that we had less less control over the inner elements in the CMS and can only select few basic elements so had to get it done using the method
The CMS was custom CMS where we could only select bg and color and so having a double border inside a div means that I could apply CSS styles to outer divs but not the inner ones.
well yeah, it is simpler when you have a div adding the style you will be able to customize it thee way you want.