SunQuest
           CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignCSS Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old July 6th, 2002, 06:02 PM
Pupeno Pupeno is offline
Give peace a chance.
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Dec 2000
Location: Buenos Aires, Argentina
Posts: 83 Pupeno User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 m 39 sec
Reputation Power: 8
Send a message via ICQ to Pupeno Send a message via AIM to Pupeno Send a message via MSN to Pupeno Send a message via Yahoo to Pupeno
Question backgrounds and CSS

I would like to have a background repeated in the x axis and padded in the y axis, I've take a look at the specs
but I couldn't find how to do the padding part, is it posible ?
Thank you.

Reply With Quote
  #2  
Old July 8th, 2002, 04:25 AM
binky's Avatar
binky binky is offline
Gerbil
Dev Shed Intermediate (1500 - 1999 posts)
 
Join Date: Oct 2001
Location: In a Rotastak
Posts: 1,763 binky User rank is Sergeant (500 - 2000 Reputation Level)binky User rank is Sergeant (500 - 2000 Reputation Level)binky User rank is Sergeant (500 - 2000 Reputation Level)binky User rank is Sergeant (500 - 2000 Reputation Level)binky User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 22 h 12 m 52 sec
Reputation Power: 18
body {background-repeat:repeat-x; background-position:0% 50%;}

= 0% on the x axis (ie far left)
and 50% on the y axis (center)
__________________
- Sorted!

www.ppfuk.com - Free Photo Sharing

Reply With Quote
  #3  
Old July 8th, 2002, 03:40 PM
Pupeno Pupeno is offline
Give peace a chance.
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Dec 2000
Location: Buenos Aires, Argentina
Posts: 83 Pupeno User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 m 39 sec
Reputation Power: 8
Send a message via ICQ to Pupeno Send a message via AIM to Pupeno Send a message via MSN to Pupeno Send a message via Yahoo to Pupeno
Unhappy that won't do it

That won't do it, maybe I didn't express myself correctly, what I wanted to do is stretch the background vertically and repeat it horizontally, I think it's not posible with CSS2.
Carpe diem

Reply With Quote
  #4  
Old July 9th, 2002, 03:46 AM
binky's Avatar
binky binky is offline
Gerbil
Dev Shed Intermediate (1500 - 1999 posts)
 
Join Date: Oct 2001
Location: In a Rotastak
Posts: 1,763 binky User rank is Sergeant (500 - 2000 Reputation Level)binky User rank is Sergeant (500 - 2000 Reputation Level)binky User rank is Sergeant (500 - 2000 Reputation Level)binky User rank is Sergeant (500 - 2000 Reputation Level)binky User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 22 h 12 m 52 sec
Reputation Power: 18
Ahh, stretch it.

I don't think you can do it, but there is a possible alternative:

create a <div> that is 100% height and 100% width, positioned absolutely 0/0. Create another <div> the same 100% width/height, pos 0/0, but make this higher in the z-index, and give it a background-color of transparent. Put all your page content in the second <div>. The first <div> now essentially acts as the page background.

Using Javascript
Calculate how many images you are going to need horizontally to fill the screen. And put that many into the background <div>. Calculate the page height in pixels and set all the images in the background <div> to that height.

You should now have what you were after...

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > backgrounds and CSS


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 4 hosted by Hostway