Roxanne Posted January 20, 2017 Share Posted January 20, 2017 My website displays correctly on my PC, and it also displays without problems on my smartphone, except for a small amount of text on a couple of pages. I have not been able to figure out what is causing the display issue on smartphone. The issue is on these 2 pages: http://www.roxannedavisphotography.com/price_list.html http://www.roxannedavisphotography.com/wedding_price_list.html It is the section at the bottom of these pages under "Print prices"on the first page (price_list.html) and the section under "You can also purchase additional prints at the following rates:" on the second page (wedding_price_list.html) where it lists the prices for prints. For some reason, when viewed on a smartphone, just in this section of these pages the font is very small, and I have no idea why, or how to fix it. I would greatly appreciate any help with this. Thanks in advance! Link to comment Share on other sites More sharing options...
davej Posted January 20, 2017 Share Posted January 20, 2017 Try fixing the errors in the code... https://validator.w3.org/check?uri=http%3A%2F%2Fwww.roxannedavisphotography.com%2Fprice_list.html&charset=%28detect+automatically%29&doctype=Inline&group=0 Link to comment Share on other sites More sharing options...
Roxanne Posted January 20, 2017 Author Share Posted January 20, 2017 Try fixing the errors in the code... https://validator.w3.org/check?uri=http%3A%2F%2Fwww.roxannedavisphotography.com%2Fprice_list.html&charset=%28detect+automatically%29&doctype=Inline&group=0 I am obviously by no means a professional web designer. I did the best I could with the limited knowledge I have. My only concern is that my page is displaying correctly, with the exception of the problem I mentioned. I just want to know exactly what I can do to fix this specific problem on the specific section of the pages I mentioned. Link to comment Share on other sites More sharing options...
dsonesuk Posted January 20, 2017 Share Posted January 20, 2017 The problem is, you are use really obsolete coding 'font' tags and invalid unknown tags, which the validation points out, how are we to identfy the specific problem, when it could be any of those errors exposed by the validation. Link to comment Share on other sites More sharing options...
Roxanne Posted January 20, 2017 Author Share Posted January 20, 2017 Well, please forgive my ignorance, but it just seemed logical to me that the problem was probably something in that particular section of the coding since the rest of the page works fine, and it is odd to me that the problem occurs only when viewed on mobile. I tried looking through the specified errors, but honestly, with my limited knowledge, I can't make sense of most of what it is telling me, and so I would not even know where to begin to attempt to fix them. Link to comment Share on other sites More sharing options...
dsonesuk Posted January 21, 2017 Share Posted January 21, 2017 As far as I am concerned its TOO small all the way through the page, especially for a smartphone never mind a desktop, and the validation points to inline font-size: styling which is wrong, so any browser looking will try to interpret your invalid coding and styling the best IT CAN, but! Got it wrong, other smartphone browsers might get it right!, but it would help if it is correct in the first place. Also you say 'you can't make sense of what it is telling you' well luckily that's what the w3shools.com html, css tutorials are there for, lucky you. Link to comment Share on other sites More sharing options...
davej Posted January 21, 2017 Share Posted January 21, 2017 You should have zero errors. Your first errors are related to the fact that a meta tag doesn't like a closing slash... This is good... <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> This is bad... <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> The internet is filled with tutorials, references, and resources, or you could hire a local web-savvy teenager. http://www.w3schools.com/ Link to comment Share on other sites More sharing options...
funbinod Posted January 22, 2017 Share Posted January 22, 2017 the w3c validator says there are 71 errors in your page. one of them is in line 213. style="font-size: 14px; "margin-left: 25px; margin-right: 25px;" here is the closing double inverted comma (") in between the style attribute. try deleting this. and correct all other errors pointed by w3c validator. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now