[EMAIL PROTECTED] wrote:
>Guru to the rescue! :)
>
>You are great! Thank you!
>
>BUT! Is there ANY way you can get the same result without the empty divs?:
><div class="topcorners"></div>
><div class="gap-saver"></div>
><div class="floatclearer"></div>
><div class="gap-saver" id="help-ie"></div>
><div class="bottomcorners"></div>
>
>I would much rather use CSS hacks than have CSS hooks!
>
>If not, I understand, I REALLY appreciate your help!
>
Aha! Yes, now we understand the principles & the universal model with
all options, it is possible to simplify at random. :-)
For instance:
* We can mount the cornerbox header text as image in the #infoborder
image. (> advantage: never font-size scaling problems)
* We can combine this header+infoborder image with the top corners
image. (> 1 hook less needed)
* We can assign this new combined image to the starting #bottomlinks
div. (> no more topcorner div needed)
* We can forget the detail of lifting the inside of the box upwards,
and pulling the bottom corners upwards (> no more gap-savers needed).
* Now there is no need for a special treatment (and needed hooks)
for IE, and we can use the old #bottomlinks ul:after in the css.
(> no more floatclearer div needed)
* If desired, even the bottomcorners div can be missed, if there is
a following div (without background stuff), which can serve as
hook for the bottom corners image. But then deleting this next
element will cause the cornered box to be incomplete, so I
shouldn't do that, and let all the corner things in the
#bottomlinks box.
Without the last one, I made a fresh testpage.
<http://home.tiscali.nl/developerscorner/css-discuss/test-phazm-corners-4.html>
The html is now:
<div id="bottomlinks">
<div class="inside">
<ul>
<li><a href="#">.....</a></li>
<li><a href="#">.....</a></li>
<li><a href="#">.....</a></li>
<li><a href="#">.....</a></li>
<li><a href="#">.....</a></li>
</ul>
</div>
<div class="bottomcorners"></div>
</div>
Enough clean sweeped? [1] ;-)
Greetings,
francky
[1]
No, still some old residues in the css which can be removed...
PS
I see some fixed font-sizes here and there. If you are intending to make
them scalable for IE too (em-based; strong advise, if you didn't plan
already!), I should do it ASAP. If you are some steps ahead in
designing, it will be way more difficult to adapt the existing styles.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
