Web Design Forum: Odd background formatting...please help! - 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

Odd background formatting...please help!

#1 User is offline   Chappers11050 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 26
  • Joined: 23-November 10
  • Reputation: 0
  • Gender:Male
  • Location:Teignmouth, Devon, UK
  • Experience:Beginner
  • Area of Expertise:Designer/Coder

Posted 18 January 2012 - 11:53 AM

Hi all, am working on Teignmouth Community School's Welcome Page, and have had this odd background issue, I cant remember when it started occurring but its driving me nuts now, I don't think its a css issue, maybe an untidy HTML markup or something? I don't know.

here's the URL http://www.teignmout.../tcs_welcome4/.

also does anyone know a good way of making sure the page and image objects resize for low res, at the mo I have had to make the slideshow 400x272px and people with a large res like me have to put up with small images....not ideal

Many thanks in advance!
0

#2 User is online   Bomb 

  • Expert
  • PipPipPipPip
  • View gallery
  • Group: Members
  • Posts: 694
  • Joined: 09-October 10
  • Reputation: 88
  • Gender:Male
  • Location:Cheshire, UK
  • Experience:Advanced
  • Area of Expertise:Designer

Posted 18 January 2012 - 05:56 PM

.

This post has been edited by Bomb: 18 January 2012 - 06:20 PM

0

#3 User is offline   nfc212 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 257
  • Joined: 29-August 11
  • Reputation: 27
  • Gender:Male
  • Location:Cardiff, UK
  • Experience:Beginner
  • Area of Expertise:I'm Learning

Posted 20 January 2012 - 12:58 AM

Try changing your CSS to this:

body {
background:#cccccc url(../images/bg/dark_grad_wide.png) repeat-x;  /* for non-css3 browsers */
background:#cccccc -webkit-gradient(linear, left top, left bottom, from(#333333), to(#cccccc))repeat-x; /* for webkit browsers */
background:#cccccc -moz-linear-gradient(top,  #333333,  #cccccc) repeat-x; /* for firefox 3.6+ */
}


The IE filter is best left out.
0

#4 User is offline   Chappers11050 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 26
  • Joined: 23-November 10
  • Reputation: 0
  • Gender:Male
  • Location:Teignmouth, Devon, UK
  • Experience:Beginner
  • Area of Expertise:Designer/Coder

Posted 20 January 2012 - 11:15 AM

View Postnfc212, on 20 January 2012 - 12:58 AM, said:

Try changing your CSS to this:

body {
background:#cccccc url(../images/bg/dark_grad_wide.png) repeat-x;  /* for non-css3 browsers */
background:#cccccc -webkit-gradient(linear, left top, left bottom, from(#333333), to(#cccccc))repeat-x; /* for webkit browsers */
background:#cccccc -moz-linear-gradient(top,  #333333,  #cccccc) repeat-x; /* for firefox 3.6+ */
}


The IE filter is best left out.


Thanks a million! that realy did the trick!
0

#5 User is offline   nfc212 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 257
  • Joined: 29-August 11
  • Reputation: 27
  • Gender:Male
  • Location:Cardiff, UK
  • Experience:Beginner
  • Area of Expertise:I'm Learning

Posted 20 January 2012 - 06:59 PM

View PostChappers11050, on 20 January 2012 - 11:15 AM, said:

Thanks a million! that realy did the trick!


Thanks for the feedback. Happy to help. :good:

I used to spend holidays in Teignmouth with my parents. We always stayed at the Jolly Sailor on the old harbour.

There used to be a lovely shellfish shop by it.
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