Trends.htm

[THX]

I cannot figure out what I did to this file so that the trend graphs are all spread apart.

Any ideas or help?

http://whisperinghillsweather.info/trends.htm

[beteljuice]

It's the   in your navigation links 'breaking' the table width.
Change for an ordinary space and the links will auto-wrap and keep the table width - or put <br /> at your chosen place to force the links wrap.

[gemini06720]

Indeed, putting a line break <BR /> after the realtime entry such as:

Code: Select all

href="CumulusRealtime.html">[realtime]</a>
<br />
<a href="http://tinyurl.com/2q8nk2">[forecast]</a>

would correct the width problem ... I tried the modification in the Opera browser and it worked...

Note: The line does not have to be broken into multiple lines as I did in the above example - I did that for the sole purpose of making the modification easier to view...

[THX]

Ok, but now look at what it's done.

Every single entry is now on its own line.

I would like to keep things on a single line with a space in between each entry.

Incidentally, when I removed the space it still screwed-up the spacing between the trends graphs.

I'm wondering if it is simply because I have too many links at the bottom?

Why would having too many links at the bottom mess with the positioning of the trends graphs?

[gemini06720]

What did you do???

You only needed to place ONE and only ONE line break <BR /> code after the suggested realtime link - where in beteljuice's message or in my message did we recommend that you replace all/every space &nbsp; code with line break <BR /> codes??

[THX]

These are the types of things that happen when you deal with a non-developer. TDF!!

BTW, how do you know that the <br /> tag is only supposed to go after the realtime link?

[beteljuice]

... I'm wondering if it is simply because I have too many links at the bottom?

Why would having too many links at the bottom mess with the positioning of the trends graphs?...

That's exactly the problem - as I said earlier, because you used &nbsp; (No Break SPace) between every link with no real spaces, the line can NOT 'break' ie. auto-wrap.

So the table had to increase its width to accomodate what it thinks MUST be a single line.

Just do as said before:

Remove all the <br /> you've just put in (except if you want the nav menu to to go to a new line after a particular link) and for piece of mind put an 'ordinary' space between your link structures.

eg.

Code: Select all

....

 <tr>
    <td colspan="5" class="td_navigation_bar">
        <a href="index.htm">[now]</a> <a href="gauges.htm">[gauges]</a> <a href="today.htm">[today]</a> <a href="yesterday.htm">[yesterday]</a> <a href="record.htm">[records]</a> <a href="trends.htm">[trends]</a> <a href="CumulusRealtime.html">[realtime]</a><br /><a href="http://tinyurl.com/2q8nk2">[forecast]</a> <a href="http://tinyurl.com/yd3zbhe">[radar]</a> <a href="http://tinyurl.com/yedz4z9">[metro]</a> <a href="http://tinyurl.com/yc6ovfk">[wunderground]</a><a href="http://tinyurl.com/y8qdgzr">[pws]</a> <a href="http://tinyurl.com/ycqyd9f">[metars]</a> <a href="http://tinyurl.com/ycuq7p8">[cwop]</a></td>
  </tr>

Edit: I see you've already edited it as I type

It may help someone else, although it has been mentioned before.

[gemini06720]

BTW, how do you know that the <br /> tag is only supposed to go after the realtime link?

I looked at your page in the Opera browser. Then I looked at the HTML code for your page (always in the Opera browser). I modified the HTML code of your page in the Opera browser and then I applied the modification I had done. And I was able to view your page after making the modification... This is a very nice feature of the Opera browser.

I just looked at your page (06:00 PST) and all the spaces have been removed - thus all the options for the navigation menu are all against eachothers...

I thought beteljuice suggested that you '...put an 'ordinary' space between your link structures...' - you did not have to remove everything...

[THX]

Thanks all I seem to have gotten all of the kinks worked out.

[gemini06720]

Thanks all I seem to have gotten all of the kinks worked out.

Much better...

The reason why I suggested that you put a line break '<br />' after the realtime link is that by forcing a line break at that position you end up with two line with approximately the same length. Also, unintentionally, you end up with one top line with links to the Cumulus pages and one bottom line with external links...