How to make the content box of my website auto repeat?

by blackhawkup Banned
4 replies
  • WEB DESIGN
  • |
ok,

so im learning how to design websites, i currently outsource most of my work but i am interested in learning how to do it myself.

i have searched random dreamweaver tuts and i just cant find the answer to my question (partly because i dont really know how to word the question)

so heres the deal

im building a site using css and html.

i have the
<wrapper>
<header image>
<content image>
<p> i want all of my content here
i want all of my content here
i want all of my content here
i want all of my content here
i want all of my content here
i want all of my content here
i want all of my content here
i want all of my content here
</p>
<footer image>
<div>
<div>
<div>
<div>

of course thats not accurate but you get the idea of what im doing.

now my problem is when i add text to the content image <DIV> the text just goes to the next line but the content background image does not down with it.

when i outsource it they do something so that my content image slice repeats as i add more content.

thanx

P.s this stuff is actually pretty fun, the more books i read on css the more practical web design becomes.. i love it!
#auto #box #content #make #repeat #website
  • Profile picture of the author st8ic
    What does your content div's css look like?
    {{ DiscussionBoard.errors[4047840].message }}
    • Profile picture of the author blackhawkup
      Banned
      ok iv'e added this and i got it to work... but honestly i dont know how in the hell i came to the conclusion that this was it so can you explain this to me.....

      #content{
      width: 1024px;
      background: url(backgroundimagehere.gif) repeat-y top left;
      padding: 0 60px 0 75px;
      overflow: hidden;
      }

      ok the two things i added were

      repeat y top left

      overflow: hidden;

      can somebody explain to me what this is doing. it's working for my site but i would just like somebody to better explain those functions...

      thanks
      {{ DiscussionBoard.errors[4048244].message }}
      • Profile picture of the author xtrapunch
        Originally Posted by Rich Jackson View Post

        can somebody explain to me what this is doing. it's working for my site but i would just like somebody to better explain those functions...
        Go to HTMLDog.com or W3C School and learn HTML and CSS. Look for "background" properties to get the explanation.
        Signature
        >> Web Design, Wordpress & SEO - XtraPunch.com <<
        Web Design & SEO Agency | Serving World Wide from New Delhi, India

        {{ DiscussionBoard.errors[4049608].message }}
      • Profile picture of the author st8ic
        Originally Posted by Rich Jackson View Post

        ok iv'e added this and i got it to work... but honestly i dont know how in the hell i came to the conclusion that this was it so can you explain this to me.....

        #content{
        width: 1024px;
        background: url(backgroundimagehere.gif) repeat-y top left;
        padding: 0 60px 0 75px;
        overflow: hidden;
        }

        ok the two things i added were

        repeat y top left

        overflow: hidden;

        can somebody explain to me what this is doing. it's working for my site but i would just like somebody to better explain those functions...

        thanks
        "repeat-y top left" means "repeat the background vertically but not horizontally, starting from the top left corner of the box"

        "overflow: hidden;" means "if anything inside the box doesn't fit, just don't show it."
        {{ DiscussionBoard.errors[4050983].message }}

Trending Topics