The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Why does it do that?!
megz3002
post Nov 9 2006, 12:25 PM
Post #1





Group: Members
Posts: 3
Joined: 9-November 06
Member No.: 782



Hello all... I'm hoping someone can help me and my fried brain.

I'm fairly new at web designing, I took a class in college but I can't figure this one out.

When creating webpages I go to view them on my 2 computers (MAC and PC). It views fine on my mac but when I take it to the PC (both using internet explorer) the background image repeats itself at the bottom. It will show the whole background image then start to repeat the top of the page again. Why does it do this?!?!

Is there a way to stop it from doing that?

Thank you so much for your time.

Example: http://www.itsnewtomeconsignments.com/html/products.html
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
JamieHarrop
post Nov 9 2006, 12:32 PM
Post #2


Advanced Member
****

Group: WDG Moderators
Posts: 129
Joined: 25-October 06
From: West Yorkshire, UK
Member No.: 570



You should really be using CSS to define your background. By using CSS, you'll be able to define whether the background should be repeated or not.

See http://htmlhelp.com/reference/css/quick-tutorial.html and http://htmlhelp.com/reference/css/color-ba...background.html
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 9 2006, 01:08 PM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,733
Joined: 9-August 06
Member No.: 6



IE Mac and IE Win aren't the same browser. But that isn't the problem here. A HTML background will tile if there's room for it to do so. Different screen resolution, different text size... Change the text size up and down in one of your browsers and see what happens.

You can stop tiling if you use a CSS background instead.
http://www.htmlhelp.com/reference/css/colo...und-repeat.html

But you shouldn't use one big background image like that with "everything" on it, http://www.itsnewtomeconsignments.com/images/productpage.jpg . An image can't adopt to fit different window and text sizes. Only the maroon swirls should be a background. The logo/heading should be an inline image and it should have an alt text,
http://www.htmlhelp.com/feature/art3.htm . The art pictures should also be inline images. IMO all these images are content and shouldn't be backgrounds.

If you make those changes the page will be able to adopt. smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th April 2024 - 10:04 AM