As a workaround i tried storing the image in app_images folder in sdcard and trying to provide the url of that path. But still the issues exists. Is there any other work around possible??
And do you have any clue On Nov 11, 5:18 pm, Daniel Drozdzewski <daniel.drozdzew...@gmail.com> wrote: > Sunil, > > You should not have developed your http server, but utilise some OSS > project that does that. > Your links to images or any other resource are relative to the context > of that web page (or web application) running within your web server. > > wwwroot > - websiteA > -images > -topWrapper-bg.jpg > - ... > -css > -javascript > - websiteB > - websiteC > -index.html > > To achieve this, your server has to do translation from URL > 'images/topWrapper-bg.jpg' to a file path within your storage > '/yourstorage/yourwebserver/wwwroot/webisteA/images/topWrapper-bg.jpg'. > > Without this, you are dead in the water. > > Just use ready, mature and testes OSS HTTP server written in Java. > > Here is one option. Just package it into your application. It is only 4kB: > > http://www.jibble.org/miniwebserver/ > > Daniel > > On 11 November 2011 11:27, Sunil Mishra <suniljmis...@gmail.com> wrote: > > > > > > > > > I tried changing background-image:url('images/css/topBanner.jpg') to > > background-image:url(file://android_asset/raw/images/css/ > > topBanner.jpg' ) but it still not working. > > > On Nov 11, 4:20 pm, Miguel Morales <therevolti...@gmail.com> wrote: > >> They sure are. > > >> On Fri, Nov 11, 2011 at 3:14 AM, Sunil Mishra > >> <suniljmis...@gmail.com>wrote: > > >> > The images are in res->raw->images->css > > >> > On Nov 11, 3:38 pm, Miguel Morales <therevolti...@gmail.com> wrote: > >> > > That's better, most likely you'll want to put your html/images in the > >> > > res > >> > > folder and then user the following path: > > >> > > file://android_asset/file_path.png > > >> > > If you are downloading these files dynamically, then simply change the > >> > > file:// path. > > >> > > On Fri, Nov 11, 2011 at 2:30 AM, Sunil Mishra <suniljmis...@gmail.com > >> > >wrote: > > >> > > > home.html > > >> > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > >> > > > "http:// > >> > > >www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> > > >> > > > <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en"> > >> > > > <head> > >> > > > <title>ODMS</title> > >> > > > <meta http-equiv="Content-Type" content="text/html; > >> > > > charset=utf-8" /> > >> > > > <style type = "text/css"> > >> > > > html { > >> > > > background: #d2d2d2; > >> > > > margin:0 0 0 -1px; > >> > > > padding:0; > >> > > > overflow-Y: scroll; > >> > > > } > > >> > > > body { > >> > > > padding:0; > >> > > > margin :0; > >> > > > display:table; > >> > > > width:100%; > >> > > > } > > >> > > > body { > >> > > > color:#606060; > >> > > > font-family: 'Trebuchet MS', sans-serif; > >> > > > font-size: 13px; > >> > > > font-style: normal; > >> > > > font-weight: normal; > >> > > > text-transform: normal; > >> > > > } > > >> > > > p { > >> > > > letter-spacing: normal; > >> > > > line-height: 1.7em; > >> > > > } > > >> > > > h1 { > >> > > > color:#505050; > >> > > > font-size:22px; > >> > > > margin:25px 0 10px 0; > >> > > > clear:both; > >> > > > } > > >> > > > h2 { > >> > > > color:#505050; > >> > > > font-size:20px; > >> > > > margin:20px 0 10px 0; > >> > > > clear:both; > >> > > > } > > >> > > > h3 { > >> > > > color:#505050; > >> > > > font-size:18px; > >> > > > margin:20px 0 5px 0; > >> > > > clear:both; > >> > > > } > > >> > > > a:link, a:visited { > >> > > > color:#9B251B; > >> > > > text-decoration:none; > >> > > > } > > >> > > > a:hover { > >> > > > color:#fa720a; > >> > > > text-decoration:underline; > >> > > > } > > >> > > > #wrapper { > >> > > > background: transparent url( images/css/page-vbg.jpg ) > >> > > > repeat-y > >> > > > scroll 50% 0px; > >> > > > margin:0 auto ; > >> > > > width:100%; > >> > > > } > > >> > > > body { > >> > > > background-color:#d2d2d2; > >> > > > } > > >> > > > #wrapper { > >> > > > border-top: 1px solid #ffffff; > >> > > > } > > >> > > > #topWrapper { > >> > > > width:100%; > >> > > > height:240px; > >> > > > background-color:${topWrapper.bg.color}; > >> > > > background-image:url(images/css/topWrapper-bg.jpg); > >> > > > background-position:center top ; > >> > > > background-repeat:repeat-x; > >> > > > } > > >> > > > #topBanner { > >> > > > width:960px; > >> > > > margin:0 auto; > >> > > > height:240px; > >> > > > background-image:url('images/css/topBanner.jpg'); > >> > > > background-repeat:no-repeat; > >> > > > } > > >> > > > #topnav { > >> > > > background:transparent url('images/css/hmenu.jpg') repeat-x > >> > > > top > >> > > > left; > >> > > > } > > >> > > > #topnav { > >> > > > height:40px; > >> > > > margin:0 auto ; > >> > > > text-align:center; > >> > > > } > > >> > > > #topnav ul { > >> > > > display:table; > >> > > > margin:0 auto; > >> > > > padding:0; > >> > > > list-style-type:none; > >> > > > position:relative; > >> > > > height:40px; > >> > > > text-transform:uppercase; > >> > > > font-size:12px; > >> > > > font-family:Arial,sans-serif; > >> > > > } > > >> > > > #topnav ul li { > >> > > > display:block; > >> > > > float:left; > >> > > > margin:0; > >> > > > padding:0; > >> > > > background:transparent url('images/css/hmenu.jpg') repeat-x > >> > > > top > >> > > > left; > > >> > > > } > > >> > > > #topnav ul li a { > >> > > > display:block; > >> > > > float:left; > >> > > > color:#eeb7b7; > >> > > > text-decoration:none; > >> > > > padding:0px 50px ; > >> > > > line-height:40px; > >> > > > font-weight:bold; > >> > > > } > > >> > > > #topnav ul li a:hover, #topnav li#current a { > >> > > > color:#FFFFFF; > >> > > > background:transparent url('images/css/hmenu-sel.jpg') > >> > > > repeat-x > >> > top > >> > > > left; > >> > > > } > > >> > > > #topnav ul { > >> > > > width:960px; > >> > > > } > > >> > > > body { > >> > > > background-position : center 280px; > >> > > > } > > >> > > > #bg { > >> > > > margin:0 auto; > >> > > > padding:0; > >> > > > background:transparent ; > >> > > > background-image:url(images/css/hat.jpg); > >> > > > background-repeat:no-repeat; > >> > > > background-position: center top ; > >> > > > } > > >> > > > #header { > >> > > > margin: 0 auto; > >> > > > min-height:30px; > >> > > > height: 30px; > >> > > > width: 960px; > >> > > > } > > >> > > > #page { > >> > > > background: transparent url( images/css/page-bg.jpg ) > >> > > > no-repeat > >> > > > center top; > >> > > > } > > >> > > > #container { > >> > > > margin:0 auto; > >> > > > width:960px; > >> > > > } > > >> > > > #content { > >> > > > width:940px; > >> > > > margin:0 auto ; > >> > > > text-align:left; > >> > > > min-height:400px; > >> > > > } > > >> > > > #content p { > >> > > > text-align:justify; > >> > > > } > > >> > > > #footerWrapper { > >> > > > margin:0 auto; > >> > > > height:180px; > >> > > > padding:0; > >> > > > background:transparent url( images/css/footerWrapper-bg.jpg ) > >> > no- > >> > > > repeat scroll center top; > >> > > > } > > >> > > > #footer { > >> > > > margin:0 auto; > >> > > > padding:0; > >> > > > width:960px; > >> > > > height:100px; > >> > > > } > > >> > > > #footer { > >> > > > color:#CCCCCC; > >> > > > text-align:center; > >> > > > } > > >> > > > #footer a:link, #footer a:visited { > >> > > > color:#EEEEEE; > >> > > > } > > >> > > > #footer a:hover{ > >> > > > color:#FFFFFF; > >> > > > text-decoration:none; > >> > > > } > > >> > > > #right { > >> > > > width:200px; > >> > > > padding:10px 20px 20px 20px; > >> > > > float:left; > >> > > > } > > >> > > > #center { > >> > > > width:660px; > >> > > > padding:10px 20px 20px 20px; > >> > > > float:left; > >> > > > } > > >> > > > #content p { > >> > > > margin-top:10px; > >> > > > text-align:justify; > >> > > > } > > >> > > > #sidebar ul.vmenu { > >> > > > list-style: none; > >> > > > text-align: left; > >> > > > margin: 7px 0px 8px 0px; > >> > > > padding: 0; > >> > > > text-decoration: none; > >> > > > border-top: 1px solid #eeeeee; > >> > > > } > > >> > > > #sidebar ul.vmenu li { > >> > > > list-style: none; > >> > > > padding: 4px 0 4px 0px; > >> > > > margin: 0 2px; > >> > > > border-bottom: 1px solid #eeeeee; > >> > > > } > > >> > > > #sidebar ul.vmenu li a { > >> > > > text-decoration: none; > >> > > > color:#9B251B; > >> > > > } > > >> > > > #sidebar ul.vmenu li a:hover { > >> > > > color:#d8d8f0; > >> > > > } > > >> > > > #sidebar ul.vmenu ul { margin: 0 0 0 5px; padding: 0; } > >> > > > #sidebar ul.vmenu ul li { border: none; } > > >> > > > a img { > >> > > > border:none; > >> > > > } > > >> > > > .clear { > >> > > > clear: both; > >> > > > display: block; > >> > > > overflow: hidden; > >> > > > visibility: hidden; > >> > > > width: 0; > >> > > > height: 0; > >> > > > } > > >> > > > </style> > > >> > > > </head> > >> > > > <body> > >> > > > <!-- top wrapper --> > >> > > > <div id="topWrapper"> > >> > > > <div id="topBanner"></div> > >> > > > </div> > >> > > > <div id="topnav"> > >> > > > <ul> > >> > > > <li id="current" style="border:none"> > >> > > > <a href="" shape="rect">Home</a> > >> > > > </li> > > ... > > read more » -- You received this message because you are subscribed to the Google Groups "Android Developers" group. To post to this group, send email to android-developers@googlegroups.com To unsubscribe from this group, send email to android-developers+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/android-developers?hl=en
