3 images
1) the top bar,
2) the full width of the panel (including shadow)
3) bottom corners
3 divs
<div id="top"></div>
<div id="content">
content here
</div>
<div id="bottom"></div>
each div would have the same width and height as the image you made for
it and apply as background
The content will need padding so nothing bleeds over the border & shadow
Drawback to this method is it can only scale vertically.
So, keep to fixed with layouts.
I know there are many rounded corner plugins, but usually you don't need
to use them.
- Liam
Peter Marino wrote:
Hi,
I would really like to do as you mention... I have my forms using
rounded corners from jquery and it's
super cool.... but these panels I create have shadows on them too...
haven't see any plugin to do that yet with rounded corners and captions.
I have searched the net for solutions and tried 100's of different
combinations... any suggestion
what to do to get less code would be super.
peter
On Tue, Jun 23, 2009 at 1:07 PM, Charlie <[email protected]
<mailto:[email protected]>> wrote:
you can accompish this 4 corner box with far less markup, standard
css with no script
there's lots of css tutorials on this topic. I'm all for using
jquery to add creative solutions but sometimes using a bulldozer
when all that is needed is a shovel is overkill
for example, wrap your middles around contents and no height
calculations necessary. Try using every tag available in module to
apply css for your frame, don't waste outer container. You'll
definitely appreciate it when page size increases
Peter Marino wrote:
Hi jQuery,
i'm trying to create a visual frame. My attempt can be seen here:
http://www.medlemmer.net/test/test_panel_basics.php
I use jQuery to resize the left and right div to the correct
height, I can
see the result is correct.
my question is why do I get gaps at the bottom... it seems to come
when I put content inside my visual frame? Can someone point it out
for me?
another question is... is there any other method that can make the
left and right sides get the correct length? or is jquery the
only way
to do that?
regards,
Peter
--
Power Tumbling - http://www.powertumbling.dk
OSG-Help - http://osghelp.com
--
Power Tumbling - http://www.powertumbling.dk
OSG-Help - http://osghelp.com
