using a css file with smarty template - HTML Forums

sudhakararaog · 10-20-2009, 11:40 PM

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

genuineskate · 10-21-2009, 03:37 PM

When using templates, you are not calling the location of a <link> in relation to the template directory, but in relation to the page it is parsed on.

You need to include the full path to the css just as you would from the index.php - not index.tpl.

something like...:
<link rel="stylesheet" href="templates/styles/style.css" type="text/css" />

ok?