Mailing-List: contact users-help@tomcat.apache.org; run by ezmlm
Precedence: bulk
Reply-To: "Tomcat Users List" <users@tomcat.apache.org>
Received-SPF: pass (nike.apache.org: domain of knst.kolinko@gmail.com
 designates 209.85.216.173 as permitted sender)
MIME-Version: 1.0
In-Reply-To: <BCBB4A2D-2EF6-48CB-B023-4A336D4021FB@rampageinc.com>
References: <BCBB4A2D-2EF6-48CB-B023-4A336D4021FB@rampageinc.com>
Date: Tue, 20 Sep 2011 17:09:40 +0400
Message-ID: 
 <CABzHfVnaUrYwSv2VDszVvGrViy-3+zi_UJFNcGxZcBq5nqKgZw@mail.gmail.com>
Subject: Re: Links in CSS vs JSPs
From: Konstantin Kolinko <knst.kolinko@gmail.com>
To: Tomcat Users List <users@tomcat.apache.org>
Content-Type: text/plain; charset=windows-1252
Content-Transfer-Encoding: quoted-printable

2011/9/18 Patrick Flaherty <pflahrty@rampageinc.com>
>
> Hi,
>
> We have just changed the way we deploy our webapp. We previously were put=
ting our app into the ROOT folder under webapps=A0, not good I know.
> We now package the app as a war file called=A0myapp.war=A0and place it in=
to the webapps folder where it explodes into a folder called=A0myapp. Every=
thing
> works except for one thing. Our app has the option to let the user change=
 the look & feel of the web app using predefined skins which we store in a
> folder called=A0templates=A0inside the=A0myapp=A0folder. Inside the=A0tem=
plates folder=A0are the folders that represent all the various skins (skin1=
, skin2 etc ..).
> These skin folders contain all the jsps, the css file and images that rep=
resent the content of each skin.
>
> Here=92s the problem which is easily remedied but I want to know why. Let=
 me explain. All the skins work except=A0image references in the style shee=
t (css)
> cannot be found. Yet images referenced in the jsps are found ! The refere=
nces to the images begin with the url /templates/skin1/images/image1.png in=
 both the
> css case and the jsp case. Now to fix the problem I change the url in the=
 style sheet by adding my app name in front (i.e.=A0/myapp/templates/skin1/=
images/image1.png)
> and this fixes the problem.
>
> I have no problem with changing this and it=92s even logical. I=92m just =
trying to understand why this only has presented a problem with links in th=
e css and not the jsps.
> In firebug the reference to images already have=A0my app name=A0prepended=
 to the images automatically. (i.e.=A0/myapp/templates/skin1/images/image2.=
png) YET the jsps=92
> references only begin the url /templates/skin1/images/image1.png (no prep=
ended app name)

1. Isn't it "templates/skin1/images/image1.png" in JSPs?
(Without leading "/", thus relative to the current page and not to the
root of the web server).

How do you print those links in JSPs? (Hard-coded, or you are using
some tag or API calls?)

2. How do you write the URLs in your css files?

Read the official CSS spec from W3C on how relative links in css files
are resolved. In CSS 2.1 it is in ch.4.3.4. Citing:
"For CSS style sheets, the base URI is that
of the style sheet, not that of the source document."

Best regards,
Konstantin Kolinko

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tomcat.apache.org
For additional commands, e-mail: users-help@tomcat.apache.org