This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > August 2006 > SSI kills CSS button





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author SSI kills CSS button
Haines Brown

2006-08-16, 6:38 pm

I have a CSS button built up by using shaded borders. For the
button's label I wish to include a string returned by SSI
echo for HTTP_REFERRER. However, by adding the SSI include statement,
the button disintegrates, as if the nesting were being dispaced by the
SSI include statement. Here's the url:

http://www.hartford-naacp.org/agenda.shtml

--

Haines Brown
KB1GRM
ET1(SS) U.S.S. Irex SS-482
Andy Dingley

2006-08-16, 6:38 pm

Haines Brown wrote:

> I have a CSS button built up by using shaded borders. For the
> button's label I wish to include a string returned by SSI
> echo for HTTP_REFERRER.


OK

> However, by adding the SSI include statement,
> the button disintegrates,


Nope. SSI is ALWAYS transparent to the client. Just look at the static
HTML produced after the SSI has been processed. If that looks OK but
still has a problem, then it's clearly a CSS issue

> http://www.hartford-naacp.org/agenda.shtml


Sadly I haven't got time to fully investigate this. But you've got <a>
nested inside <a> there, which isn't valid and you've also got CSS
selectors based around <a> and a descendant selector, not a child
selector. Those are certainly going to get awfully confused with
multiple nested <a>.

I'd start by removing that multiple <a>

This code works fine. Re-organise your SSI to produce this instead
(shouldn't be hard)

<div class="bttn">
<a
href="http://www.google.com/url?sa=D&q=http://www.hartford-naacp.org/agenda.shtml">
<span class="a">
<span class="b">
<span class="c">Back</span>
</span>
</span>
</a>
</div>



As a totally separate issue, you're serving XHTML (dubious) and you're
serving XHTML 1.1 as Appendix C (simply wrong). You'd arguably be
better not using XHTML at all (this is up to you), but if you do want
to use XHTML this year, stick with XHTML 1.0 and Appendix C. This is
both valid, as useful as any XHTML, and it works with the browsers out
there.



> ET1(SS) U.S.S. Irex SS-482


One of the very last Tench class, wasn't it? Just missed combat in WW2
?

Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews