Jump to content

Welcome to Geeks to Go - Register now for FREE

Need help with your computer or device? Want to learn new tech skills? You're in the right place!
Geeks to Go is a friendly community of tech experts who can solve any problem you have. Just create a free account and post your question. Our volunteers will reply quickly and guide you through the steps. Don't let tech troubles stop you. Join Geeks to Go now and get the support you need!

How it Works Create Account
Photo

HELP! web page backgrounds don't show


  • Please log in to reply

#16
fleming

fleming

    Member

  • Member
  • PipPip
  • 24 posts
That is much better i think, all the info is together, and the background is not over powering.

A few things to try also:

If you are going to use a border on the tables, tyr to keep the same colour on all the pages, i think the bookings page has a black border.
A better way to bring out a nice line on your design is to use CSS (cascading style sheets) this way you can have a nice 1 pixel line around the box.
If you are not sure i can send you a style sheet to add to your pages.

You also still have italic text, you may want to put in a better more readable font.

Try using the blue in the logo for the background colour maybe (#1B8DD4) or (#2E98CA) to see if it gives the site some pop.
the renamed pages look fine, although you could use photo instead of photogal, but that's me being picky :tazz:

I think you are on the right track with this though, so keep up the good work.


Fleming
  • 0

Advertisements


#17
annabell

annabell

    Member

  • Topic Starter
  • Member
  • PipPip
  • 20 posts
Hi again fleming,
I have uploaded the latest version of my web, when you get a chance can you have a look again for me? That goes for anyone else out there!!
I am open to all opinions and suggestions. When you have a look though, can you let me know how it sizes in the browzer, that has been my biggest issue to date, and the reason this has taken so [bleep] long ;)
Let me know what you all think, and thanks again for all the help guys, I really appreciate it and could not have done it without you all! :tazz:
The web is at www.dunordskiclub.bigpondhosting.com
  • 0

#18
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
Home Page looks just great in Firefox and Internet Explorer at 1024x768 res. HTML Tidy reported 29 warnings and w3c.org validation reported 19 errors. You definately need a DOCTYPE on your page if you care about validation. Some browsers will not parse your page the way you want with sloppy coding.

Did not check other pages. Can send you screen shots of how the page looks in FF and IE. Will not post because of size.

Ron
  • 0

#19
fleming

fleming

    Member

  • Member
  • PipPip
  • 24 posts
Well on my screen 1280x960 the table does tile a bit over to the right.
When i make my screen smaller it does close in.

You may want to have a determined value instead of 100%. Since your background image is 800x5xx you may want your table to be 799x5xx so it fits snug, then just center the table in the browser.

An Example:

<table width="799" border="0" [B]align="center"[/B] cellpadding="0" cellspacing="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

add where it's bold to your table properties to have it always centered.

The only thing is those with smaller screens (800x600) will have to scroll.
If you want to keep it at a 100% table, you may have to rethink the image inside the table.

One thing you can do is make the table 750x450 (ish) that way anyone with an 800x600 screen will most likely not have to scroll, but those with larger screens will see alot of background.
You have a table inside a table one is set at 83% and the other is at 100%
You can create a border using CSS instead of using the table properties.

As Major Payne pointed out, you should have a doctype at the very top

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

that goes at the very top

Other tidbits:

On the lodge page: you have What to Being

Also your page layout seems to change - About Us and Our Lodge are the same layout/idea, then you have Bookings and What to Bring are different, and lastly you photo gallery has a different design. I would try and keep a design and stick with it, maybe keeping the front page the way it is, and making a banner with the logo to put at the top, to keep the pages consistent.
This is just personal preference, but you want to try and keep the page identity the same throughout, so the user sees the logo on all pages not just the first 3.

Well i hope this isn't alot more work for you, but again if you do need help with anything just ask away.

Fleming
  • 0

#20
annabell

annabell

    Member

  • Topic Starter
  • Member
  • PipPip
  • 20 posts
Hi again all, I have been a little slack of late, to be honest I have just not wanted to look at the web page for a while, it is driving me batty!

I have adjusted some things, I am unsure flemming what you mean with the re-sizing from 100%.. I have the table size set at 80%, for the width anyway, the theory being that it will re-size to suit different browsers....obviously that is working well ;) I am working on 1280 x 960, and on my screen it always looks great, it is only everyone else who has trouble, but mainly those on the lower res. screens.

I have also attempted to copy and past the doctype at the top of the html page of frontpage...that went really well to....untill I went back to the normal view, and then I can see the html doctype at the top of the page above the table! Could you explain it for me in idiot-proof english? I will then have another go at it!

Once again, thanks for all your patience, I think I still believe that I will get this bloody thing to work :tazz:
  • 0

#21
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
It looks good in Firefox at 1024x768.

The document type on each of your pages goes outside the tags. For example on your Home Page. Do not change any capitalization for a DOCTYPE declaration. :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR...ml4/loose.dtd">
<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Du Nord Home</title>
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>
<meta name="Microsoft Border" content="none, default">
</head>

Your home page continues to have problems which need to be cleaned up if you wish your pages to validate.

For your info :

1) Choosing a Document Type

2) Help and FAQ for the Markup Validator

3) Validation by URL or File Upload

4) Validate CSS by URI, File Upload or Direct Copy/Paste

If you used Firefox with the Web Tools installed, you could check every aspect of your pages, i.e., validation, image problems,, forms, view source with HTML Tidy and have it clean your page for you, much more.

The resizing using percentages is just fine. Most of the problems are because of depreciated attributes, missing closing tags, attributes which are only supported by Netscape and/or Internet Explorer. As long as you are sticking to a transitional document type, you will be browser limited in your pages.

Internet Explorer is a very loose browser and does attempt to do what you have coded when it parses your pages. Some browsers based on the Gecko engine are a little more particular about poor coding and use strict default parsing of a page if it doesn't like the way you coded your page. That's why there is such a big difference when viewing pages with different browsers. Some times you have to put in little CSS fixes for these browsers which sometimes is not worth the time or trouble.

Just make sure your DOCTYPE declaration is as shown...outside your main tags. If you want to use percentages for font sizes, you can do that too. The table attributes you've used to get the border effect you want with bordercolorlight and bordercolordark is for Netscape and IE. Validation of your pages will not be possible using these attributes as well as the <font>, <center> and other depreciated tags.

Of course, if you don't care and are catering to those viewers with those browsers, you are ok.

Ron
  • 0

#22
annabell

annabell

    Member

  • Topic Starter
  • Member
  • PipPip
  • 20 posts
Thanks Ron for the speedy reply, it seems I have some reading to do, and I will then attempt to put it all into practice!

Don't be surprised if you hear from again soon :tazz:

Many thanks, Anne
  • 0

#23
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
Hi Anne :

Forgot to mention that your site looks good in Internet Explorere too at 1024x768, but I understand that you seem to be having problems with the lower screen res rendering of your pages. I tried re-sizing to a smaller window and did not notice any problem with your pages. Just the Tidy reports of a few "warning" that should not be causing the problems that you see.

There are work arounds for getting your pages to view in different browsers according to screen res. Don't know how much trouble you wish to go to in doing this. It depends on who you want to cater to mostly, IE users or others.

You might want to do a complete layout using a CSS and style all your pages with one CSS. Helps to make changes for all pages much easier. You may also think about doing your pages in XHTML or Strict coding for the future.

I see there are several programs out now that are allowing a complete site to be built using nothing but Flash. That may be the future. Once Micro$oft brings out Longhorn and the latest IE version, pages rendered by IE may not be so forgivable if they have mistakes. Just have to wait and see. Personally, I like the Flash idea except the software is as expensive as Dreamweavers stuff.

Either PM me or post if you need help. Have had some people e-mail me which is okay too. May not get back to you right away as Hurricane Dennis is getting closer and it is a cat 4. May have to run for it.

Ron
  • 0

#24
annabell

annabell

    Member

  • Topic Starter
  • Member
  • PipPip
  • 20 posts
Thanks again for that Ron, I will let you know how I get on, it may take me a while though!
I hope all goes well for you with Dennis and he gives you wide birth.... really pleased that hurricanes are one thing that we don't have to contend with down here in Oz. Best wishes for you and your's.

Kind regards, Anne
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP