The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> How to make a (background) image or row span unlimited
cjr
post Jun 6 2014, 09:47 AM
Post #1


Novice
**

Group: Members
Posts: 22
Joined: 6-June 14
Member No.: 21,044



I have been asked to design a site similar to: paramore.net. This site has background images or rows that seem to have an unlimited span in the background. If you notice on paramore.net, the background header, body and footer has unlimited spanning rows and/or images. How can I achieve this?

Software: Dreamweaver

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jun 6 2014, 11:08 AM
Post #2


.
********

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



What do you mean with "unlimited span"? unsure.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
cjr
post Jun 6 2014, 04:54 PM
Post #3


Novice
**

Group: Members
Posts: 22
Joined: 6-June 14
Member No.: 21,044



QUOTE(Christian J @ Jun 6 2014, 11:08 AM) *

What do you mean with "unlimited span"? unsure.gif


If you go to paramore.net and zoom out CTRL - or COMMAND - on a Mac, you'll notice that the site page itself appears to be about 1200px wide, but the background has black and white rows that seem to span mutually exclusive from the page. Is that just a really large image or is it achieved in html/css? How can I achieve...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jun 6 2014, 06:00 PM
Post #4


.
********

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



QUOTE(cjr @ Jun 6 2014, 11:54 PM) *

the background has black and white rows that seem to span mutually exclusive from the page.

On that site I suspect it's just individual styling of the different page sections (note how the Video section is higher than the rest).

There are several ways to do it in CSS, but you need to consider the page content as well. For example, what should happen if a page section is too short for its content? The easiest outcome should be to simply allow the section height to expand.

The actual CSS rules depend on your HTML structure, which in turn depends on your content...
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: 14th December 2019 - 09:06 PM