NameSilo

3 images as 1 background: Help needed

Spaceship Spaceship
Watch

Joep

Established Member
Impact
11
I have a header,middle and footer image which I'd like to use as the centered background for a website.
The middle image (10 pixels high) needs to be repeated when text/data is added to the site.
Can anyone help me with a css/html scrypt for this please?
Thanks in advance!
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
AfternicAfternic
Code:
<html>
<body>
<div style="background-image: url('top.jpg'); background-repeat: no-repeat; height:20px; width: 700px;"></div>
<div style="background-image: url('middle.jpg'); background-repeat: repeat-y; width: 700px;">CONTENT HERE</div>
<div style="background-image: url('bottom.jpg'); background-repeat: no-repeat; height:20px; width: 700px;"></div>
</body>

Simplest of simple, change the height for top/bottom, and width for all 3. play around with background-image and background-repeat, and you should get what you desire.
 
0
•••
great, thanks!
 
0
•••
Dynadot — .com Registration $8.99Dynadot — .com Registration $8.99
Appraise.net

We're social

Unstoppable Domains
Domain Recover
NameMaxi - Your Domain Has Buyers
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back