Trap: semantic tags get their own styles

[internetlabor]

Hello developers,

just wanted to share a trap. I used semantic tags, like good web developers are doing.
I have used "h3" tag in my webapp, and gave them my own style in css.
It looked good in local preview, but spaces between things were totally different with the cloud preview (on probably also on the device)

After some time debugging this, I found what what is going on:

For semantic tags like h3, (probably others also), the cloud server invents its own styles, at least for margin-bottom and margin-top,
and ignores or overwrites the values I defined in my css file.
And it does not return the original tag, so debugging things like this is not so easy.
Probably this is a feature to give better results when displaying "normal" web pages. But for web app developers this a trap.

Resolution for me:
I added an extra class for h3, and styled this in the css.

Regards

Karsten Meier

[croozeus]

Thanks for sharing Karsten.

We've a FAQ for S40 Webapp on the wiki, you can always add such common workarounds there.
IMO, the FAQ would be the place other developers would first look for such general isssues.

Here's a link to the FAQ:
http://www.developer.nokia.com/Commu...web_apps_-_FAQ