Paul Novitski wrote:
<http://www.gunlaug.no/homesite/main_6_xv.html>
Your basic structure looks like it would be easy to implement in
JavaScript or PHP.
Good. I'm almost completely lost when it comes to both Javascript and
PHP, so I couldn't get any further on my own ;-)
In short: I need help.
If every element that needs the t#s and b#s inserted has a common
flag, say an additional class name (such as "rc" above), JavaScript
could walk the DOM and insert the extra divs where needed.
Are "brdr-field bgnd1" and "hdl-field" part of the original page
markup, or can they be generated too?
It's an old page-design and not very well styled. I've stopped using it,
so I can rethink everything.
In new designs I think I can reduce it down to something like...
<div class="rob1 rc">
<h4 class="area-br-left19">Easy borders</h4>
</div>
...and get the same style-effects, as long as a given number of divs can
be generated above, around and below the h4 in this case.
Something like...
<div class="rob1 rc">
<div><!-- 7 generated divs here - each with a class --></div>
<div><!-- 1 generated wrapper-div -->
<div><!-- 1 generated wrapper-div -->
<h4>Some headline</h4>
<p>some text.</p>
<img />
<p>some more text.</p>
</div>
</div>
<div><!-- 7 generated divs here - each with a class --></div>
</div>
...is a likely scenario.
If those elements can be generated, then there's nothing stopping me
from making it work. All I need to do is to use the first class on the
outer wrapper so I can style the generated elements inside to suit my
wish for "strange shapes" on a particular container.
In case of javascript and lack of support, I'll let it fall back to a
basic style on the outer wrapper.
More difficult still: how to integrate it all with a real
background-image on the box.
Tell me how you envision the background image looking. Would the
background image itself appear to have rounded corners as well?
Any image that provides a good background for regular, dark, text and
whatever, and yes, I want such a background-image to appear within the
"shaped corner" areas as well.
Regular pages might be given a simple background like the "frosty"
semi-transparent one I use on my old home-page...
<http://www.gunlaug.no/index.html>
...which isn't hard to position onto each element in the "shaped corner"
areas so it looks as one.
More figurative images will make it necessary to calculate the exact
height of the box continuously, and adjust image-positions in the
"shaped corner" bottom-area. I always work fluid, so no box-dimensions
are known before they arrive at the user-end and are affected by
ordinary browser-options. Makes it all a bit harder to pull off, me
thinks, so I can avoid the most demanding backgrounds - for now.
regards
Georg
--
http://www.gunlaug.no
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
