Hey Everyone,
So I'm working on a website for a few friends who make music together and I
have a custom css file I'm trying to add and for some reason web2py isn't
loading it, or at least the styles in the file are not being applied. Here
are the details:
The file is called wholeteam.css
my layout.html where I tell it to import my css file looks like this:
<!-- include stylesheets -->
{{
response.files.insert(0,URL('static','css/web2py.css'))
response.files.insert(1,URL('static','css/bootstrap.min.css'))
response.files.insert(2,URL('static','css/bootstrap-responsive.min.css'))
response.files.insert(3,URL('static','css/web2py_bootstrap.css'))
response.files.insert(4,URL('static','css/wholeteam.css'))
}}
{{include 'web2py_ajax.html'}}
....rest of layout.html is here
my wholeteam.css file looks like:
.member-frame{
border: 3px solid #FFFFFF;
background: blue;
width: auto;
height: auto;
}
I then try and apply the styles to a div in my views/the_team.html:
{{extend 'layout.html'}}
<h1>The WholeTeam Crew</h1>
{{for member in members:}}
<div class="member-frame">
<h2>{{=member.name}}</h2>
<img src="{{=URL('download', args=member.photo)}}">
<p>{{=member.bio}}</p>
</div>
{{pass}}
For some reason the styles are not being applied. Does anyone know why this
might be happening? Admittedly I'm pretty new to CSS and HTML5 so it could
be a simple mistake I'm making out of ignorance.
I've inserted an image below so you can see what the page looks like when I
load it, any help would be greatly appreciated.
Thanks,
-Ari
<https://lh6.googleusercontent.com/-YGPrnzZaR8Y/U20SHHScvMI/AAAAAAAAAJ0/rrhbYerbLVA/s1600/WholeTeam2.png>
--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/d/optout.
