Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ General Web Design _ How to make a (background) image or row span unlimited

Posted by: cjr Jun 6 2014, 09:47 AM

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


Posted by: Christian J Jun 6 2014, 11:08 AM

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

Posted by: cjr Jun 6 2014, 04:54 PM

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...

Posted by: Christian J Jun 6 2014, 06:00 PM

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...

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)