• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Liutauras Vilda
  • Junilu Lacar
  • Jeanne Boyarsky
  • Bear Bibeault
Sheriffs:
  • Knute Snortum
  • Tim Cooke
  • Devaka Cooray
Saloon Keepers:
  • Ron McLeod
  • Stephan van Hulst
  • Tim Moores
  • Tim Holloway
  • Carey Brown
Bartenders:
  • Piet Souris
  • Frits Walraven
  • Ganesh Patekar

how to get an image by .css file using .ftl(freemarker template)

 
Greenhorn
Posts: 5
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I cannot get any image files on the web page using the .ftl with .css file where specified the path of image as backgoung.

My directory structure of dynamic project is
|_src
|_webcontent
\(webcontent)\META-INF
\webcontent)\WEB-INF
|_WEB-INF\
|_WEB-INF\templates
|_WEB-INF\templates_common.ftl
|_WEB-INF\templates\default.css
|_WEB-INF_images\img01.jpg
web.xml
e.g.
<#macro page title>
<html>
<head>
<title>IPWS Administration - ${title?html}</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="WEB-INF/templates/default.css" media="screen" />
</head>
<body>
<!-- start header -->
<div id="header">
<div id="logo">
<h1>IPWS Administration</h1>
<p1>Ingram Digital Group</p1>
</div>
</div>
<!-- end header -->
<#nested>
<div id="footer">
<p>Ingram Digital Group  •  IPWS Administration  •  <a href="http://www.freecsstemplates.org/">Extended CSS Template</a></p>
</div>
</body>
</html>
</#macro>

.css
#logo {
float: left;
height: 120px;
margin-left: 10px;
background: url("images/img01.jpg") no-repeat left center;
}

In default.css, I used backgound:url(images/img01.jpg)
Even though I tried to move \images\ directory into same level as WEB_INF directory, I was not seeing any images on the web browser. however, i was getting other css's nforamtion except the images. I don't understand why I cannot load any images.

Please adivse me to see the image on the web page.

Thanks,


 
It is sorta covered in the JavaRanch Style Guide.
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!