Repeating Background In Dreamweaver

by DGA
5 replies
  • WEB DESIGN
  • |
Hello All,

I am trying to design a header like the one in this website:
traffic ultimatum .com

I know to make the table repeat the background but When I put the main picture in there it does not work. Can someone instruct me on how to do this the right way.

I sliced the picture in photoshop.

THanks,

Dee

Dee
#background #dreamweaver #repeating
  • Profile picture of the author Bruce Hearder
    It can only be done using css..

    He's got the following tag set up
    <style>
    body {
    background-color: #FFF;
    background-image: url(http://e1.simplecdn.net/imelite/bak3.jpg);
    background-repeat: repeat-x;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    </style>

    Try pasting this just before the </head> tag in your html file, and then preview.

    You should see the same thing as on that website..

    Hope this helps

    Bruce
    {{ DiscussionBoard.errors[1900427].message }}
    • Profile picture of the author DGA
      Thanks it worked. My only problem now is that my Actual header will not line up at the top flush with the header. How do I fix this in the code.

      Thanks,

      Dee
      {{ DiscussionBoard.errors[1900685].message }}
  • Profile picture of the author kittyd
    we would need to see the code to be able to give exact details,but if you have a table embeded inside a tabe then i might have to do with the fact that the table that contains the header is not aligned at the top of the table that contains the main background.

    also, if you have used the code provided by Bruce, it means the background is on the page, not on a table. therefore, if in Dreamweaver in the page properties you have "top" margin, that would push you content down a little, while the page bg would still stay at the top. check to see, and if you have top margins se just set it to 0 (DW 8 by default has a margin of 5 set up...)
    Signature
    "If at first you don`t succeed, cheat ! Repeat until caught. Then, lie... " =))
    {{ DiscussionBoard.errors[1901908].message }}
    • Profile picture of the author paulchr
      I know this is old but the solution is float header left. Just had the same problem and sorted it with this easy fix. Hope it helps

      This is for future querys as im sure the chap is well sorted by now
      {{ DiscussionBoard.errors[3845400].message }}
      • Profile picture of the author jamesg3
        Oh man, put that in the style sheet and call it from there, Do not put styles in your header, that is just wrong. Inline style and styles in your header are what noobies do to patch a problem.....
        Signature
        Serious Wordpress sites, html/css sites and flash sites Cheap. I provide killer SEO, easy to use e-commerce solutions and payment gateways. Check me out at Serious Website Design.
        Need Hosting with serious speed and power? 3.99 a month. Take a look here. Serious Website Hosting.
        {{ DiscussionBoard.errors[3846746].message }}

Trending Topics