Re: [Zope] ZPT and CSS

1 Dec 2003


      move your link down into the header macro section and see if it works then. 
I think what might be happening is that your "head" macro is not being 
pulled into the generated page at all. You should be able to view source and 
see if the link is even showing up in the page and if it is if maybe another 
style sheet comes after it that throws things off.

I can say that CSS does work in ZPT because I use it every day.
...
From: Andre Meyer <a.meyer@hccnet.nl>
To: Zope Mailing List <zope@zope.org>
CC: Tino Wildenhain <tino@wildenhain.de>
Subject: Re: [Zope] ZPT and CSS
Date: Sun, 30 Nov 2003 23:48:53 +0100
MIME-Version: 1.0
Received: from mc8-f26.hotmail.com ([65.54.253.162]) by mc8-s6.hotmail.com 
with Microsoft SMTPSVC(5.0.2195.6713); Sun, 30 Nov 2003 14:48:53 -0800
Received: from mail.python.org ([12.155.117.29]) by mc8-f26.hotmail.com 
with Microsoft SMTPSVC(5.0.2195.6713); Sun, 30 Nov 2003 14:49:21 -0800
Received: from localhost.localdomain ([127.0.0.1] helo=mail.python.org)by 
mail.python.org with esmtp (Exim 4.22)id 1AQaNB-00033g-S5; Sun, 30 Nov 2003 
17:49:01 -0500
Received: from smtp.hccnet.nl ([62.251.0.13])by mail.python.org with esmtp 
(Exim 4.22) id 1AQaN6-00033B-Lpfor zope@zope.org; Sun, 30 Nov 2003 17:48:56 
-0500
Received: from [10.0.0.13] by smtp.hccnet.nlvia fia27-95.dsl.hccnet.nl 
[62.251.95.27] with ESMTPid hAUMmsgt003932 (8.12.10/2.03); Sun, 30 Nov 2003 
23:48:54 +0100 (MET)
X-Message-Info: pdGgd64Ckwb64bDCBiLbou2ARrp6rGbVBWG9E59sdxI=
In-Reply-To: <3FCA3C4A.7070300@wildenhain.de>
References: 
<1070188751.13695.4.camel@localhost.localdomain><3FC9EB73.4020703@wildenhain.de><1070215826.13695.16.camel@localhost.localdomain><3FCA3C4A.7070300@wildenhain.de>
Message-Id: <1070232533.13695.20.camel@localhost.localdomain>
X-Mailer: Ximian Evolution 1.4.5 (1.4.5-7) X-Spam-Status: OK (zopelist 
0.000)
X-BeenThere: zope@zope.org
X-Mailman-Version: 2.1.3
Precedence: list
List-Id: Users of the Z Object Publishing Environment <zope.zope.org>
List-Unsubscribe: 
<http://mail.zope.org/mailman/listinfo/zope>,<mailto:zope-request@zope.org?subject=unsubscribe>
List-Archive: <http://lists.zope.org/pipermail/zope>
List-Post: <mailto:zope@zope.org>
List-Help: <mailto:zope-request@zope.org?subject=help>
List-Subscribe: 
<http://mail.zope.org/mailman/listinfo/zope>,<mailto:zope-request@zope.org?subject=subscribe>
Sender: zope-bounces@zope.org
Errors-To: zope-bounces@zope.org
Return-Path: zope-bounces@zope.org
X-OriginalArrivalTime: 30 Nov 2003 22:49:22.0038 (UTC) 
FILETIME=[321E1160:01C3B794]
Something else must be wrong here.
It works find as long as the style information is inside the zpt page,
but referring to an external css file does not work for me. I found
quite some references that this is not possible with zpt, only with
dtml. Others claim it can be done. What is the secret behind doing this?
On Sun, 2003-11-30 at 19:51, Tino Wildenhain wrote:
...
Hi Andre,
Andre Meyer wrote:
...
Dear Tino
Thanks for your answer. I did indeed expect normal HTML and ZPT/Zope
generate HTML to behave the same. However, when I open the same HTML
file using "Open File..." in Mozilla it displays correctly using the 
CSS
file which is in the same folder 
(~/zope/lib/python/Products/mlib/zpt).
When I view this same HTML file through Zope
(http://localhost:8080/music/index_html) it does not use the CSS file.
Viewing both sources in Mozilla reveals that Zope inserts a base tag.
That results in Mozilla not finding the CSS file.
How can this be prevented? Or what is the right way to do it?
As I said: you give a full qualified path to the resource,
e.g. <link rel="stylesheet" type="text/css" href="/mlib/zpt/mlib.css"/>
This is always recommended because Zope is not a regular file based
web server but an object publisher!
Regards
Tino Wildenhain
...
Here is what I have so far:
~/zope/lib/python/Products/mlib/zpt/index_html.zpt
==============
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head metal:define-macro="head">
      <link rel="stylesheet" type="text/css" href="mlib.css"/>
      <title>Music Library</title>
  </head>
  <body bgcolor="white">
      <div metal:define-macro="header">
      	<table border="0" cellspacing="0" cellpadding="6"
width="100%"><tr><td bgcolor="#a0a0ff"><h1
tal:content="here/title_or_id">Title</h1></td></tr></table><br/>
      </div>
...
==============
~/zope/lib/python/Products/mlib/zpt/mlib.css
==============
h1
{
  background-color: yellow;
  color:  #666699;
  text-decoration: blink;
}
table
{
  background-color: red;
}
...
On Sun, 2003-11-30 at 14:06, Tino Wildenhain wrote:
...
Hi Andre,
Andre Meyer wrote:
...
Hi Zopers
Trying to improve my ZPT pages I wanted to make use of Cascading
Style
...
...
...
Sheets (CSS). While the styles in my CSS file are properly rendered 
when
I open the HTML file directly in the browser (Mozilla 1.4.1) they
completely disappear when I view the same page through Zope!!!
What is Zope doing? May it be that the CSS cannot be located because 
of
the base url inserted by Zope?
Beside possible and intended by you manipulations of the HTML
structure by means of TAL there is no difference between
The HTML you put in and the HTML you get out.
After all, you can use "view source" in your web browser to check.
As for links to embedded resources (images, scripts, styles)
you would preferably use root-relative links. That is:
links starting with /
Its not because it would not work - since it would work
with relative links quite well - you avoid multiple
versions appear in caches because of Zopes
acquisition.
So, just check what you put in and what you really get back.
See if the mime-type of your CSS file is correct or
change it otherwise.
We all use CSS with Zope since its definitively the way to go :)
Regards
Tino Wildenhain
_______________________________________________
Zope maillist  -  Zope@zope.org
http://mail.zope.org/mailman/listinfo/zope
**   No cross posts or HTML encoding!  **
(Related lists -
 http://mail.zope.org/mailman/listinfo/zope-announce
 http://mail.zope.org/mailman/listinfo/zope-dev )
_________________________________________________________________
Is there a gadget-lover on your gift list?  MSN Shopping has lined up some 
good bets!  http://shopping.msn.com

Michael Havard

tags

participants (1)