XHTML Strict Support and CSS

kits · kits

We are just starting to implement Contribute. Created a template with
Dreamweaver with XHTML strict code as this is required for Contribute to close
non closing tags like the <br />. I have an embedded .css for all the styles
in the template. Doing this changed all my styles to which I had to redo so
that the fonts would display properly. (the sizing is in ems) Now my problem
is that the drop down styles being used in Contribute do not show properly.
When we view the drop down styles the fonts show one size larger than what will
be output to Contribute and the headings don't even show at all. H1, H2 etc.
all show the same. It is almost like Contribute wants to manage its own style
sizing. We would like the styles to view the same as what the client will
output. The odd thing is that when I changed my template to be XHTML
compliant, all my fonts got smaller which is why I had to redo the entire CSS
file, and now Contribute shows the fonts like they would be if the document was
not XHTML compliant.

Any suggestions? This is the code in my template which was automatically
generatead by Dreamweaver.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html
xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

mzanime.com · mzanime.com

>> Created a template with Dreamweaver with XHTML strict code as this is
required for Contribute to close non closing tags like the <br />.

Actually, strict is not required for Contribute to close tags. You can use
XHTML transitional if you prefer. XHTML -itself- requires that all tags be
closed. Using strict just means that you can not use any deprecated elements
like <u> and expect it to still validate.

>> I have an embedded .css for all the styles in the template. Doing this

changed all my styles to which I had to redo so that the fonts would display
properly. (the sizing is in ems)

Not sure you mean by this, but using ems can cause problems if not handled
with care, since they are relative to whatever size the browsers default is set
to, and they are also relative to whatever size the parent element they are in
as well.

>> Now my problem is that the drop down styles being used in Contribute do not

show properly. When we view the drop down styles the fonts show one size larger
than what will be output to Contribute and the headings don't even show at all.
H1, H2 etc. all show the same.

How are you coding your CSS? Can we see some code or better yet, a URL? Are
the headers showing up at all? If not, then you have them set to not be visible
in the administration panel.

>> We would like the styles to view the same as what the client will output.

The odd thing is that when I changed my template to be XHTML compliant, all my
fonts got smaller which is why I had to redo the entire CSS file

Try changing your doctype to transitional and see if that helps at all. I've
noticed that the styles menu will often display styles slightly larger than
they appear in the edit view area but alas, it was never any reason for me to
lose any sleep.

Chefpraktikant · Chefpraktikant

Hi kits,

you are right, the Contribute style menu displays the different styles in a
bit strange way. So does the respective menu in Dreamweaver. But as mzanime
points out: I don't lose any sleep because of that.

Of course I'd be happier with the menu not trying to display any style at all
or with the complete styling including paddings, etc.

XHTML Strict Support and CSS

Thread Tools

Display

XHTML Strict Support and CSS

Similar Questions and Discussions

Tables in strict XHTML

Problem with XHTML Strict

Will DW write XHTML Strict code?

XHTML Strict support?

Using strict references

Re: XHTML Strict Support and CSS

Re: XHTML Strict Support and CSS

Posting Permissions