Page 3 of 5
Re: Custom navigation Bar and DIV
Posted: Mon 22 Nov 2010 9:44 am
by 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.
Re: Custom navigation Bar and DIV
Posted: Mon 22 Nov 2010 9:49 am
by Synewave
You must have changed settings unrelated to the button images.
Perhaps it is worth discussing the problem with your tutor.
Re: Custom navigation Bar and DIV
Posted: Mon 22 Nov 2010 11:59 am
by pacificblue03
yes i think i will leave it for now and learn more
Antonio.
Re: Custom navigation Bar and DIV
Posted: Mon 22 Nov 2010 4:39 pm
by 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...

Re: Custom navigation Bar and DIV
Posted: Mon 22 Nov 2010 11:12 pm
by pacificblue03
ooh alright i shall do that as soon as i Finnish my class
Antonio.
Re: Custom navigation Bar and DIV
Posted: Tue 23 Nov 2010 5:19 am
by gemini06720
pacificblue03 wrote: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>
Re: Custom navigation Bar and DIV
Posted: Tue 23 Nov 2010 7:04 am
by 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
Re: Custom navigation Bar and DIV
Posted: Tue 23 Nov 2010 7:07 am
by pacificblue03
by the way how the <font tag is going downhill should i start to use css with any text styling?
Antonio.
Re: Custom navigation Bar and DIV
Posted: Tue 23 Nov 2010 7:41 am
by 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.
Re: Custom navigation Bar and DIV
Posted: Tue 23 Nov 2010 9:13 am
by 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.
Re: Custom navigation Bar and DIV
Posted: Tue 23 Nov 2010 9:17 am
by pacificblue03
u genius ima try this now
Antonio
Re: Custom navigation Bar and DIV
Posted: Tue 23 Nov 2010 9:23 am
by pacificblue03
So that worked very well i guess now all i can do is wait for some feedback / suggestions
Antonio
Re: Custom navigation Bar and DIV
Posted: Tue 23 Nov 2010 12:24 pm
by gemini06720
pacificblue03 wrote:by the way how the <font tag is going downhill should i start to use css with any text styling?
Yes,
yes,
yes...

Re: Custom navigation Bar and DIV
Posted: Tue 23 Nov 2010 12:31 pm
by gemini06720
mcrossley wrote:... 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...
Re: Custom navigation Bar and DIV
Posted: Tue 23 Nov 2010 12:33 pm
by gemini06720
pacificblue03 wrote: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...
