Hello, I am hoping someone can help me. I have just installed TYPOlight for the first time (version 2.7.1).
I have set up a custom template, following the steps outlined in the tutorial, but am having several critical problems, that are as follows...
1. The "hover" effect in the back end that should reveal the extra helper text is not working.
2. If I define a module as a "Custom Navigation", "Quick Navigation", or "Quick Link" item, I cannot load the front end (the page choices, if applicable, are not retained) . But the normal "Navigation Menu" and "Breadcrumb Menu" works fine.
3. If I define an article as an "image", or add an image to a text element, the system does not retain the image selection when I save, and it displays as blank.
4. And the most critical problem, I cannot add text to an item in an Article. When I attempt to save, I receive the error "An error occurred! Please fill in field "Text"!" and the text I had entered is gone. Once in every 20-30 or so attempts, the text will actually save, but then the same problem occurs when I attempt to edit that text later. I have seen posts on the old forum location indicating the same problem, but there were no posts for a fix.
These problems occur in all browsers I have installed...
IE 7, IE 8, FireFox 3.0.10, Safari 3.2.2 (PC, OS: Microsoft XP Professional, Service Pack 3)
Here is the URL of my site... http://www.*****.com/home.html
TYPOlight System Check: http://www.*****.com/typolight-check.php
PHP Info: http://www.*****.com/info.php
Here are is an error log from Internet Explorer.....
__________________________________________________ _________________________
[BACK END BROWSER ERRORS]
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6; InfoPath.2; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Thu, 25 Jun 2009 18:38:43 UTC
Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://www.*****.com/plugins/mootools/mootools.js
Message: 'Class' is undefined
Line: 3 Char: 1 Code: 0
URI: http://www.*****.com/plugins/calendar/calendar.js
Message: Object doesn't support this property or method
Line: 47 Char: 280 Code: 0
URI: http://www.*****.com/typolight/typolight.js
Message: Object doesn't support this property or method
Line: 350 Char: 1 Code: 0
URI: http://www.*****.com/typolight/main.php ... =edit&id=9
__________________________________________________ _______________________________
[FRONT END BROWSER ERRORS]
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6; InfoPath.2; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Thu, 25 Jun 2009 19:22:10 UTC
Message: Invalid character
Line: 1 Char: 1 Code: 0
URI: http://www.*****.com/plugins/mootools/mootools.js
Message: 'Browser' is undefined
Line: 2 Char: 38 Code: 0
URI: http://www.*****.com/plugins/slimbox/js/slimbox.js
__________________________________________________ __________________________________
Here is the code from my template:
?<?php echo $this->doctype; ?>
<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo $this->language; ?>">
<head>
<base href="<?php echo $this->base; ?>"></base>
<title><?php echo $this->pageTitle; ?> - <?php echo $this->mainTitle; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->charset; ?>" />
<meta name="description" content="<?php echo $this->description; ?>" />
<meta name="keywords" content="<?php echo $this->keywords; ?>" />
<meta name="Author" content="Web Designer: Liz Sabol, http://www.Synetex.com" />
<?php echo $this->robots; ?>
<link rel="stylesheet" href="plugins/slimbox/css/slimbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/tl_files/***_062009/***2009.css" type="text/css" media="screen" />
<?php echo $this->stylesheets; ?>
<script type="text/javascript" src="plugins/mootools/mootools.js"></script>
<script type="text/javascript" src="plugins/slimbox/js/slimbox.js"></script>
<?php echo $this->head; ?>
</head>
<body id="top"<?php if ($this->class): ?> class="<?php echo $this->class; ?>"<?php endif; if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>>
<div id="container">
<div id="header">
<?php echo $this->header; ?>
</div>
<div id="mainpage">
<div id="page">
<?php echo $this->main; ?>
<?php echo $this->left; ?>
<div id="full"></div>
</div>
<?php echo $this->footer; ?>
</div>
<div id="footer">
***** *****
<span>Copyright © 2009 ******. All rights reserved.</span></p>
</div>
</div>
</body>
</html>
__________________________________________________ ____________________
Here is my style sheet:
@charset "utf-8";
html, body {
height: 100%;
}
body {
margin: 30px 0px;
padding: 0px;
background: #152740 url('tl_files/****_062009/images/background.jpg') repeat-x left top;
background-position: center top;
font-family: "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #565656;
}
h1, h2, h3 {
margin-top: 0px;
}
h1 {
}
h2 {
font-size: 24px;
font-weight: normal;
color: #0751a6;
}
h3 {
font-size: 11px;
color: #C52A40;
}
p, ol, ul {
margin-top: 0px;
margin-bottom: 16px;
text-align: left;
line-height: 150%;
}
a {
color: #FF7800;
text-decoration: none;
border-bottom-style: dotted;
border-bottom-width: 1px;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
img.border {
padding: 4px;
border: 0px solid #C3C3C3;
}
img.alignleft {
float: left;
margin: 0px 25px 0px 0px;
}
img.alignright {
float: right;
margin: 0px 0px 0px 25px;
}
img.aligncenter {
margin: 0px auto;
}
hr {
display: none;
}
.list1 {
margin-left: 0px;
padding-left: 0px;
list-style: none;
line-height: 180%;
}
.list1 li {
padding-left: 14px;
background: url('tl_files/*****_062009/images/homepage11.gif') no-repeat left center;
}
/** CONTAINER */
#container {
width: 870px;
margin: 10px auto 0px auto
}
/** HEADER */
#header {
width: 870px;
/**height: 140px;**/
margin: 0px;
background: #ffc615 url('tl_files/*****_062009/images/homepage-copy.jpg') no-repeat left top;
}
/** LOGO */
#logo {
float: left;
width: 400px;
height: 111px;
background: url('tl_files/*****_062009/images/****_logo.jpg') no-repeat left top;
}
img.hide {
display: none;
}
#logo h1, #logo p {
display: none;
}
/** TOPMENU */
#topmenu {
float: right;
height: 41px;
width: 400px;
padding-right: 30px
}
#topmenu ul {
margin: 15px 0px 0px 0px;
width: 400px;
float: right;
display: inline;
}
#topmenu li {
color: #999999;
float: right;
padding: 0px 13px 0px 13px;
background-image: url('tl_files/*****_062009/images/topmenu-divide.gif');
background-repeat: no-repeat;
background-position: right center;
list-style-type: none;
display: inline;
}
#topmenu a, #topmenu a:hover, #topmenu p {
text-decoration: none;
color: #000000;
border: 0px;
display: inline;
}
/** NAV */
#nav {
width: 870px;
height: 29px;
margin: 0px auto;
padding: 0px 0px;
background: #000000;
float: right;
}
#nav ul {
margin: 0px;
padding: 6px 30px 0px 30px;
list-style: none;
line-height: normal;
font-weight: bold;
}
#nav li {
border-width: 0px;
color: #62b4ff;
float: right;
padding: 0px 13px 0px 13px;
list-style-type: none;
background-image: url('tl_files/****_062009/images/menu-divide.gif');
background-repeat: no-repeat;
background-position: right bottom;
}
#nav a {
text-decoration: none;
color: #FFFFFF;
border: 0px;
}
#nav p {
text-decoration: none;
color: #FFFFFF;
border: 0px;
display: inline;
background-image: url('tl_files/****_062009/images/menu-divide.gif');
}
#nav a:hover {
text-decoration: none;
color: #ffc615;
}
#nav .active {
color: #62b4ff;
}
#nav .active a {
color: #62b4ff;
}
/** FEATURE */
#feature {
width: 870px;
margin: 0px auto;
background: url('tl_files/*****_062009/images/main-blank.jpg') repeat-x left top;
border: 0px;
clear: both;
}
#feature a {
border: 0px;
}
/**MAIN**/
#mainpage {
background: #FFFFFF;
border: 0px;
}
/** PAGE */
#page {
width: 802px;
margin: 0px auto;
padding: 25px 36px 0px 32px;
}
/** CONTENT */
#content {
float: right;
width: 570px;
}
#full {
clear: both;
}
.two-columns {
}
.two-columns .column1 {
float: left;
width: 270px;
}
.two-columns .column2 {
float: right;
width: 270px;
}
/** LEFT SIDEBAR */
#postit {
float: left;
color: #565656;
background: url('tl_files/*****_062009/images/postit_bottom.jpg') bottom left no-repeat;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-bottom:50px;
width: 213px;
display:block
}
#postit h3 {
background: url('tl_files/*****_062009/images/postit_top.jpg') left top no-repeat;
padding: 20px 0px 5px 25px;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
font-weight: bold;
}
#postit ul {
background: url('tl_files/*****_062009/images/postit_bg.jpg') left top repeat-y;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
}
#postit li {
line-height: 120%;
padding: 8px 0px 0px 20px;
margin: 0px 0px 0px 25px;
background: url('tl_files/*****_062009/images/checkmark.gif') left top no-repeat;
list-style-type: none;
}
#postit a, #postit a:link, #postit a:visited, p {
color: #565656;
text-decoration: none;
border-bottom: none;
}
#postit a:hover, #postit a:active, #postit a:focus {
color: #C52A40;
text-decoration: none;
font-weight: bold;
border-bottom: none;
}
#sidecontent {
width: 200px;
float: left;
padding-left: 5px;
padding-top: 10px;
background: white;
text-align: left;
vertical-align: top;
line-height: 12px;
color: #565656;
margin-right: 0px;
}
#sidecontent h3 {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 5px;
width: 200px;
}
#sidecontent p {
font-weight: normal;
font-size: 11px;
width: 200px;
display:block
}
/** FOOTERMENU */
#footermenu {
height: 30px;
width: 870px;
background: #FFFFFF;
text-align: center;
}
#footermenu ul {
margin: 0px;
color: #ACACAC;
text-align: center;
}
#footermenu li {
color: #999999;
text-align: center;
padding: 0px 13px 0px 13px;
background-image: url('tl_files/*****_062009/images/footermenu-divide.gif');
background-repeat: no-repeat;
background-position: right center;
list-style-type: none;
display: inline;
text-transform: uppercase;
font-size: 8px;
font-weight: bold;
}
#footermenu a, #footermenu p {
text-decoration: none;
color: #565656;
border: 0px;
display: inline;
}
#footermenu a:hover {
text-decoration: none;
color: #C52A40;
border: 0px;
display: inline;
}
/** FOOTER */
#footer {
width: 870px;
height: 112px;
margin: 0px auto;
background: url('tl_files/*****_062009/images/footer.gif') no-repeat left top;
}
#footer p {
margin: 0px;
padding: 13px 0px 0px 0px;
text-align: center;
color: #1c3256;
font-size: 75%;
font-weight: bold;
line-height: 150%;
}
#footer p span {
font-weight: normal;
}
/* Typolight Additional Classes */
.clear {
height: 0.1px;
overflow: hidden;
font-size: 0.1px;
line-height: 0.1px;
clear: both;
}
.invisible {
width: 0px;
height: 0px;
left: -1000px;
top: -1000px;
position: absolute;
overflow: hidden;
display: inline;
}
Bookmarks