CMS Made Simple Forums

Content management as it is meant to be
https://forum.cmsmadesimple.org/

css issue

https://forum.cmsmadesimple.org/viewtopic.php?t=12278

Page 1 of 1

css issue

Posted: Tue May 22, 2007 1:18 pm
by acrikey
OK GETTING SMARTY ERRORS.  DON'T KNOW SMARTY PHP.

The Html code is

Code: Select all

<!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">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Logical Horsemanship - Home</title>
<link rel="stylesheet" href="emx_nav_left.css" type="text/css" />
<__script__ type="text/javascript">
<!--
var time = 3000;
var numofitems = 7;

//menu methods
function ehandler(event,theobj){
  for (var i=1; i<= theobj.numberofmenuitems; i++){
    var shutdiv =eval( "menuitem"+i+".thediv");
  }
function closesubnav(event){
  if ((event.clientY <48)||(event.clientY > 107)){
    for (var i=1; i<= numofitems; i++){
    }
  }
}
// -->
</__script>
<style type="text/css">
<!--
.style1 {font-size: 95%}
.style2 {font-size: 200%}
.style5 {color: #A1A1A1}
.style7 {color: #626262}
.style8 {
	color: #4D4D4D;
	font-weight: bold;
}
-->
</style>
</head>

  <h1 align="center" id="siteName">Logical Horsemanship </h1>
  <div id="globalNav"> 
    <div align="center"><img alt="" src="gblnav_left.gif" height="32" width="4" id="gnl" /> <img alt="" src="glbnav_right.gif" height="32" width="4" id="gnr" />
    </div>
    <div id="globalLink"> 
      <div align="left"><a href="index.html" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">Home</a><a href="aboutus.html" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">About Us </a><a href="fee.html" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">Fees</a><a href="contactus.html" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">Contact Us </a><a href="construction.html" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">Gallery</a><a href="http://www.sarahweston.livedigital.com" target="_blank" class="glink" id="gl5" onmouseover="ehandler(event,menuitem5);">Journal</a><a href="links.html" target="_blank" class="glink" id="gl7" onmouseover="ehandler(event,menuitem5);">Links</a></div>
    </div>
    
    <div align="left">
      <!--end globalLinks-->
      </div>
      <form id="search" action="">
      <div align="center">
        <input name="searchFor" type="text" size="10" />
        <a href="">search</a>
        </div>
    </form>
  </div>
  <div align="center">
    <!-- end globalNav -->
<div id="pagecell1">
  <!--pagecell1-->
  <img alt="" src="tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="tr_curve_white.gif" height="6" width="6" id="tr" />
  <div id="breadCrumb"></div>
  <div id="pageName">
    <h2 align="left">Home </h2>
  </div>
  <div id="pageNav">
    <div id="sectionLinks"><span class="feature"><img src="http://www.logicalhorsemanship.co.uk/Graphics%20for%20page/Pictures/Full%20Size/Kim_94_at_Tollard_Royal.gif" alt="SWrifding" width="225" height="472" border="0" /></span></div>
    <div id="advert"></div>
  </div>
  <div id="content">
    <div class="feature">
      <div class="feature">
        <h3><span lang="EN-GB" xml:lang="EN-GB"><br />
          <br />
          <br />
          <span class="style2">Sarah Weston</span></span><br />
        </h3>
        <h3>Recommended Associate of the Intelligent Horsemanship Association</h3>
        <h2>          <br />
        Based in the New Forest, covering Hampshire, Wiltshire, Dorset and the Isle of Wight. </h2>
        <h2 align="justify"> </h2>
        <h1 align="center">Sarah Weston is the holder of the Monty Roberts Preliminary Certificate in Horsemanship       and has over 30 years experience working with horses and ponies. </h1>
        <h1 align="center"> Now based in       the New Forest, Sarah has over 30 years experience of working with horses       and ponies and has always been considered to have “a way” with them.</h1>
        <p align="justify"> </p>
      </div>
      <div class="story style1">
        <h2><span lang="EN-GB" xml:lang="EN-GB">“Amongst the numerous cases I       have dealt with there have been horses that will not load, </span></h2>
        <h2><span lang="EN-GB" xml:lang="EN-GB">have refused to       have their bridle on or to pick their feet up.  One horse lay down in       the trailer </span></h2>
        <h2><span lang="EN-GB" xml:lang="EN-GB">he was so frightened of travelling.  Other horses have been       difficult to ride, frightened of </span></h2>
        <h2><span lang="EN-GB" xml:lang="EN-GB">motorbikes</span> <span lang="EN-GB" xml:lang="EN-GB">or water.  I have been able       to help all of these horses.  I also specialise in putting</span></h2>
        <h2><span lang="EN-GB" xml:lang="EN-GB"> the first       halter on wild</span> <span lang="EN-GB" xml:lang="EN-GB">ponies, teaching them to lead and to be handled.         My methods are logical </span></h2>
        <h2><span lang="EN-GB" xml:lang="EN-GB">to the horse and involve the use</span> <span lang="EN-GB" xml:lang="EN-GB">of their own body       language rather than the use of artificial aids</span></h2>
        </div>
    </div>
    <div class="story"></div>
  </div>
  <div id="siteInfo"> 
    <div align="right"><span class="style7"><span class="style8">01725 512434</span></span> <a href="index.html">Home</a>| <a href="contactus.html">Contact Us</a> |<span class="style5"> ©2007 Webonweb</span> </div>  
  </div >
</div>
<!--end pagecell1-->
 <__script__>
 var isNS = (navigator.appName == "Netscape") ? 1 : 0;
  if(navigator.appName == "Netscape") document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
  function mischandler(){
   return false;
 }
  function mousehandler(e){
 	var myevent = (isNS) ? e : event;
 	var eventbutton = (isNS) ? myevent.which : myevent.button;
    if((eventbutton==2)||(eventbutton==3)) return false;
 }
 document.oncontextmenu = mischandler;
 document.onmousedown = mousehandler;
 document.onmouseup = mousehandler;
  </__script>
<__body>
</__html>

[code]

THE CSS CODE I USE IS

[CODE]
/********************
MENU
*********************/
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: #cccccc url(bg_grad.jpg) fixed;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	position:absolute;
	top: 112px;
	left: 2%;
	right: 2%;
	width:95.6%;
	background-color: #ffffff;
}

#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#masthead{
	position: absolute;
	top: 0px;
	left: 2%;
	right: 2%;
	width:95.6%;
	
}

#pageNav{
	float: left;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#content{
	border-left: 1px solid #ccd2d2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 178px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

/************* globalNav styles ****************/

#globalNav{
position: relative;
width: 100%;
min-width: 640px;
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
background-image: url(glbnav_background.gif);
}

#globalNav img{
	margin-bottom: -4px;
 
}

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

#globalLink{
	position: absolute;
	top: 6px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
}


a.glink, a.glink:visited{
  	font-size: small;
  	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}

a.glink:hover{
  	background-image: url(glblnav_selected.gif);
	text-decoration: none;
}

.skipLinks {display: none;}

/*************** search styles *****************/

#search{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}


/************** feature styles *****************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
}
html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}


/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}


/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}


/**************** advert styles *****************/

#advert{
	padding: 10px;
}

#advert img{
	display: block;
}
[CODE]

Smarty error available
[/code][/code][/code]

Re: css issue

Posted: Tue May 22, 2007 2:11 pm
by Anastasis
acrikey

Tip: Anything that is code and not HTML such as your functions should be placed within "literal" begin/end tags.

e.g.

{literal}


107)){
    for (var i=1; i


{/literal}

Re: css issue

Posted: Tue May 22, 2007 3:24 pm
by acrikey
so at the start and end of my css I need to add {literal} and {/literal}

Re: css issue

Posted: Tue May 22, 2007 3:34 pm
by Anastasis
acrikey wrote: so at the start and end of my css I need to add {literal} and {/literal}
If it is embedded as you have above then yes.

But you may be better to extract all of your CSS to an external stylesheet as save it as a stylesheet in CMSMS. Then you can just add a {stylesheet} tag into your template and associate your stylesheet in the Templates section via the css button.

Re: css issue

Posted: Tue May 22, 2007 4:10 pm
by acrikey
that does not work.  It does not come up in one of the options in the box

Re: css issue

Posted: Tue May 22, 2007 4:17 pm
by Anastasis
acrikey wrote: that does not work.  It does not come up in one of the options in the box
I'm not sure what you mean by what you say. What "does not come up" and what "box" are you referring to?

I am going to be offline for a couple of hours now, but will check again later if I can.
All times are UTC
Page 1 of 1

Powered by phpBB® Forum Software © phpBB Limited