Web Analytics Made Easy -
StatCounter Customized CSS - CodingForum


No announcement yet.

Customized CSS

  • Filter
  • Time
  • Show
Clear All
new posts

  • Customized CSS

    Hi. I have a web site that allows the user to customize the cascading style sheet they want to use. Every htm page starts with:

    <link href="print.css" media="print" rel="STYLESHEET" title="main"
    <link href="main.css" media="screen" rel="STYLESHEET" title="main"
    <script LANGUAGE="JavaScript" TYPE="text/javascript">
    <!-- Beginning of JavaScript -------------------
    // main style sheet
    if (typeof(top.topcss) == "string" && top.topcss != "") {
    document.write('<link href="'+top.topcss+'.css" rel="STYLESHEET"
    media="screen" title="main" type="text\/css">')

    This scheme seems compatible with eariler browsers. The user can select from a variety of style sheets, yet still be able to print any given page. Now I've just tried with with Opera 7.23, doesn't work. No matter what top.topcss is set to, the screen style sheet remains at main.css.

    I'm thinking I'll need to activate the top.topcss sheet somehow. Any advice would be appreciated...Dennis

  • #2
    hi dallen24

    this might help :

    crossbrowser style switcher

    does it ?
    Promises only bind those who listen to them.


    • #3
      Useful web site.

      I figured out my own problem. top.topcss was empty. In my index.htm I had a document.stylesheets test, which in Opera returns false. If Opera can do style sheets, what would be a good test?