Okay... this is bound to result ins a whole bunch of "personal" opinions, but I shall ignore those :)
It is possible to apply borders with CSS.
What is not yet fully supported are the various special "fancy" border options for things like Curved Edges, Drop Shadows etc... so we are forced to resort to using images etc.
What I'm after is some input on what is deemed as "acceptable markup" for creating these boxes.
Right, criteria ...
- I avoid using JS/DOM as much as possible, so those are out.
- I am not a "Purist", though I would prefer to use "less code" over "more code".
- I always am for Fluid/Flexible/Dynamic designs, so fixed Height/Width is out.
- I am aiming for the "Most" potential design, thus all four edges and all four corners!
Imagine having you content in a nice little block.
The Client wants funny shapped corners, 3D looking edging around the content, and fancies either a dropped shadow or glow around the whole lot.
(Hey, They can pay for it ;) )
Now, the only method I can come up with involves either Div's to the Max and some dodgey Margin/Padding work for CSS Background-Images and Cross Browser support....
Almost as many Divs and several Images for the Corners with some Positioning.
Is there a better way than having 8+ Divs?
Also, whilst I'm at it, is there really any practical CODE difference between using umpten Divs or Umpteen Spans?