Choosing font size for a web form

I am building some Web forms with ms-access. For the most part the fidelity of the form inside of ms-access and the same form when published to the web and run from开发者_Python百科 a web browser looks very good.

However I the problem is with some list boxes. Here is a screen shot of the client form.

And, then the same form when published to Access Web services.

The form when run in a browser looks better sized then in the access client. The font I am using for the 4 list boxes (time picker) is "MS Sans Serif", point size 8.

As the two screen shots show, the 2 form in a web browser looks quite different. I sized the list boxes larger then needed in the client side to get the good looking results in the web browser.

I would rather size the form in the client to much like this screen shot:

It certainly possible that I might have to live with this size and rendering difference. I am wondering if anyone has any suggestions in regards to picking a different font that might improve this situation? I included the SharePoint tag in this question since Access Web services does run on SharePoint. Perhaps there is some Web Server settings I don't know about that might improve this situation?

I tried about 10 different of the most common fonts (Calibri, Arial, Times New Roman etc.) and the sizing issue did not really improve much.

I am new to the web world so issues like what font to choose or what a long time web developer would choose in this case is much breaking new ground for me.

Is there a particular font (and size) that would be a better choice for those 4 list boxes? Or am I wasting my time looking at fonts and hould e looking else where such as anchoring of controls etc.?

---

This is not really a font issue, but a styling issue. Unfortunately, if you are new to the web, you have managed to get dropped into a rather complicated corner of. With Access publishing web pages hosted in SharePoint, it is about as complicated as it gets CSS/HTML styling wise.

So, debugging what is going on is pretty hard without access to the particular html and css used to render this page. Even then there is no guarantee that there is going to be an easy solution.

Your first port of call should be installing the Internet Explorer Developer Toolbar, this will allow you to inspect the html rendered on that part of the page and attempt to change the styling applied to different tags.

While learning this stuff is not going to be a waste of time, it will take a huge amount of time to get the hang of.

Over all I would recommend just living with it until you have some CSS knowledge available to help out.