The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Background image repats along y-axis
MikeNY711
post Apr 28 2007, 09:46 PM
Post #1





Group: Members
Posts: 3
Joined: 28-April 07
Member No.: 2,660



Hi, I have a question.
I have this image that borders the content and the bg image. how can i make it repeat along the y axis?
As you can see I have tried but for some reason it create several of the image along one line

http://freespaces.com/ballersunionv2/ourketubah.html
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 29 2007, 05:26 AM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,345
Joined: 9-August 06
Member No.: 6



Lots of errors here...
CODE
<td background="http://img151.imageshack.us/img151/2356/okbordernq9.gif
"><img src="http://img151.imageshack.us/img151/2356/okbordernq9.gif" repeat:"y-axis" /></td>


It's 'background-repeat' not 'repeat'. The value you want is 'repeat-y', not 'y-axis'. This can only be used with background images, not inline images. It should be in a style sheet or style attribute, not directly in the HTML.


CODE
<td style="background: url(http://img151.imageshack.us/img151/2356/okbordernq9.gif) repeat-y">


'background' is shorthand for all background properties. If you want to write them out you do it like so...
CODE

<td style="background-image: url(http://img151.imageshack.us/img151/2356/okbordernq9.gif);
background-repeat: repeat-y">


You can read more about this hrere: http://www.w3.org/TR/CSS2/colors.html#q2 .

You also have other errors. Two BODY for instance. smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
stjepan
post Apr 29 2007, 05:28 AM
Post #3


Serious Coder
*****

Group: Members
Posts: 329
Joined: 15-October 06
From: zagreb, croatia
Member No.: 445



Two bodies are better the one. Usually smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 29 2007, 05:34 AM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,345
Joined: 9-August 06
Member No.: 6



rolleyes.gif tongue.gif

Why did the board make a line break in the code example? There should not be a space between 'url' and the parenthesis.
CODE
url(http://img151.imageshack.us/img151/2356/okbordernq9.gif);


(If I write it all the board makes a line break again)
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
MikeNY711
post Apr 29 2007, 07:20 AM
Post #5





Group: Members
Posts: 3
Joined: 28-April 07
Member No.: 2,660



Thanks but my page is still messed up. How can I have those buttons in the center and the borders still goin down the entire page?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 29 2007, 10:53 AM
Post #6


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,345
Joined: 9-August 06
Member No.: 6



You must use the background with an element that is as high as the page. Your page is all blank now and I don't remember exactly how it looked...

If you don't have a suitable element already you can wrap a DIV around the rest.

CODE
<div style="background: url(http:/...) top center repeat-y">
### Other HTML ###
</div>


That will place the bg image at the top center and tile it downwards.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
MikeNY711
post Apr 29 2007, 09:39 PM
Post #7





Group: Members
Posts: 3
Joined: 28-April 07
Member No.: 2,660



darn, still not working.... I put a table in between the div- one row with a banner, and anothe rrow with the 3 buttons.

its just not workin though

I'll read up on CSS at w3schools
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Apr 30 2007, 02:48 AM
Post #8


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



You might want to start reading about the structure of an HTML 4 document and Where can I learn about HTML?. And then move to Where can I learn about CSS?.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 17th August 2019 - 11:37 PM