Re: [WSG] CSS/Markup Nightmare

[Patrick H. Lauke]

Tatham Oddie wrote:
The aim is to make my page like the mockup I have  
http://www.e-oddie.com/e-oddie2/skins/Summer/Mockup.jpg. However, Im 
having a nightmare making the boxes (something I thought would be a 
simple process).
Fixed or fluid size?
--
Patrick H. Lauke
_
redux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**

RE: [WSG] CSS/Markup Nightmare

[Tatham Oddie]

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: wsg@webstandardsgroup.org
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
   h2Box Title goes here/h2
/div
div class=boxBody
   pContent, 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
**