David, I've managed to mostly get it working now thanks to the ALA article (why didn't I look there first...) I've updated the version at http://www.e-oddie.com/e-oddie2/default.aspx. I think the markup could still use some improvement but I'm much happier now.
Thanks, Tatham -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David R Sent: Saturday, 25 December 2004 11:59 AM To: [email protected] Subject: Re: [WSG] CSS/Markup Nightmare Hi My suggestion to achieve the "rounded corners", is to use the tried-and-tested method of using "wrappers", but this is hardly ideal. Another option is to define positioned divs to each of the corners Hmmm, I've just realised you could hook existing tags: Say: <div class="boxContainer"> <div class="boxHeader"> <h2>Box Title goes here</h2> </div> <div class="boxBody"> <p>Content, blah!</p> </div> </div> You could adjust margins and background images to the boxContainer, boxHeader, the h2 element, the boxBody, and paragraph element to achive the effect I suggest you read this ALA article: http://www.alistapart.com/articles/customcorners/ HTH -David R Tatham Oddie wrote: > Hi all, > > I'm currently having a CSS/markup nightmare. Any help with this would be > greatly appreciated. > > The aim is to make my page like the mockup I have - > http://www.e-oddie.com/e-oddie2/skins/Summer/Mockup.jpg. However, I'm > having a nightmare making the boxes (something I thought would be a > simple process). > > I have a sample page at http://www.e-oddie.com/e-oddie2/default.aspx. > And the CSS file at http://www.e-oddie.com/e-oddie2/skins/Summer.css. > > Things I'd like to sort out are: > > * The CSS isn't any where near working (obviously) > * The markup I've used seems like an overkill so I'd like to simplify it > > Thinks to note are: > > * The markup has to be generic enough that I can create different > boxes just by changing the CSS (there are 3 sections with 3 > different colour schemes to identify them) > * I'd like to aim for at least 4.01 strict or hopefully XHTML/1.1 > compliance (preferred) > > In advance, thanks for any help! ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ****************************************************** ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
