Hi Liam, your method isn't flexible enough, thanks for trying peter
On Tue, Jun 23, 2009 at 4:04 PM, Liam Potter <radioactiv...@gmail.com>wrote: > > 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 <charlie...@gmail.com <mailto: >> charlie...@gmail.com>> 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 >> > -- Power Tumbling - http://www.powertumbling.dk OSG-Help - http://osghelp.com