using a css file with smarty template

**sudhakararaog** · 10-21-2009, 12:39 AM

in the index.tpl file which i access as http://localhost i am able to add the doctype and other tags

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$pagetitle}</title>

</head>
<body>

vale of smarty variable is {$var1}

</body>
</html>

all this works fine however when i add a link tag to call a css file as
<link rel="stylesheet" href="style.css" type="text/css" />
the code for css is
* {
margin: 0;
padding: 0;
}
body {
font: normal 12px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

this css style is not being applied to the index.tpl when i access the page as http://localhost

how can i call the css file from index.tpl

also if i am using a jquery plugin i need to use a script tag to call the javascript files, how do i call these javascript file from index.tpl file

please advice.

thanks

**chrishirst** · 10-21-2009, 09:21 AM

Open the page source when rendered in the browser and make sure the sylesheet element is in the head and is correctly formed

**sudhakararaog** · 10-21-2009, 05:55 PM

thanks a lot

i viewed the source and changed the path of css file to templates/template1/style1.css

and the browser interprets http://localhost:81 by default so in the link tag
i have given

<link rel="stylesheet" href="templates/template1/style1.css" type="text/css" />

instead of
<link rel="stylesheet" href="http://localhost:81/templates/template1/style1.css" type="text/css" />

thanks

**chrishirst** · 10-21-2009, 06:03 PM

use root relative addressing by adding a "/" in front of the file path.
The browser will the normalise automatically (the source will still say "/templates/ ...") but the browser will know exactly where the file is on the server.

**sudhakararaog** · 10-21-2009, 06:07 PM

thanks