My page looks good on my computer but not on others!

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

'New to Front Page', and know just enough to be dangerous!!
My first website: www.lookoutmountainlandtrust.org.
Started with a web template purchased from PixilMill, but I think I messed
it(css) up as some things dont show up - like the navigation menu.
It looks good on my screen, but not on other computers. (too large)
Had to put banner pictures on each page, thought I only had to do this on
the index?
I dont know HMTL - Is there hope for me and my website?
Thanks
TNMarme
 
'New to Front Page', and know just enough to be dangerous!!
My first website: www.lookoutmountainlandtrust.org.
Started with a web template purchased from PixilMill, but I think I messed
it(css) up as some things dont show up - like the navigation menu.
It looks good on my screen, but not on other computers. (too large)
Had to put banner pictures on each page, thought I only had to do this on
the index?
I dont know HMTL - Is there hope for me and my website?
Click to expand...

There's *always* hope! But you're going to have to do some work, AND
learn a little more HTML along the way.

1. No sign of the nav menu anywhere, including the html source.
There is probably supposed to be a script somewhere in a folder on the
server (you'll have to put it there yourself) and there should be a
line in the <head>...</head> section of your page telling the browser
software where to look for the script.

2. Although you have specified a common font-family in <style> for
the "p" class, the only place this appears is in the copyright
statement at the foot of the page. Elsewhere, you have specified
uncommon fonts (Bolton Sans) which most users won't have on their
computers, so the browser doesn't know how to display the text in the
elaborate fabric-patterned box. So it defaults to Times Roman
(usually).

3. The marquee at the top is 1400 pixels wide, so it will extend
beyond the edge of most users' screens.

4. The marquee at the top can only be seen by users of Internet
Explorer. If you really must use a marquee, you need to find one that
works on other browsers. Try www.dynamicdrive.com.

5. The width of the content of the page is dictated by the
combined width of the four small images. As these add up to 800+
pixels, plus their borders and the space between them, you are
lumbered with a minimum page width of at least 850px.

But then the images are inside a kind of picture frame with big wide
borders. This makes the whole thing even wider. In fact, the width of
that table is 924px. This is too wide for comfort on many users'
screens. It would be a good idea to set yourself a width limit of say
720px. This is a compromise which would work for most users.

So, assuming you keep the various ornate borders, you'll have to
resize those four images - always resize images in an image editing
program - so they will fit. Note that if they are too wide, they will
extend the width of a table, even if you have given the table a width
of 720px.

You could try setting the images in two rows of two, which would allow
you to keep them big enough to see the detail.

It will all take a bit of time, but you'll get there. Keep asking the
questions.

fido
 
'New to Front Page', and know just enough to be dangerous!!
My first website: www.lookoutmountainlandtrust.org.
Started with a web template purchased from PixilMill, but I think I messed
it(css) up as some things dont show up - like the navigation menu.
It looks good on my screen, but not on other computers. (too large)
Had to put banner pictures on each page, thought I only had to do this on
the index?
Click to expand...

Following up my earlier reply, I see you have now reduced the width of
the marquee to 800, although its border still runs out to the full
width of the window.

The marquee still doesn't display in the increasingly popular Firefox
browser but cross-browser scripts are available that will do the same
thing. It might be an idea to enclose the marquee in a table to keep
it where you want it to appear.

On a side note, you probably only need to type in the marquee text
once. It will repeat as soon as the tail of the text has reached the
left edge. This way you will avoid having those ten thousand
non-breaking spaces. If you put all those spaces there in order to
stop the marquee and give the eyes a rest, you might seriously
consider the merit of having a marquee on the page at all.

Moving on to the other pages, you have those two huge maps which are
causing the pages to spread out sideways.

As the maps need to be large enough to read, I'd strongly suggest
placing them one above the other. The way you have them at the moment,
in a table 1000px wide, they will be too wide for most users'
displays, causing a horizontal scrollbar to appear. A horizontal
scrollbar is bad news.

There is nothing on these pages that won't fit into an overall width
of 720-750px, with a bit of shifting around.

With this end in view, try enclosing *the whole of each page* in a
table. The simplest way would be to open the page in HTML view and
immediately below the <body> tag, type the following, or cut and paste
from this message:

<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="720">
<tr>
<td>

Then immediately above the </body> tag near the foot of the page,
insert the closing tags for these four lines (in reverse order):

</td>
</tr>
</table>
</div>

It will be an invisible table with no borders, no colours and no
background. Your aim is now to reduce the width of ALL the other
tables on the page so that they will fit inside the new table. So if
your left-hand navbar is 155px wide, you've got 565px to play with.
Since your widest map is 491px wide, there should be enough room for
it, although you may need to reduce the width of some of the borders.
There will be no room for more navigation stuff on the right, so make
arrangements to have all the nav on the left or horizontally across
the page.

fido
 
fido said:
Following up my earlier reply, I see you have now reduced the width of
the marquee to 800, although its border still runs out to the full
width of the window.

The marquee still doesn't display in the increasingly popular Firefox
browser but cross-browser scripts are available that will do the same
thing. It might be an idea to enclose the marquee in a table to keep
it where you want it to appear.

On a side note, you probably only need to type in the marquee text
once. It will repeat as soon as the tail of the text has reached the
left edge. This way you will avoid having those ten thousand
non-breaking spaces. If you put all those spaces there in order to
stop the marquee and give the eyes a rest, you might seriously
consider the merit of having a marquee on the page at all.

Moving on to the other pages, you have those two huge maps which are
causing the pages to spread out sideways.

As the maps need to be large enough to read, I'd strongly suggest
placing them one above the other. The way you have them at the moment,
in a table 1000px wide, they will be too wide for most users'
displays, causing a horizontal scrollbar to appear. A horizontal
scrollbar is bad news.

There is nothing on these pages that won't fit into an overall width
of 720-750px, with a bit of shifting around.

With this end in view, try enclosing *the whole of each page* in a
table. The simplest way would be to open the page in HTML view and
immediately below the <body> tag, type the following, or cut and paste
from this message:

<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="720">
<tr>
<td>

Then immediately above the </body> tag near the foot of the page,
insert the closing tags for these four lines (in reverse order):

</td>
</tr>
</table>
</div>

It will be an invisible table with no borders, no colours and no
background. Your aim is now to reduce the width of ALL the other
tables on the page so that they will fit inside the new table. So if
your left-hand navbar is 155px wide, you've got 565px to play with.
Since your widest map is 491px wide, there should be enough room for
it, although you may need to reduce the width of some of the borders.
There will be no room for more navigation stuff on the right, so make
arrangements to have all the nav on the left or horizontally across
the page.

fido
Click to expand...
 
Thank You Fido, I have my work cut out for me tonight. Will let you know
when it is safe to log on to the website again.
TN Marme
 
Thank You Fido, I have my work cut out for me tonight. Will let you know
when it is safe to log on to the website again.
TN Marme
Click to expand...

Trying hard not to be discouraging because by playing with the various
elements on the page and moving them around, you are finding out some
of what you can achieve, and how it all works.

Personally, I'd create a new table at the top of each page and then
rebuild from the ground up, copying and pasting the pictures and
features into the new layout. Once I'd got it looking right, I'd then
delete the old lower half. That process always works for me.

fido
 
Back
Top