python cherrypy: serve css file

Question

I'm using webfaction as a webhost. I'm trying to serve my cherrypy application a css file but something isn't working. I've got my python application in

home/webapps/spotipy

and my css file in

home/webapps/spotipy/css

At the top of my python code I've got

#!/usr/local/bin/python3.2
import cherrypy

class Root(object):
    @cherrypy.expose
    def index(self):

        return '''<html> 
                  <head>
                    <title>Spoti.py</title>
                    <link rel="stylesheet" href="css/my_css.css" type="text/css" />
                  </head>
                  <p> hi </p>

                  <body>
                  <p> hi joey </p>
        %s
        </body></html>''' %text

And this at the bottom

cherrypy.quickstart(Root(),config={

        '/css':
        { 'tools.staticdir.on':True,
          'tools.staticdir.dir':"home/webapps/spotipy/css"
        },
        '/my_css.css':
        { 'tools.staticfile.on':True,
          'tools.staticfile.filename':"home/webapps/spotipy/css/my_css.css"
        }
    })

What exactly do you mean by "something isn't working"? I guess you get 404 while serving css, am i right? — zero323
– zero323, Commented Sep 15, 2013 at 20:52
Sorry, I wasn't very specific. I get no error. Its just that none of my formatting contained in the my_css.css file is applied to the website. — natsuki_2002
– natsuki_2002, Commented Sep 15, 2013 at 20:58

Ozan · Accepted Answer · 2015-09-05 10:50:32Z

2

This is a complete working example below in addition to zero323 answer. Change the shebang and run it in your /home/webapps/spotipy directory. If it does not work, there may be browser cache issue so refresh your page with Ctrl+F5. You can check if the css file is loaded correctly by pressing Ctrl+U to see the page source and click to see the pointing css links. If everything seems normal and still your css file does not apply on your page, it may be a css issue.

#!/usr/bin/python
import os
import cherrypy

class Root(object):
    @cherrypy.expose
    def index(self):
        text="dummy text"
        return '''<html> 
                  <head>
                    <title>Spoti.py</title>
                    <link rel="stylesheet" href="/css/my_css.css" type="text/css" />
                    <link rel="stylesheet" href="/joey_css.css" type="text/css" />
                  </head>
                  <p> hi </p>

                  <body>
                  <p> hi joey </p>
        %s
        </body></html>''' %text

conf={"/css": {"tools.staticdir.on": True,
               "tools.staticdir.dir": os.path.abspath("./css"),},
       '/joey_css.css':
                    { 'tools.staticfile.on':True,
                      'tools.staticfile.filename': os.path.abspath("./css/my_css.css"),
                    }
               }

cherrypy.quickstart(Root(),config=conf)

answered Sep 5, 2015 at 10:50

Ozan

1,0841 gold badge9 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tim Seed Over a year ago

Many thanks for a complete solution. It works well still in 2021 !

zero323 · Accepted Answer · 2013-09-15 20:57:17Z

1

Try using absolute paths instead of relative. I suppose you are messing things up by trying to access home/webapps/spotipy/css. Try this in config:

cherrypy.quickstart(Root(),config={

        '/css':
        { 'tools.staticdir.on':True,
          'tools.staticdir.dir': "/home/webapps/spotipy/css"
        },

        '/joey_css.css':
        { 'tools.staticfile.on':True,
          'tools.staticfile.filename': "/home/webapps/spotipy/css/my_css.css"
        }
    })

and this in html:

<link rel="stylesheet" href="/css/my_css.css" type="text/css" />

answered Sep 15, 2013 at 20:57

zero323

331k108 gold badges982 silver badges958 bronze badges

2 Comments

natsuki_2002 Over a year ago

sorry, not working still. I even fixed the mistake. it says joey_css when it should be my_css

natsuki_2002 Over a year ago

sorry, nothing yet :(

Collectives™ on Stack Overflow

python cherrypy: serve css file

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related