Click to call moves with page when it should be fixed.

**molendijk** · 01-30-2016, 10:27 PM

The validator does not correct invalid code, it just points out where the errors are in order to allow you to correct them. But yes, you can only correct them if you understand the code you're using. That might be the issue here (?).

**theremotedr** · 01-30-2016, 10:28 PM

There was a box which you could tick to show you how to write it correctly.
If you didn't tick the box then the screen would just show line error etc.

**Beverleyh** · 01-30-2016, 10:38 PM

Can't say I ever saw that option, although I did/do use the tick box for showing the source so that you can pinpoint errors more easily.

**molendijk** · 01-30-2016, 11:00 PM

Beverleyh, I agree. That option isn't there.

**theremotedr** · 01-30-2016, 11:07 PM

Correct.
Isn't there now but it used to be.

**Beverleyh** · 01-31-2016, 09:47 AM

I think you might be referring to the HTML Tidy option that is still available for the old HTML4/XML validator. It isn't included in the HTML5 validator - this explanation from the History section of the HTML Tidy website sheds some light as to why;

In 2015 a group of concerned developers, users, and software integrators formed HTACG with the goal of revitalizing Tidy, which had fallen into a non-maintained state. As a W3C Community Group, HTACG was deemed worthy by the W3C, and W3C passed ownership of their project to HTACG, where it is currently being developed and prepped for a new, stable, and modern release.

So a version for "modern code" has passed ownership and is currently in development. Maybe it will be (re)integrated into the W3C validator for HTML5 sometime in the future. In the meantime, there are other online tidy-up services for HTML5 so hit Google to find one you like.

**coothead** · 01-31-2016, 02:42 PM

Hi there theremotedr,

this...

Code:


</body>
</html>
<div class="callme">
<a href="tel:07899827427"><img src="http://www.theremotedoctor.co.uk/m-images/dr-phone-logo.png" width="750" height="80" ></a>
</div>

...should be...

Code:


<div class="callme">
<a href="tel:07899827427"><img src="http://www.theremotedoctor.co.uk/m-images/dr-phone-logo.png" alt=""></a>
</div>
</body>
</html>

...and this...

Code:


@media screen and (min-width:300px){
	@media screen and (max-width:1024px){
	.callme {
	display:block;
	background: #0099ff;
	border-top:2px solid #FFFFFF;
	padding: 2px;
	height:80px; 
	position:fixed; 
    right: 1px;
    left: 1px;
	bottom:-5px;
	text-align:center;
    center 5px:
	no-repeat #0099ff;
	text-decoration:none;
	}

...should be...

Code:


@media screen and (max-width:300px){
.callme {
    display:block;
    background:#09f;
    border-top:2px solid #fff;
    padding:2px;
    position:fixed; 
    right:1px;
    left:1px;
    bottom:0;
  }
 }

...and this...

Code:


<a href="tel:07899827427">

...I don't know what it should be, but it is obviously not an href.

coothead

**styxlawyer** · 01-31-2016, 03:04 PM

... and, despite all the previous posts I have made on this, your page still contains two calls to different jQuery libraries! One on line 33 and one on line 319.

You really need to decide which jQuery library you actually want to use and delete the other call.

**theremotedr** · 01-31-2016, 04:13 PM

I now have it working with a bit of help from you all.
Beverleyh,iI will look at that later.

Styxlawyer,As the site is working how i would like it i dont wish to delete the jQuery you mention.
1, Because i dont know which one to delete.
2, Site is working ok with both there.
3, Dont wish to rectify a fault not knowing where to start.
I know this is the wrong approach but its working so i would like to leave it how it is.

Coothead, I used a little of the code you advise nut no all of it.
I dont wish to see the blue phone call me bar on the pc only phones / tablets.
The a href you mention is my contact number.
When the call me is clicked my phone number is then called.
I didnt know another way for it to work, also hence why i dont want the call me to be shown on the pc and it wont phone me.

Thanks for all the help.