Page 1 of 1
All the help you can offer me PT 5
Posted: Sun 21 Aug 2011 8:39 am
by pacificblue03
hello i am starting this topic on some more questions and golas i would like to complete
the first one is
Pre loading of SWF files - how do i do this?
and the next one i need help with is Positioning DIVS
thanks
Antonio.
Re: All the help you can offer me PT 5
Posted: Sun 21 Aug 2011 8:46 am
by captzero
pacificblue03 wrote:i need help with is Positioning DIVS
You should start by reading read David's article on Divs in the Cumulus wiki.
http://wiki.sandaysoft.com/a/Webpage_la ... V_html_tag
Re: All the help you can offer me PT 5
Posted: Sun 21 Aug 2011 8:54 am
by pacificblue03
i want to position them like the attached pic
Re: All the help you can offer me PT 5
Posted: Sun 21 Aug 2011 9:09 am
by pacificblue03
i have an issue -- testing in internet explorer i get a white edges and a border look !
Re: All the help you can offer me PT 5
Posted: Mon 22 Aug 2011 12:15 pm
by pacificblue03
anyone know why my current weather icon
Exceptional weather --- 1.png is not showing up on my site?
it is uploaded and the directory is correct but it still will not show??
Antonio
Re: All the help you can offer me PT 5
Posted: Mon 22 Aug 2011 12:19 pm
by daj
i have replied to the same question in another of your posts
Re: All the help you can offer me PT 5
Posted: Mon 22 Aug 2011 12:48 pm
by pacificblue03
daj wrote:i have replied to the same question in another of your posts
yes i see and thanks

Re: All the help you can offer me PT 5
Posted: Mon 22 Aug 2011 12:59 pm
by pacificblue03
I Would like to make my life easier as i learn more about coding in my web design class i am learning that the shorter or less the code the better and more readable it is.
in my Temp, wind direction and wind force and pressure javascript i have a loooong list of codes is there ways to shorten this? it is becomming to much on the code side..
they are
TEMP__________________________________________________
<script type="text/javascript">
var temp = "<#temptrend>";
if (temp==0){var imagen = "steady.png";}
if (temp>0){var imagen = "rising.png";}
if (temp<0){var imagen = "falling.png";}
document.write('<img src="images/'+imagen+'"/>');
</script>
______________________________________________________
Wind Direction__________________________________________
<script type="text/javascript">
var wind ="<#wdir>";
if (wind=="E"){var imagen = "E.png";}
if (wind=="ENE"){var imagen = "ENE.png";}
if (wind=="ESE"){var imagen = "ESE.png";}
if (wind=="N"){var imagen = "N.png";}
if (wind=="NE"){var imagen = "NE.png";}
if (wind=="NNE"){var imagen = "NNE.png";}
if (wind=="NNW"){var imagen = "NNW.png";}
if (wind=="NW"){var imagen = "NW.png";}
if (wind=="S"){var imagen = "S.png";}
if (wind=="SE"){var imagen = "SE.png";}
if (wind=="SSE"){var imagen = "SSE.png";}
if (wind=="SSW"){var imagen = "SSW.png";}
if (wind=="SW"){var imagen = "SW.png";}
if (wind=="W"){var imagen = "W.png";}
if (wind=="WNW"){var imagen = "WNW.png";}
if (wind=="WSW"){var imagen = "WSW.png";}
if (wind=="---"){var imagen = "Calm.png";}
document.write('<img src="images/'+imagen+'"/>');
</script>
________________________________________________________
Pressure is like temp
Forces __________________________________________________
<script type="text/javascript">
var windscale ="<#beaufort>";
if (windscale=="F0") {var imagen = "F0.jpg";}
if (windscale=="F1") {var imagen = "F1.jpg";}
if (windscale=="F2") {var imagen = "F2.jpg";}
if (windscale=="F3") {var imagen = "F3.jpg";}
if (windscale=="F4") {var imagen = "F4.jpg";}
if (windscale=="F5") {var imagen = "F5.jpg";}
if (windscale=="F6") {var imagen = "F6.jpg";}
if (windscale=="F7") {var imagen = "F7.jpg";}
if (windscale=="F8") {var imagen = "F8.jpg";}
if (windscale=="F9") {var imagen = "F9.jpg";}
if (windscale=="F10") {var imagen = "F10.jpg";}
if (windscale=="F11") {var imagen = "F11.jpg";}
if (windscale=="F12") {var imagen = "F12.jpg";}
document.write('<img src="images/'+imagen+'"/>');
</script>
____________________________________________________________
So as you can see the script code is quiet long and annoying to me unless i need this to work i want it shorter but the problem is i dont know how... we are not covering JavaScript until stage 2
Antonio
Re: All the help you can offer me PT 5
Posted: Mon 22 Aug 2011 2:56 pm
by beteljuice
As you are using <#webtags> and not eg. building the page from realtime.txt, everything except the temp trend can be html.
eg. for wind
Code: Select all
<img src="images/<#wdir>.png" alt="Wind Direction <#wdir>" title="Wind Direction <#wdir>" />
NB: You would need to rename your Calm.png to ---.png
PS. When you DO start JS or PHP coding,
thousands of lines are not uncommon

Re: All the help you can offer me PT 5
Posted: Tue 23 Aug 2011 10:43 am
by pacificblue03
beteljuice wrote:As you are using <#webtags> and not eg. building the page from realtime.txt, everything except the temp trend can be html.
eg. for wind
Code: Select all
<img src="images/<#wdir>.png" alt="Wind Direction <#wdir>" title="Wind Direction <#wdir>" />
NB: You would need to rename your Calm.png to ---.png
PS. When you DO start JS or PHP coding,
thousands of lines are not uncommon

haha yes i have very much noticed that, well at least its working i guess.
Im hopefully going to make my website more, Professional with the home page only loading minor amounts of content, as we learnt in call the other day the home page should never be cluttered and also should have only Necessary content on it, i guess i just got excited and added heaps of things i did not need as other pages provide the exact same information.
I am going to change my layout as shown in the image few posts up from here but i tried it today to position a simple div (float left) and another next to it (float right) not exceeding the pages width and they still go under each other :/
Antonio.