The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> stretch background image
JimiB
post Apr 9 2017, 08:03 AM
Post #1


Member
***

Group: Members
Posts: 49
Joined: 23-January 15
Member No.: 22,076



On my home page, the background image in the left content section suited the original template by only going half way down the columb.
Now i need to stretch the bg image down the full left content columb. i have tried changing my css without success.

CODE
#left_content{width:42%;height:auto;margin:10px;float:left;padding:10px;background:url(images/left_content_bg.png) repeat-x top;background-position:0 -18px;}
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 9 2017, 10:19 AM
Post #2


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

Group: WDG Moderators
Posts: 17,765
Joined: 9-August 06
Member No.: 6



You mean stretch or tile? If the latter just remove repeat-x.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Apr 9 2017, 10:25 AM
Post #3


.
********

Group: WDG Moderators
Posts: 7,727
Joined: 10-August 06
Member No.: 7



Do you want the image to both stretch and repeat itself?

You might use the "background-size" property to stretch it, but the result may depend on wether the element's height is known or not.
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 November 2017 - 11:28 PM