Custom navigation Bar and DIV

[pacificblue03]

was fiddling with those for a while and it pushed my website to the entire right hand side i guess its not that important to have the current tab highlited

Antonio.

[Synewave]

You must have changed settings unrelated to the button images.

Perhaps it is worth discussing the problem with your tutor.

[pacificblue03]

yes i think i will leave it for now and learn more

Antonio.

[gemini06720]

You might want to add a bit of 'padding-left' (possibly 5-10 pixels) to the lines beginning with:
- Please note data...
- Weather outlook...
- Conditions at...

And to add some 'padding-left' and 'padding-right' (possibly 5-10 pixels) to the line beginning with:
- Hello and welcome...

Adding padding will move the text away from the edges of the blue-colored background - the display will look better...

[pacificblue03]

ooh alright i shall do that as soon as i Finnish my class

Antonio.

[gemini06720]

ooh alright i shall do that as soon as i Finnish my class

When will that be?

Are you sure you can wait that long...

I noticed something odd (wrong?) in the source code of your main page (index.htm) - there is that '<FONT#C6DEFF>' element just above the 'Hello and welcome to Ballina...' line.

So that you know, the '<font>...</font>' element has been deprecated in HTML 4.0 (as many other elements) in favor of CSS (cascading style sheets).

OK, getting back to the suggested padding for your 3 lines of text, the easy way is to add the padding information within the '<p>...</p>' elements that you have used for those lines. So, here are the suggested modifications:

Code: Select all

<p style="padding: 0 10px 0 10px;">Hello and welcome...</p>

Note: It is highly discouraged to place line break elements (<br />) within the '<p>...</p>' element ... I cannot remember if line break elements (<br />) placed within the '<p>...</p>' element will be validated by the W3C Markup Validation Service!

<p style="padding-left: 10px;">Please note data is only...</p>

<p style="padding-left: 10px;">Weather outlook...</p>

<caption style="padding-left: 10px;">Conditions at...</caption>

[pacificblue03]

haha yes it was hard to wait that long haha i shall go NUTS with my page now

Antonio

PS thanks for the above ^^ code

[pacificblue03]

by the way how the <font tag is going downhill should i start to use css with any text styling?

Antonio.

[pacificblue03]

can i ask something dreamwever shows line 190 has a syntax error this is what is in the line

var temp = <#temptrend>;

so is this an error?

rest of code is

<script type="text/javascript">
var temp = <#temptrend>;
if (temp==0){var imagen = "steady.png";}
if (temp>0){var imagen = "up.png";}
if (temp<0){var imagen = "down.png";}
document.write('<img src="images/'+imagen+'"/>');
</script>

Antonio.

[mcrossley]

Dreamweaver is correct, but the <#temptrend> string will be replaced by a number when Cumulus processes the file. After processing the line will be valid. If you 'really' wanted to, you could probably avoid the error in dreamweaver by replacing the line with..

var temp = "<#temptrend>";

and the script would still work because variables in Javascript are only loosely typed, and the string value will automatically be converted to a number value when you compare the variable against a number in subsequent lines.

[pacificblue03]

u genius ima try this now

Antonio

[pacificblue03]

So that worked very well i guess now all i can do is wait for some feedback / suggestions

Antonio

[gemini06720]

by the way how the <font tag is going downhill should i start to use css with any text styling?

Yes, yes, yes...

[gemini06720]

... var temp = "<#temptrend>"; ...

Mark, that is an excellent suggestion - most if not all of the variables (or tags) should be placed between single or double quotes. The only variables that do not need to be placed inside quote marks are the 'true/false'.

I know some people are going to tell me that a script will still work when the quotes are not used, but that is sloppy programming...

[gemini06720]

So that worked very well i guess now all i can do is wait for some feedback / suggestions

Antonio how about doing the same (padding) for the two line at the bottom of your page...