Announcement

Collapse
No announcement yet.

is the product layout possible in actinic?

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

    is the product layout possible in actinic?

    My current layout for the page I am trying to edit looks like this:: http://www.digi-com.co.uk/acatalog/O...e_Audio_2.html

    I have searched no end and played around in the code, Css and dreamweaver trying to cheive this but so far keep drawing blanks.

    I have photoshoped the page to show the desired finish I am tring to achieve on the page :: http://www.digi-com.co.uk/layout1.jpg

    Im presuming I would need each product in a table or div? with the Stock status and price in the foot bar of each.

    My question is, is this desired layout possible in actinic? and if so could anyone advise me on how I would go about achieving this?

    Thanks in advance

    Anthony

    #2
    You can get any product layout you want within Actinic, it's all about your own ability at html and CSS, not Actinic as there are very few limitations in this area. A container <div> with 3 columns (circa 30%/40%/30%) and then a footer area is the way i'd go. In the footer area, float the stock left and float the price right.

    You could go 3 column 2 row table also, but that's a look back at how to do things, not a now and forward approach.

    Comment


      #3
      I agree with Lee - however you'll need to remember to clear your floats.

      I.e. you will need to have an element set with clear:both underneath floated elements so that the containing element will grow to contain the floated elements.

      Reading that back it sounds a bit confusing - there is a fuller explanation here.
      Wayne Theisinger

      The Web's just settling in. We got the tech, now let's put up something that matters.

      Comment


        #4
        thanks guys,

        If you click the first link again you will see I have made "Some" progress

        I am however strugling with seperating the price variable from the product descrition, Whenever I try to move them into my footer div after sending to actinic from dreamweaver I just get a code error and they dissapear,

        Another problem I hit is that making this change has screwed up the sub section level layout before the product list, such as this http://www.digi-com.co.uk/acatalog/O...nectors_1.html

        also the product name has dissapeared, on both sections.. I may need to start again any advice?

        Comment


          #5
          Code your container and its areas before you do any interaction with actinic. Get that working fine as you want it, then move actinic details inside. If you try to do it all at once, you will end up with your knickers in a twist. Crack the container, then its just an easy copy paste of the various parts into it.

          Comment


            #6
            HELP

            I thourght I had this nailed at one stage tonight, Only to go to my index URL
            http://www.digi-com.co.uk/

            To find that! I have tried importing a snapshot from yesterday but no joy,

            Iv looked evreywere to find were on earth that code has been inserted, what have I done? Can anyone help with this?

            U can navigate back into the site so its still there but iv buggerd something up along the way, help me please

            Comment


              #7
              Antony,

              Does your site preview in actinic look like that?

              Do a full site refresh to see if that helps.

              Army Gore-tex
              Winter Climbing Mitts
              webD's Blog: Website design, SEO and other ramblings…
              Twitter LinkedIN

              If you think a post is good, rate it!

              Find the answers in the Knowledge Base | Have you read the User Guides

              Comment


                #8
                Looks like you've saved a file in dreamweaver as the same name as your outer layout. You will have to go back to a dreamweaver backup perhaps. Check in your other snapshots.

                Comment


                  #9
                  Originally posted by webD View Post
                  Antony,

                  Does your site preview in actinic look like that?

                  Do a full site refresh to see if that helps.
                  That sorted it! Thanks so much... Another lesson learnt for me

                  Now back to the job in hand.

                  Comment

                  Working...
                  X