Jump to content

Issues with display of text within tables on mobile


Roxanne

Recommended Posts

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

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

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

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

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...