Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
how to get images to repeat on x-axis only?
Old 03-25-2006, 12:32 AM how to get images to repeat on x-axis only?
Skilled Talker

Posts: 69
Trades: 0
I want an image to repeat itself only on the x axis and start from the top left of a page. The image is a background of course.
__________________

Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
comet is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 03-25-2006, 01:49 AM Re: how to get images to repeat on x-axis only?
Super Talker

Posts: 144
Trades: 0
background-repeat: repeat-x;
__________________
create.vibe

Please login or register to view this content. Registration is FREE
createvibe.com is offline
Reply With Quote
View Public Profile Visit createvibe.com's homepage!
 
Old 03-28-2006, 11:46 AM Re: how to get images to repeat on x-axis only?
jolley_small's Avatar
Novice Talker

Posts: 12
Location: England
Trades: 0
background: (color) (image) repeat-x top left;

replace color and image with what you want.

Try topstyle lite, its free and helps write css:
http://www.computeractive.co.uk/vnun.../topstyle-lite
jolley_small is offline
Reply With Quote
View Public Profile Visit jolley_small's homepage!
 
Old 03-28-2006, 03:23 PM Re: how to get images to repeat on x-axis only?
Extreme Talker

Posts: 170
Location: Canada
Trades: 0
All of the above. You can format it inside your stylesheet, or in the head of your page like this:

Code:
body {
background: url("image.jpg") repeat-x #fff;
}
You can change out "body" for any other element you want to put the background on. The reason the "#fff" is still in there is because when the background runs out, it needs to know what to fill the space with.

It's also advisable that you incorporate some positioning in there (like jolley_small did):

Code:
body {
background: url("image.jpg") top left repeat-x #fff;
}
"repeat-x" is interchangeable for "repeat-y" and "no-repeat" aswell. "top" and "left" can be interchanged with bottom, right, middle, or even values (like em, px, %, etc.).
__________________

Please login or register to view this content. Registration is FREE



Please login or register to view this content. Registration is FREE

Last edited by collyer_1; 03-28-2006 at 03:24 PM..
collyer_1 is offline
Reply With Quote
View Public Profile Visit collyer_1's homepage!
 
Reply     « Reply to how to get images to repeat on x-axis only?
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.16531 seconds with 12 queries