Announcement

Collapse
No announcement yet.

Using CSS with Actinic - Some pointers based on our experiences

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Using CSS with Actinic - Some pointers based on our experiences

    Hello all

    After switching from tables (with the exception of one or two inheritted from Actinic) we have finally got our site to display cross browser as we wish it to.

    Below are a few of the issues we encountered along the way that may help others when attempting the switch to a css layout outside of actinic themes. Feel free to use or disregard as you wish . This is not an exhaustive list, just some of the points we faced, if you have any additions that we did not encounter I would be happy to see those too.

    1 Absolute positioning - use with caution as this was one of the key reasons our site was bursting it width controls. We worked around this with controlled margin placement and clearall declarations

    2 Hidden overflow & z indexing - worked as it should until 'innerlayout' was added. For some reason it would not render correctly in FF or Opera irrespective of what changes were applied. We have removed this and use fluid centre settings (as most would do me thinks) and fixed left/right content columns.

    3 Text display - we found that the solution to unpredicatable text was to completely overwrite the Actinic css and this resolved all issues. Making sure tthat control sheets were all saved into site1 and referenced with the full URL.

    4 Background images - as point 3

    Does not look too many but rest assured, they took sometime to resolve.

    I hope you find these useful and as stated, please feel free to add to these comment. I can now state we have a 99% non-act css site that renders and runs with Actinic without issue.

    And finally, if you wish to showcase your site why not add it into our promote your site section in the community centre (link in sig), only rule is that it must be Actinic driven.

    Kind Regards
    Affordable solutions for busy professionals.
    Website Maintenance | UK Web Hosting

    #2
    After switching from tables
    Are you planning on converting the checkout pages to css as well - this was the main problem area with V7.

    Comment


      #3
      Hi Malcolm

      We are working on the remaining tabular layouts in

      1 checkout
      2 receipt
      3 innerlayout (product, fragment & site map)

      We aim to have these all completed within 4-6 weeks (workload dependent)

      Regards
      Daren

      PS, I like the layout you have used for your site, showing tables of to good press IMHO.
      Affordable solutions for busy professionals.
      Website Maintenance | UK Web Hosting

      Comment


        #4
        I started out by adding my own theme CSS to the bottom of the ActinicStyleSheet, and then scrubbed this idea. As I was getting unpredicable results. Errors in CSS when validated on the W3c page, remove the errors and the site displays ok.

        I now have a copy of the ActinicStyleSheet saved somewhere safe and I just pull the bits from it I want.

        I then put my own code in place of it.

        it would be nice if the ActinicStyleSheet had been validated against W3C standards and all the warnings taken care of. This would make warnings generated by ourselves to be more visible.

        Comment

        Working...
        X