Announcement

Collapse
No announcement yet.

How do i achieve a layout like this??

Collapse
X
Collapse
 
  • Page of 2
  • Filter
  • Time
  • Show
Clear All
new posts
Previous 1 2 template Next
    #16
    Originally posted by jont
    To get the black border try the following in your actinic.css (this will also remove the need for any further nested tables and create a fluid layout)

    in the body tag add:

    background-color: #000000;
    margin: 50px 50px;

    (check in the Act_Primary.html, Act_BrochurePrimary.html and Act_PrimaryCheckout.html the background colour is not also being specified there - if so then delete it out ... it may appear as a NETQUOTEVAR)

    that will add a 50px background in black.
    Hello Jont,

    When you refer to 'Fluid' design what do you mean?
    I've tried the above both in specific and clean layouts (13,14) and see no difference, well apart from the top logo being stretched.

    My body tag now looks like this:
    /*body specific*/
    body{
    NETQUOTEVAR:BODYBACKGROUND;
    background-color: #000000;
    margin: 50px 50px;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:0px;
    }

    Any ideas please?

    Thanks for ur time.
    UK Mobile Phone Accessories

    Comment

      #17
      Fluid means the design will stretch and contract acording to the resolution of the viewers screen, the design will fill 100% of the width, rather than having a fixed width.

      Comment

        #18
        thank u jo

        i take it an example of this would be the smart theme?
        UK Mobile Phone Accessories

        Comment

          #19
          Originally posted by zee_b
          margin: 50px 50px;
          margin-top:0px;
          margin-right:0px;
          margin-bottom:0px;
          margin-left:0px;
          }

          Any ideas please?
          The "C" in CSS is "cascade" which means code closer to the point of appearing on the users screen takes control over the way it is displayed ....

          the margin: 50px 50px is declared (the first 50 will set top and bottom and the second 50 sets left an right) and then being redefined in the following 4 statements of margin top, right, bottom and left back to ZERO

          HTH


          Bikster
          SellerDeck Designs and Responsive Themes

          Comment

            #20
            Hi Jont,

            Many thanks for the reply. Appreciate that.
            I will try and apply it to the SMART theme .

            Have a good w/e
            UK Mobile Phone Accessories

            Comment

              #21
              One of the clean CSS themes may be more appropriate if you are still wanting to achieve a layout as per the OP .... these have less "clutter" than the smart theme and are a better starting point.

              Good luck and post the results back when you have your site up and changed


              Bikster
              SellerDeck Designs and Responsive Themes

              Comment

                #22
                hi jont,

                i really must be doing something wrong...

                ive implemented that in to the css file, but it still looks the same. Tried many different themes etc.

                Is there a step by step approach ??. Should i try re-installing actinic.



                TIA
                UK Mobile Phone Accessories

                Comment

                  #23
                  You are experiencing a similar problem to another thread - Actinic controls the background colour using images. You need to delete the background image before any CSS will have an effect.

                  http://community.actinic.com/showthr...266#post110266
                  Last edited by RuralWeb; 11-Jun-2006, 12:24 PM. Reason: Add thread url

                  Comment

                    #24
                    Actinic controls the background colour using images
                    Surely this is only true if you have selected to use background image in Design | Options - Site Defaults?
                    Bill
                    www.egyptianwonders.co.uk…
                    Text directoryWorldwide Actinic(TM) shops
                    BC Ness Solutions Support services, custom software
                    Registered Microsoft™ Partner (ISV)
                    VoIP UK: 0131 208 0605
                    Located: Alexandria, EGYPT

                    Comment

                      #25
                      Unsure about that one - but I have noticed it in most of the themes especially the clean ones. Its worth checking to see if it is in the template.

                      Comment

                        #26
                        Unsure about that one - but I have noticed it in most of the themes especially the clean ones. It looks like any colour that is appied to the template is controlled by an image so it is worth checking to see if it is in the template.

                        I think the background image you refer to is if you want to inset a background to the body of the page?

                        Comment

                          #27
                          @ zee_b

                          Please confirm your css file now reads (in part)
                          /*body specific*/
                          body{
                          NETQUOTEVAR:BODYBACKGROUND;
                          background-color: #000000;
                          margin: 50px 50px;
                          }
                          and there are no further referenced specified as
                          body {
                          in the css file.

                          Check the setting in Design | Options - Site Defaults - if Color is not selected, please select it (this will automatically deselect background image.

                          If there is still a problem, open your Primary template and copy the <body tag just as far as the closing > paste the content of that one tag between [ q u o t e ] [/ q u o t e] markers inside your reply (no spacing needed - I just did that to get it to show on screen.
                          Bill
                          www.egyptianwonders.co.uk…
                          Text directoryWorldwide Actinic(TM) shops
                          BC Ness Solutions Support services, custom software
                          Registered Microsoft™ Partner (ISV)
                          VoIP UK: 0131 208 0605
                          Located: Alexandria, EGYPT

                          Comment

                            #28
                            Mr Campbell,

                            YOU ARE A STAR !!!!
                            UK Mobile Phone Accessories

                            Comment

                            Previous 1 2 template Next
                            Working...
                            X