Announcement

Collapse
No announcement yet.

Attaching Class Style within Product Description

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

    Attaching Class Style within Product Description

    I've created numerous class styles within the Actinic.css file that sent the font size to various fixed sizes colours etc

    What I'd like is to use these within my product description e.g.

    I've created external extended information pages, that are called by clicking on the word Specification..., which I specify by using

    !!<<a href ..........>!! within the product description.

    How do I associate the various classes within the product description ? I've created a dummy page in Dreamweaver and have managed to associate the class with the href, but tried exactly the same within Actinic and it doesn't work, it's as if it can't see the Actinic.css.

    I'd be grateful for any help on this matter.

    Best Regards

    Elfyn
    iBabyShop.co.uk

    #2
    Elfyn,

    Have you put

    <LINK REL=STYLESHEET HREF="actinic.css">

    at the top of your HTML

    Steve

    Comment


      #3
      Reply to Steve

      Steve,

      I've just checked my HTML Source for the page and it does have the reference to actinic.css at the top of the HTML Source.

      What I'm trying on the product description is the following :-

      !!<<b><a href=http://www.shopforbabies.co.uk/detailpage/CosyTotPremium.html Target="_Self" class="font8">Specification...</a></b>>!!

      Thanks

      Elfyn

      Comment


        #4
        Re: Reply to Steve

        Originally posted by elfynfire
        Steve,

        I've just checked my HTML Source for the page and it does have the reference to actinic.css at the top of the HTML Source.

        What I'm trying on the product description is the following :-

        !!<<b><a href=http://www.shopforbabies.co.uk/detailpage/CosyTotPremium.html Target="_Self" class="font8">Specification...</a></b>>!!

        Thanks

        Elfyn
        I notice that your HTML is not in the acatalog folder; is the actinic.css reference such that it can find it from your "detailpage" folder - perhaps in the interim take a copy of actinic.css and put it into folder "detailpage", if this works you can decide how best to resolve the reference.

        Steve

        Comment


          #5
          HTML Reference

          Steve,

          The html is referencing another HTML file, the actual word Specification is contained in the Product detail.

          Thanks

          Elfyn

          Comment


            #6
            Elfyn,

            I have just gone chasing for some examples (using Google of course) of usage of SPAN with hyperlinks - the samples I found had SPAN outside of the <A> links and not inside - might that be significant?

            Steve

            Comment


              #7
              Hyperlinks are a bit tricky. You will need to add lines like the following into 'actinic.css' (the one in your 'Site1' folder)...

              a.font8:link{
              color:NETQUOTEVAR:LINKCOLORCSS;
              font-size:x-small;
              text-decoration:none;
              }

              a.font8:visited{
              color:NETQUOTEVAR:VLINKCOLORCSS;
              font-size:x-small;
              text-decoration:none;
              }

              a.font8:hover{
              color:NETQUOTEVAR:HLINKCOLORCSS;
              font-size:x-small;
              text-decoration:underline;
              }

              a.font8:active{
              color:NETQUOTEVAR:ALINKCOLORCSS;
              font-size:x-small;
              text-decoration:none;
              }

              Comment


                #8
                Reference the new class ?

                Chris,

                Thanks for your reply. But sorry for being a bit daft, how do i reference the new class from within the Product detail.

                Thanks

                Elfyn

                Comment


                  #9
                  Code like you quoted before should do it i.e.
                  !!<<b><a href=http://www.shopforbabies.co.uk/detailpage/CosyTotPremium.html Target="_Self" class="font8">Specification...</a></b>>!!

                  Comment

                  Working...
                  X