Announcement

Collapse
No announcement yet.

repeat-x possible in the background?

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

    repeat-x possible in the background?

    Hello we are using actinic 9. Right now im creating a design in Dreamweaver and then exporting to the actinic program. It looks similar to http://uk.msn.com/ where u get a nice gradient at the top. The small problem is that i have a similar look and the code in my page is -

    body {
    background-image: url(images/backing.jpg);
    background-repeat: repeat-x;
    background-color: #2470FA;
    }

    which works fine in a normal HTML page. but as soon as i export to the actinic and then preview, it disappears. Any ideas how i can get pass this one? Thank you.

    #2
    body {
    background: #2470FA url('images/backing.jpg') repeat-x;
    }

    and make sure your body declaration comes after the actinic one or better still add this to the actinic.css and do away with yours.

    Comment


      #3
      Often best to keep CSS images in the root not sub-folders with Actinic


      Bikster
      SellerDeck Designs and Responsive Themes

      Comment


        #4
        thx guys, unfortunately

        body {
        background: #2470FA url('images/backing.jpg') repeat-x;
        }

        Does nothing.


        I do not know how to use the actinic one. Is there a particular way of doing this so i can use both the actinic CSS and my new design? Thx a lot.

        Comment


          #5
          have you tried moving the image to the site root as Jont suggested? and obviously updating the filepath of course..
          The Pretty Dress Company

          Comment


            #6
            Perhaps it would be a good idea to take a look at your options in settings | site options and also take a peak at the css in the actinic stylesheet available from the drop down box on the design tab.

            The css provided is fine, either the actinic css is overriding yours or you have not done it correctly. I'd keep it simple for the time being till you are sure what you are doing and just use the facility in site options to add a background image.

            Comment


              #7
              "have you tried moving the image to the site root as Jont suggested? and obviously updating the filepath of course.. " - not sure how to create a root folder. I used V6 and that did place any files in "site1". But i cannot upload or anything because i have no domain right now, so i cant test anything truly - just only stuff on my PC. But i have created other images linked and they all work ok, rolloevers etc, etc.

              "Perhaps it would be a good idea to take a look at your options in settings | site options and also take a peak at the css in the actinic stylesheet available from the drop down box on the design tab." - i will have a look, thx. Lot of CSS and dont think i will be able to overdide as it looks very complex when ive just had a look.

              Must admit, actinic 9 seems to be a mess tho when upgrading designs - all i want to do is use a simple background design and it wont let me do that. Very annoying there

              Comment


                #8
                no need to create a 'root' folder - just remove the image from the 'images' directory and leave it in 'site 1' (basically it's no longer in a sub folder which can sometimes cause issues with Actinic) and change the first css rule to background-image: url('backing.jpg');
                The Pretty Dress Company

                Comment


                  #9
                  Still no go there -

                  <!--
                  body {
                  background: #2470FA url('backing.jpg') repeat-x;
                  }

                  -->

                  Works perfectly in dreamweaver in firefox and IE, but as soon as i preview in actinic, nothing. Wow this is so frustrating. Perhaps someone might have used a similar design? Its such a basic thing, there must be a way.....

                  Ive tried using CSS away from the body but it does not work in dreamweaver -

                  .backing {
                  background-color: #0000FF;
                  background-image: url(backing.jpg);
                  background-repeat: repeat-x;
                  }

                  I placed that and doesnt do anything there....seems that only "Body" works......??? thx for any help.

                  Comment


                    #10
                    Load the site up and provide a URL, it will be inifinitely quicker to solve for all of us.

                    Comment


                      #11
                      ahhhh totally ignore this - its the preview feature error. It initiates code to the specific location, ie rollovers, general images -

                      file:///E:/newsite/www.site.com/images/backing.jpg

                      but it cannot initiate the direct link to the body - i dont know why, but it just doesnt do it. So when i copied the long file in dreamweaver itself and then asked for a prview in actinic - it works. So if i get around to it, when i upload to the server, im sure the design should work alright. Perhaps actinic may add that to the design feature in an upgrade as it had my stumped for a while there.

                      thanks for the help btw, appricate

                      Comment


                        #12
                        You should place the 'single quotes' around the image for safest results to ensure they are uploaded into the /acatalog/ folder online ... the paths will be correct once uploaded.

                        The single quotes has meant to have been fixed but don't trust everything you read!


                        Bikster
                        SellerDeck Designs and Responsive Themes

                        Comment

                        Working...
                        X