CSS top-navigation bar, template not working compass and sass

Albert3161

New Member
I am trying to understand why the following does not work. I am trying to have a navigation bar on the top but I am using compass and scss files but this is basic CSS that I am just not understanding. I copy and pasted from sass-lang.com and only changed the namethe following is my scss file\[code\]#top-navigation { width: 80%; height: 23px; ul { list-style-type: none; } li { float: left; a { font-weight: bold; } }}\[/code\]and the following is my base.html\[code\]{% extends "skeleton.html" %}{% load zinnia_tags i18n %}{% load url from future %}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <link rel="stylesheet" href="http://stackoverflow.com/style.css" /> <title>{% block title %}User test{% endblock %}</title></head><body> {% block header %} <div class ="container"> <div id="header"><ul class="top-navigation"> <li> <a href="http://stackoverflow.com/questions/15536079/{% url"home" %}">{% trans "Home" %}</a> </li> {% if user.is_authenticated %} <li> {% trans "Logged in" %}: {{ user.username }} </li> {% endif %} <li> <a href="http://stackoverflow.com/blog/feeds/" title="RSS Feed of latest entries" class="feeds"> RSS Feed </a> </li> </ul> </div> </div> <hr /> {% endblock %} {% block sidebar %} <div id="sidebar"> <ul> <li>One</li> <li>Two</li> <li>Three</li> </ul> </div> {% endblock %} <div id="content"> {% block content %}{% endblock %} </div> <div id="footer"> {% block footer %} <hr /> <p>this is the footer</p> {% endblock %} </div></body></html>\[/code\]and index.html\[code\]{% extends "base.html" %}{% load i18n zinnia_tags %}{% load url from future %}{% block title %}IVLoop.com{% endblock %}</div> {% block content %} <h1>IVLoop.com</h1> <h2>Isla Vista Survival Handbook</h2> <h3>Phone Numbers and Links to all the stuff u need. Like food, fixing broken windows, door locks and pluming. IVLoop.com is your IV survival guide</h3><p>IV loop is the term to describe the biz and res area around the loop in iv
 
Back
Top