Webbrowser and images

  • Thread starter Thread starter badzio
  • Start date Start date
B

badzio

Hi,

it seems that webbrowser ignores attributes width/height for <img/>
I've page contains:
<img src="http://someserver/somepicture.jpg" width="216" height="36"
style="border: 0px"/>
on device/emulator with 'low' resolution (240x320) this picture looks
fine. On device/emulator with 'high' resolution (for example emulator
vga 480x640) this picture is rescalled to bigger one, looks terrible
(piksels are visible) and it's too big.
It's webbrowser control from cf .net 2.0
(System.Windows.Forms.WebBrowser)
The same situation is if I open this page in PIE.
It's emulator for Windows Mobile 6.0 Professional.
It doesn't matter if I load html directrly to .DocumentText or
do .Navigate() to local/remote html file

Any idea how to fix it? It means - how to create html which is
properly displayed by PIE
 
Hi,

it seems that webbrowser ignores attributes width/height for <img/>
I've page contains:
<img src="http://someserver/somepicture.jpg" width="216" height="36"
style="border: 0px"/>
on device/emulator with 'low' resolution (240x320) this picture looks
fine. On device/emulator with 'high' resolution (for example emulator
vga 480x640) this picture is rescalled to bigger one, looks terrible
(piksels are visible) and it's too big.
It's webbrowser control from cf .net 2.0
(System.Windows.Forms.WebBrowser)
The same situation is if I open this page in PIE.
It's emulator for Windows Mobile 6.0 Professional.
It doesn't matter if I load html directrly to .DocumentText or
do .Navigate() to local/remote html file

Any idea how to fix it? It means - how to create html which is
properly displayed by PIE
Click to expand...

I've found http://msdn.microsoft.com/en-us/library/dd938878.aspx
And checked again... actually width/heigh attributes for <img/> are
somehow recognized but for emulator vga (480x640) still picture is too
big.

This is my sample html:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://
www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
<html>
<head>
<meta name="mobileoptimized" content="480" />
<meta name="viewport" content="480, height=640, initial-scale=1.0">
<style type="text/css">body,html{ margin: 0px; padding:0;}
</style>
</head>
<body>
<img style="width: 128px; height: 128px" src="http://
t0.gstatic.com/images?q=tbn:Tu7E2u0Bsm7UWM:http://c3.wrzuta.pl/
wm18946/2f5d1dc7000cf7de49c637bf/big_l_-_the_big_picture_2000"
width="128" height="128" style="border: 0px"/></a>
</body>
</html>

it looks fine on destkop and emulator 240x320. on emulator vga it
looks terrible
 
Back
Top