Pure CSS designs (Just for fun)

Toby A Inkster wrote:

 > I've been experimenting with pure CSS designs recently.
 >
 > *Pure* CSS.
 >
 > Works in Moz and Opera:
<font color=purple> > <a style='text-decoration: underline;' href="http://www.goddamn.co.uk/tobyink/scratch/total.css</font" target="_blank">http://www.goddamn.co.uk/tobyink/scratch/total.css</font</a>>
 >
 > And this one is Moz only
<font color=purple> > <a style='text-decoration: underline;' href="http://www.goddamn.co.uk/tobyink/scratch/total2</font" target="_blank">http://www.goddamn.co.uk/tobyink/scratch/total2</font</a>>
 >
 >
 >

This page also works under Konqueror, the KDE browser.

Other than proving that this can be done, is there a reason to to have
pure css? I have been using css to seperate design and content; this
makes it easier to manage a site. But you have managed to put the content
into the CSS. Interesting, but it seems to be of marginal utility<!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: Pure CSS designs (Just for fun) 

BobFolkerts wrote:

 > Other than proving that this can be done, is there a reason to to have
 > pure css?

I'm sure there are any number of psychiatric disorders...

--
Toby A Inkster BSc (Hons) ARCS
Contact Me - <a style='text-decoration: underline;' href="http://www.goddamn.co.uk/tobyink/?page=132" target="_blank">http://www.goddamn.co.uk/tobyink/?page=132</a><!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: Pure CSS designs (Just for fun) 

Yes, I believe there are. We use almost pure CSS layout now, and it means we
don't need to worry at all when we create new pages. Just dump in the
content. All design elements and all layout elements are managed by the CSS.
If I find that one element in my design needs to be tweaked, a simple CSS
change does the lot for me.

Is there any better reason you could look for?

Tony

"Toby A Inkster" <tobyink DeleteThis @goddamn.co.uk> wrote in message
news:pan.2004.06.07.21.37.08.802001@goddamn.co.uk...
 > BobFolkerts wrote:
 >
  > > Other than proving that this can be done, is there a reason to to have
  > > pure css?
 >
 > I'm sure there are any number of psychiatric disorders...
 >
 > --
 > Toby A Inkster BSc (Hons) ARCS
<font color=purple> > Contact Me - <a style='text-decoration: underline;' href="http://www.goddamn.co.uk/tobyink/?page=132</font" target="_blank">http://www.goddamn.co.uk/tobyink/?page=132</font</a>>
 ><!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: Pure CSS designs (Just for fun) 

I agree that CSS is how you should do presentation. That leaves html to
hold the document content. Seperating content & presentation is a good
thing. However, Toby used CSS only, you point your browser at a css file &
content apears on the screen. I was amaized that this worked.

However, we are now back to mixing content and presentation. Only now we
have in the CSS rather than in HTML. For some reason, you can add a
'content' label/value pair. This is fun stuff, but where can this be
used?

Perhaps it would be possbile to have 'boilerplate' content written into a
CSS file. You could then have this stuff cached on the client in the css
file. I know you can do this with (i)frames, but that introduces its own
issues.

I would like to understand why there are display & content label/value pairs
in CSS.

So, once again, thanks Toby! This is a strange little feature of CSS that I
never knew about.
 >> Stay informed about: Pure CSS designs (Just for fun) 

BobFolkerts wrote:

 > However, Toby used CSS only, you point your browser at a css file &
 > content apears on the screen. I was amaized that this worked.

That's because I cheated. Both links were actually to HTML files.

<a style='text-decoration: underline;' href="http://www.goddamn.co.uk/tobyink/scratch/total.css" target="_blank">http://www.goddamn.co.uk/tobyink/scratch/total.css</a>
Despite the file name, the file is served with the "text/html" MIME type,
so it's interpreted as HTML with some embedded CSS.

<a style='text-decoration: underline;' href="http://www.goddamn.co.uk/tobyink/scratch/total2" target="_blank">http://www.goddamn.co.uk/tobyink/scratch/total2</a>
MIME type is also text/html, but file appears completely blank. Yet in
Mozilla, content magically appears. I'll leave other people to figure out
how it's done.

--
Toby A Inkster BSc (Hons) ARCS
Contact Me - <a style='text-decoration: underline;' href="http://www.goddamn.co.uk/tobyink/?page=132" target="_blank">http://www.goddamn.co.uk/tobyink/?page=132</a><!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: Pure CSS designs (Just for fun) 

On Thu, 10 Jun 2004 07:49:37 +0100, Toby A Inkster <tobyink DeleteThis @goddamn.co.uk>
wrote:

<font color=purple> > <a style='text-decoration: underline;' href="http://www.goddamn.co.uk/tobyink/scratch/total2</font" target="_blank">http://www.goddamn.co.uk/tobyink/scratch/total2</font</a>>
 > MIME type is also text/html, but file appears completely blank. Yet in
 > Mozilla, content magically appears. I'll leave other people to figure out
 > how it's done.

<a style='text-decoration: underline;' href="http://www.w3.org/TR/REC-html40/present/styles.html#h-14.6" target="_blank">http://www.w3.org/TR/REC-html40/present/styles.html#h-14.6</a>

Grey

--
The technical axiom that nothing is impossible sinisterly implies the
pitfall corollary that nothing is ridiculous.
- <a style='text-decoration: underline;' href="http://www.greywyvern.com" target="_blank">http://www.greywyvern.com</a> - Orca Knowledgebase: Completely CSS styleable
Knowledgebase/FAQ system<!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: Pure CSS designs (Just for fun)