To start with, I need a formatted html/ css page (template) with an optimized layout for smartphone. Especially dynamically adapting the web page layout to the proper size ( for resolution 320 pixel or 480 pixel width in portrait mode).
"All" I want for the moment is the layout for a list. I have attached a png image file with a mock-up layout how the list should appear on a smart phone display - this way it might be easier to get the picture and hopefully is more clear what I am talking about.
I need to access the layout (css formatting - no html tables!) of this web page with php in order to produce the list. The php is needed for the data shall be delivered from a database. Again, the list output should look as shown in the png image.
I have realized a "simple" layout with jquery mobile for an similar page. But I am not certain if jquery mobile is an option, because I want to use the full width of the page - and actually I need someone
who is able to realize this somewhat more complex layout. Also, I am not familiar with jquery mobile.
The typeface, the font sizes for the different text areas and the icon style images will be specified later on, as well as an thorough full description (if necessary) will be delivered in the second step.