Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Repeatable Header

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #24853

    I worked with a designer to develop a new website for a non-profit in town. The vision he had for the site was to have an artistic header that wasn’t a rectangle but used different integrations of lines. My question is how to properly repeat this image to accomodate larger screens?

    Live Example:
    http://www.athenschurch.com

    Screenshot:
    http://www.athenschurch.com/images/headerbg.jpg

    #57689
    chazzwick
    Member

    Easiest way would probably be to make a very wide header background image and align it centre. Since it’s greyscale its file size shouldnt be too big, and will save on markup.

    #57706
    AshtonSanders
    Participant

    One thing you didn’t mention is how you want the header aligned?

    Do you want it aligned left (so it’s always the same distance from the left side of the screen) or aligned centered?

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.