Web Design Forum: Coding a website for different resolutions - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Coding a website for different resolutions

#1 User is offline   Roz 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 3
  • Joined: 10-April 09
  • Reputation: 0
  • Experience:Intermediate
  • Area of Expertise:I'm Learning

Posted 10 April 2009 - 09:50 AM

I have created a site which has a white background and a left-hand stripe (roses climbing up a wall). This looks fine in 1024 x 768. However, in a higher resolution the roses-on-the-wall tiles so that it appears both on the left-hand side correctly AND near the right-hand side, covering some of the text.

http://www.rosweb.org.uk - [incidentally, what's the difference between a post link and a topic link? so which one should I have used here?]

How do I get around this? I have tried making the background a watermark instead of a background, but it still doesn't work. I am starting to experiment with CSS but do not understand it very well yet! :sorry:


Roz
:unsure:
0

#2 User is offline   mr p 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 325
  • Joined: 09-December 08
  • Reputation: 6
  • Gender:Male
  • Location:London
  • Experience:Advanced
  • Area of Expertise:Designer/Coder

Posted 10 April 2009 - 10:32 AM

hello. just change {background-repeat: repeat;} to {background-repeat: no-repeat}
0

#3 User is offline   Scott S 

  • Coffee/Nicotine addicted Expert, who does NOT work for ModX!
  • PipPipPipPipPip
  • Group: Members
  • Posts: 2,131
  • Joined: 07-November 07
  • Reputation: 9
  • Gender:Male
  • Location:London
  • Experience:Advanced
  • Area of Expertise:Web Developer

Posted 10 April 2009 - 12:51 PM

Change the css to:

background-repeat: repeat-y;


this will tell it to repeat vertically only, rather than both vertically and horizontally

:)

This post has been edited by Sam G: 02 February 2010 - 08:52 PM
Reason for edit: added [code] tags

0

#4 User is offline   Roz 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 3
  • Joined: 10-April 09
  • Reputation: 0
  • Experience:Intermediate
  • Area of Expertise:I'm Learning

Posted 10 April 2009 - 05:18 PM

View PostScott S, on Apr 10 2009, 13:51, said:

Change the css to:

background-repeat: repeat-y;


this will tell it to repeat vertically only, rather than both vertically and horizontally

:)


Sorted! A million thanks! :yahoo: :yahoo: :yahoo:

This post has been edited by Sam G: 02 February 2010 - 08:52 PM
Reason for edit: added [code] tags

0

#5 User is offline   Scott S 

  • Coffee/Nicotine addicted Expert, who does NOT work for ModX!
  • PipPipPipPipPip
  • Group: Members
  • Posts: 2,131
  • Joined: 07-November 07
  • Reputation: 9
  • Gender:Male
  • Location:London
  • Experience:Advanced
  • Area of Expertise:Web Developer

Posted 10 April 2009 - 08:43 PM

You're welcome :) It's what we're here for!
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users