[opencms-dev] CSS files NOT applying to html files

pat sad hlp.psaad at gmail.com
Mon Oct 3 17:34:12 CEST 2005


I noticed that openCMS ignores <span> tags if they are placed
outside(but surrounds) a table.

For example this code works on ALL browsers  but when I insert the
html file in openCMS it doesn't apply the CSS:

<span class="TAGS">
   <table border="0" align="center">
     <tr><td align="left">
      <img src="scroll.gif><a href="tour.html" target="_blank">Product
Tour  </a>
     </td></tr>

      <tr><td align="left>
        <img src="video.gif><a href="hlp.ca" target="_blank">HLP Video  </a>
      </td></tr>
  </table>

  <table border="0" align="center">			
     <tr><td>
      <a href="product_demo.html" target="_top">Try Demo</font> </a>
     </td></tr>
   </table>
</span>

By working I mean that the CSS is applied to both tables and all the
data in the rows and columns.

But when I "html import" the html file containing that code in
openCMS, it doesn't apply the CSS.

It only works(in openCMS) if I include the <span class="TAGS"> in each
column <TD>, like this:

   <table border="0" align="center">
     <tr><td align="left"><span class="TAGS">
      <img src="scroll.gif><a href="tour.html" target="_blank">Product
Tour  </a>
     </span></td></tr>

      <tr><td align="left><span class="TAGS">
        <img src="video.gif><a href="hlp.ca" target="_blank">HLP Video  </a>
      </span></td></tr>
  </table>

  <table border="0" align="center">			
     <tr><td><span class="TAGS">
      <a href="product_demo.html" target="_top">Try Demo</font> </a>
     </span></td></tr>
   </table>

Is this an openCMS bug ? is there a way around that problem ?



On 9/26/05, pat sad <hlp.psaad at gmail.com> wrote:
> Beautiful, thanks again Joe, Im going to work on it, and let you know
> how it goes.
>
>
> On 9/26/05, Joe Desbonnet <jdesbonnet at gmail.com> wrote:
> > This is unlikely to be an OpenCms problem as it has no special support
> > for CSS files.
> >
> > One thing I notice is that you are using class name "SIDE" in your CSS
> > and "side" in your HTML.  It seems that according to the standards
> > class and id names are case sensitive but most browers ignore case.
> > See this link http://developer.mozilla.org/en/docs/Case_Sensitivity_in_class_and_id_Names
> >
> > I use Mozilla with a Web Developers plugin to debug CSS. See
> >
> > http://www.mozilla.org/
> > http://chrispederick.com/work/webdeveloper/
> >
> > With this plugin I can see the CSS that applies to the page, or to any
> > given element. I can also edit the CSS in real time. There are also
> > buttons which allow you to validate your CSS and HTML.
> >
> > Joe.
> >
> >
> >
> > On 9/26/05, pat sad <hlp.psaad at gmail.com> wrote:
> > > Hy everyone,
> > >
> > > For some reason, CSS files do not seem to be handled very well with openCMS
> > >
> > > I created a css file that I included in my system/modules/../resources/
> > > which includes parameters such as:
> > >
> > > body,html {
> > > SCROLLBAR-ARROW-COLOR: white;
> > > SCROLLBAR-BASE-COLOR: silver;
> > > SCROLLBAR-DARK-COLOR: gray;
> > > SCROLLBAR-TRACK-COLOR: F4CB00;
> > > SCROLLBAR-FACE-COLOR: orange;
> > > SCROLLBAR-SHADOW-COLOR: silver;
> > > SCROLLBAR-HIGHLIGHT-COLOR: white;
> > > SCROLLBAR-3D-LIGHT-COLOR: F4CB00;
> > > }
> > >
> > > .SIDE A:hover{text-decoration: none; color:orange;}
> > > .SIDE A:link {text-decoration: none; color: gray;}
> > > .SIDE A:visited {text-decoration: none; color: gray;}
> > > .SIDE A:active {text-decoration: none; color: gray;}
> > >
> > > .CLASS1 {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
> > > ...
> > >
> > > It works for the body tag, it recognizes the function but it doesn't
> > > seem to recognize <SPAN> tags like <span class="side"> ... </span> in
> > > my html file.
> > >
> > > When I view the html file in openCMS it doesn't apply the CSS for
> > > anything else than the body tag, its as if it is beeing ignored or
> > > something.
> > >
> > > Is there a reason for it to not function properly in opencms ?
> > >
> > >
> > > _______________________________________________
> > > This mail is send to you from the opencms-dev mailing list
> > > To change your list options, or to unsubscribe from the list, please visit
> > > http://mail.opencms.org/mailman/listinfo/opencms-dev
> > >
> >
>



More information about the opencms-dev mailing list