 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
quartzy
Joined: 26 Dec 2007
Posts: 413
|
 Posted: Tue Feb 05, 2008 3:11 pm background image help |
 |
|
|
I am redesigning my header so it loads quicker. I got a small stripe image that I want to repeat for the header background. For some reason it is not working, so does anyone know why?
| Code: |
#header {
background-image: url('stripe.gif');
background-repeat: repeat y;
height: 90px; width: 750px;
border-bottom: 10px solid #00CA00;
margin-bottom: 30px; }
|
it should be easy enough I think to do this, but I cant figure out where I am wrong. As it is a test page I have not added any text but here is the HTML.
| Code: |
<body>
<div id="container">
<div id="header">
</body>
|
|
|
sticks464
Joined: 31 Dec 2006
Posts: 1283
|
| Posted: Tue Feb 05, 2008 4:12 pm |
|
|
|
| Code: |
#header {
background-image: url('stripe.gif');
background-repeat: repeat y;
height: 90px; width: 750px;
border-bottom: 10px solid #00CA00;
margin-bottom: 30px; } |
Will make the stripe repeat vertical not horizintal. Change the repeat-y to repeat-x
Add your ending div tags
| Code: |
<body>
<div id="container">
<div id="header"></div
</div>
</body> |
|
|
quartzy
Joined: 26 Dec 2007
Posts: 413
|
| Posted: Wed Feb 06, 2008 12:12 am re background image |
|
|
|
| Tried the above, and it still did not work. FP was reporting I had a broken link. So I deleted it and linked again, it then repeated only across one line, I made the background-repeat: repeat; taking out the x, and y, and it now works. |
|
Corey Bryant
Site Admin
Joined: 15 May 2004
Posts: 8427
Location: Castle Pines North, CO USA
|
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
