fruit machine reels picker list

[theremotedr]

Hi,
Before i go to bed 03:10 i thought i would try another file.
The file in question is here http://www.theremotedoctor.co.uk/acc...llto=selection

I am sure that ive done it to the letter BUT yet again i see the following in yellow in DW

<aside id="selection">

In line 192

This is the yellow marker i was talking about.


Can you send a screen shot of where the problem is,as hard as it may seem i dont think its possible even for me to make the same mistake twice
Dont correct it but just advise.

Many thanks and good night i mean morning.

[coothead]

Hi there theremotedr,

Preamble

I started coding in 2003 and I used "Windows notePad" which came "in-the-box".
It was simple and did the job.
What I typed was what I got.
It did not examine my code or point out errors.
For me, as a beginner this was ideal.
If I made a mistake I had to find it myself.
Making errors and correcting them made my coding skills stronger.
During this early period I discovered coding forums.
The idea of helping others appealed to me.
So I started trying to solve their coding problems also.
These exercises made my coding skills stronger.
Some coding errors were very difficult to locate.
I discovered a tool that would help - https://validator.w3.org/
For me these two tools were all that I needed to produce solid workable code.
A year or so ago I did find that "Windows notePad" had one serious flaw.
It could note save a file as UTF-8 without BOM.
So I added Notepad++ to my toolbox.

If I had started with "Dreamweaver", then I probably would not be coding today.

End Preamble

Can you send a screen shot of where the problem is...

No, that would not help as eyes don't easily spot the errors

Instead I can do better than that, my reliable tool will point them out to you...

Validation results for theremotedoctor.co.uk/accbmw.html

coothead

[theremotedr]

Hi there theremotedr,

Preamble

I started coding in 2003 and I used "Windows notePad" which came "in-the-box".
It was simple and did the job.
What I typed was what I got.
It did not examine my code or point out errors.
For me, as a beginner this was ideal.
If I made a mistake I had to find it myself.
Making errors and correcting them made my coding skills stronger.
During this early period I discovered coding forums.
The idea of helping others appealed to me.
So I started trying to solve their coding problems also.
These exercises made my coding skills stronger.
Some coding errors were very difficult to locate.
I discovered a tool that would help - https://validator.w3.org/
For me these two tools were all that I needed to produce solid workable code.
A year or so ago I did find that "Windows notePad" had one serious flaw.
It could note save a file as UTF-8 without BOM.
So I added Notepad++ to my toolbox.

If I had started with "Dreamweaver", then I probably would not be coding today.

End Preamble


No, that would not help as eyes don't easily spot the errors

Instead I can do better than that, my reliable tool will point them out to you...

Validation results for theremotedoctor.co.uk/accbmw.html

coothead

That explains a bit because i use this but shows a differenr page that what you supplied.
So i do actually use the W3 link but then its the wrong one,se image

[coothead]

Hi there theremotedr,

this...

https://validator.w3.org/i18n-checker/

...is not a code validator whereas...

https://validator.w3.org/

...is.

If you are using Chrome or Firefox for code testing, then I would suggest that you get this extension/add-on...

Web Developer

...it has many invaluable tools, including HTML and CSS validation, both local and external.

When I code I don't wait until I have finished a document to check the code for errors.

I always do it as I proceed which is much easier.

coothead

[theremotedr]

Hi,
Ive added that plug in,thanks.

Now looking at this https://validator.w3.org/nu/?doc=htt...to%3Dselection

First on the list is,

<nav id="topnav" role="navigation">

I copy it from your Audi file you sent ,changed and uploaded but still see the problem ?

Another thing would be if i am following the txt doc you sent why am i having all the issues,im not saying obviously its you BUT why am i facing this issues.
I dont say 5 pages last night and each page was the same.
Using this add on i dont want to edit here & there, i need to find out why at first what im doing is wrong.

This is where i come unstuck,i went to be at 4am this morning.

[coothead]

Hi there theremotedr,

Warning: The navigation role is unnecessary for element

As it says, it is a just a warning, leave role="navigation" in or remove it.

Why did you put it in, what purpose do you think it serves?

If you don't know remove it, I do every time that I validate your code.

As for the items marked as error the validator is saying
that your coding is either totally incorrect or bad.

These issues must be addressed no argument.

If a page has a functional problems, it can be because of coding and/or methodology.

Validation helps to isolate the problem.

If your coding journey had been, in a way similar to mine, you would now possess a
much better understanding of coding methodology.

Unfortunately, considering "Dreamweaver" to be coding asset was your major mistake.

coothead

[theremotedr]

Hi,
I will be honest,i am finding this really hard.
role="navigation" now removed

To make it easier for me ive just copied the code from the audi on to "x" amount of pages regardless if they are bmw ford etc & then tomorrow i will edit the mobile code correctly.

Here is one page for you to look at please http://www.theremotedoctor.co.uk/acc...llto=selection
Just checked this page on the phone and even though just by eye it looks ok the click to rotate does not function.

[coothead]

Hi there theremotedr,

a brief look at your HTML indicates that the document is missing this...

<script src="js/mobileoptions/mobileOptions.js"></script>

coothead

[theremotedr]

Sorry about that,
I didnt put it in all the pages originally as some didnt require it,i changed my mind and now forgot to add it.

A couple of questions please.

I have noticed something would the click sound.
It sounds / feels like you must wait for the click to make the sound before pressing the button again,makes sense ?
If you say press click click click click click you dont hear the sound for each press.
Whether the sound file is to long or not im not sure but need to look.
Failing that can anything be put in place or how do we tackle it ?


As im doing this edit bit by bit & correcting it as i go,not being a full shilling i can only see its working when i upload.
Obviously everyone else can then see my work in progress which doesn't look good for my page etc or me "ha ha" so can i view a page before its uploaded for real.
Like a demo version of what will happen etc for when i do upload it.
Do you know of such site where you could select say Firefox Chrome Ipad etc etc ?

Thanks for the help once again & off to be now,4am is starting to remind me.......

[coothead]

Hi there theremotedr,

I forgot to mention that I amended the script, a day or two ago, to reset
the audio after each click.

Check out the attachment for the amended file.

You do not have to upload a file to your site to view it.

If the file has this...

<base href="http://www.theremotedoctor.co.uk/">

...in it, then it can be viewed locally in your Chrome or Firefox browser.

I use Firefox for my initial testing because it has "Responsive Design Mode"
as an extremely useful built-in tool.

This enables me to see how a page might appear on a mobile device.

I notice that you have not removed hspace="5" from here...

http://www.theremotedoctor.co.uk/accnissan.html

Their removal has been accounted for with this...

footer img {
    margin: 0 0.1em;
 }

...in your "latestChanges.css" file.