hi
i am designing my website currently by using CSS. i have a basetemplate and the rest of template will inherent from this basetemplate. however, i feel it does not have CSS effect, although my CSS is in place and i can see the effect in dreamweaver, however the inherented webpages can not see any effect.i am not sure where is wrong, it seems they never read css file. my basedtemplate is in the following:
[code=python]
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-gb">
<head>
<link rel="stylesheet " type="text/css" href= "../css/car.css" >----->>>my CSS
<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
<title>
{% block site_title %}
<div align="center">
Car Rental
</div>
{% endblock %}
</title>
{% block extra_scripts %}
<!--Page specific css to overide some of the things above can be put here,
same for javascripts-->
{% endblock %}
</head>
<body>
<div class="containe r"><!-- container for everything-->
<div class="column span-24"><!-- Header -->
<h1 class="header"> Car Rental</h1>
<div id="leftcol">
<ul>
{% if not Login %}
<li><a href="/homepage/" title="Home">Ho me</a></li>
{% endif %}
{% if Login %}
<li><a href="/accounts/profile/" title="Home">Ho me</a></li>
{% endif %}
<li><a href="/browsing/" title="Car Browsing ">Car Browsing</a></li>
<li><a href="/booking/" title="Booking Online">Booking Online</a></li>
<li><a href="/rental_guide/" title="rental"> Rental Guide</a></li>
<li><a href="/Outlet/" title="Our Outlet">Our Outlet</a></li>
<li><a href="/contactus/" title="contactu s">Contact us</a></li>
<li><a href="/search/" title="Search"> Search</a></li>
</ul>
</div>
<!-- Main Content-->
{% block content %}
<div id="centerconte nt">
<!--empty block for sub templates to provide their own content inside
Refer to index.html for an example.
--> </div>
{% endblock %}
<div id="page-footer"><!-- Footer -->
<p><small>Copyr ight 2008 Car Rental Singapore Private Limited | <a href="/TermsAndConditi ons/">Terms & Conditions</a>
*All prices shown are applicable for online booking only.</small></p>
</div>
</body>
</html>
[/code]
thanks for any kind help ;)
i am designing my website currently by using CSS. i have a basetemplate and the rest of template will inherent from this basetemplate. however, i feel it does not have CSS effect, although my CSS is in place and i can see the effect in dreamweaver, however the inherented webpages can not see any effect.i am not sure where is wrong, it seems they never read css file. my basedtemplate is in the following:
[code=python]
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-gb">
<head>
<link rel="stylesheet " type="text/css" href= "../css/car.css" >----->>>my CSS
<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
<title>
{% block site_title %}
<div align="center">
Car Rental
</div>
{% endblock %}
</title>
{% block extra_scripts %}
<!--Page specific css to overide some of the things above can be put here,
same for javascripts-->
{% endblock %}
</head>
<body>
<div class="containe r"><!-- container for everything-->
<div class="column span-24"><!-- Header -->
<h1 class="header"> Car Rental</h1>
<div id="leftcol">
<ul>
{% if not Login %}
<li><a href="/homepage/" title="Home">Ho me</a></li>
{% endif %}
{% if Login %}
<li><a href="/accounts/profile/" title="Home">Ho me</a></li>
{% endif %}
<li><a href="/browsing/" title="Car Browsing ">Car Browsing</a></li>
<li><a href="/booking/" title="Booking Online">Booking Online</a></li>
<li><a href="/rental_guide/" title="rental"> Rental Guide</a></li>
<li><a href="/Outlet/" title="Our Outlet">Our Outlet</a></li>
<li><a href="/contactus/" title="contactu s">Contact us</a></li>
<li><a href="/search/" title="Search"> Search</a></li>
</ul>
</div>
<!-- Main Content-->
{% block content %}
<div id="centerconte nt">
<!--empty block for sub templates to provide their own content inside
Refer to index.html for an example.
--> </div>
{% endblock %}
<div id="page-footer"><!-- Footer -->
<p><small>Copyr ight 2008 Car Rental Singapore Private Limited | <a href="/TermsAndConditi ons/">Terms & Conditions</a>
*All prices shown are applicable for online booking only.</small></p>
</div>
</body>
</html>
[/code]
thanks for any kind help ;)