Editor not visible after changing my template

[patrisch]

Hey guys,

I've got the following problem with my CMSimple setup:

If I use the default theme, the standard editor is visible and works fine. When I change the template to mine, it looks like that:

[ external image ]

The problem is not caused by the template itself (In the original version, the standard editor works as well!), I just worked on the stylesheet.css. Maybe I changed some minor values (I taught it were some ...) in the template.htm.

So here's my stylesheet.css code:

Code: Select all

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	/* color: #2E0E43; SCHRIFTFARBE MITTE*/
	color: #b55331;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;        
}
 
body {
	text-align: left;
	background-color:#940B1E;
	background-image: url('images/patt_48a9aad3236ca.jpg');
	background-position:top left;
	background-repeat:repeat;

}

a:link,a:active,a:visited {
/* FARBE FUER HYPERLINKS */
color:#b55331;
}
 
a:hover {
text-decoration:underline;color:#b55331;
} 

/* --------------------------------- */
/* Structure of site layout - Definition of boxes */
#center {
	margin: auto;
	text-align: left;
	padding: 0px;
	width: 770px;
	height: 100%;
	position: relative;
}
 
#left {
	text-align: left;
}
 
#top_part {
	top: 20px;
	left: 0px;
	width: 770px;
	position: absolute;
	height: 250px;
	background-color:#F3CC72;
         border: 1px #000000 solid;
	 
}
 
#top_pic {
	top: 45px;
	left: 25px;
         right: 25px;
	width: 720px;
	position: absolute;
	height: 200px;
	background-color:#b55331;
         border: 1px #000000 solid;
	 
	background-image: url('images/top-pic.jpg');
}  
 
 
#content {
	top: 280px;
	left: 0px;
	width: 770px;
	position: absolute;
	height: 100%;
} 
 
#middle_part {
	left: 0px;
	width: 770px;
         background-color:#F3CC72;
	background-repeat: repeat-y;
	background-position: left;
	position: absolute;
         border: 1px #000000 solid;
        
}
 
#middle_right {
	float: right;
	width: 10px;
	height: 100%;
         margin: 5px;
	text-align: left;
}
 
#middle_middle {
	float: right;
	width: 550px;
	height: 100%;
	margin: 0px;
	text-align: left;
}

#middle_left {
	float: left;
	width: 185px;
	height: 100%;
         margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#bottom_part {
         clear: both;
	width: 770px;
	height: 141px;
         background-color:#F3CC72;
         text-align: center;
	
}
  
/* End of definition of boxes*/
/* for centering the main box in IE 5 and IE5.5*/
#start {
	text-align: center;
}
/* end of centering --------------------------- */
 
#sitename { 
	display: none;        
	bottom: 25px;
	right: 25px;
        
	position: absolute;
         padding: 5px;
	
	background-color:#F3CC72;
         border: 1px #000000 solid;	
	color: #b55331; /* FARBELOGOSCHRIFT */
         font-size: 13px;
	font-weight: bold;
         text-align: center;        
}
 
#newsbox{
	display: none;
	margin: 5px;
 	padding: 5px;
	width: 165px;
	border: 2px #b55331 dotted;
	font-size: 85%;
}
   
h1 {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.sitemaplevel1,ul.sitemaplevel2,ul.sitemaplevel3,ul.submenu,ul.search
{
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}
li {
	line-height: 1.37
}
li.doc {
	padding-left: 18px;
	background-image: url('menu/doc.gif');
	background-repeat: no-repeat;
}
li.docs {
	padding-left: 18px;
	background-image: url('menu/docs.gif');
	background-repeat: no-repeat;
}
li.sdoc {
	padding-left: 18px;
	background-image: url('menu/sdoc.gif');
	background-repeat: no-repeat;
}
li.sdocs {
	padding-left: 18px;
	background-image: url('menu/sdocs.gif');
	background-repeat: no-repeat;
}
.edit {
	font-size:9px;
	/* color: #2C1D19; KEINE AHNUNG WELCHE FARBE */
	color: #b55331;
	background-color: buttonface;
}
.edit a:link,.edit a:visited,.edit a:active {
	font-weight: normal;
	/* color: #2C1D19; */
	color: #b55331;
	font-size:9px;
	text-decoration: none;
}
.edit a:hover {
	text-decoration: underline;
}
input,select {font-size:9px;}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	width:98%;
	text-align: left;
}
#text {
	text-align: left;
	font-size: small;
}
.searchbox {
	display: none;
	margin-left: 0px;
	text-align: center;
}
.searchbox .submit {
	font-size: 9px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #F3CC72;
	margin-bottom: 5px;
}
.searchbox .text {
	font-size: 9px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #F3CC72;
	margin-bottom: 5px;
}
.menulevel1 {
	font-size: 100%;
}
.menulevel2, .menulevel3 {
	font-size: 100%;
}
.menulevel1,.menulevel2,.menulevel3,.navigator,.sitemaplevel1,.sitemaplevel2,.sitemaplevel3,.submenu {
	font-weight: bold;
	text-decoration: none;
}
.menulevel1 a:link,.menulevel1 a:visited,.menulevel1 a:active,.menulevel2 a:link,.menulevel2 a:visited,.menulevel2 a:active,.menulevel3 a:link,.menulevel3 a:visited,.menulevel3 a:active,.locator a:link,.locator a:visited,.locator a:active,.navigator a:link,.navigator a:visited,.navigator a:active,.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited,.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.submenu a:link,.submenu a:visited,.submenu a:active {
	text-decoration: none;
	/* color: #2E0E43; FARBE DER SCHRIFT IM MENUE */
	color: #b55331;
}
.menulevel1 a:hover,.menulevel2 a:hover,.menulevel3 a:hover,.locator a:hover,.navigator a:hover,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover,.submenu a:hover {
	text-decoration: underline;
	/* FARBE DIE MENUEITEM ANNIMMT BEI HOVER */
	color:#b55331;
}
#mainmenu {
	margin: 0px 2px 20px 5px;
}
.submenu {
	font-size: 80%;
	font-weight: normal;
	margin: 0px 2px 10px 10px; 
}
.login,.login a,.login a:link,.login a:visited,.login a:active,.login a:hover {
	font-weight: normal;
	font-size: 85%;
	/* color: #2C1D19; FARBE LOGIN SCHRIFTZUG*/
	color: #b55331;
	text-decoration: none;
	padding-left: 5px;
}
 
#copyname {
	font-size: 12px;
	font-weight: bold;
	padding: 5px  5px 0 5px;
	/* color: #2C1D19; */
	color: #b55331;
         text-align: center;
}
 
.copyright, .copyright a:link, .copyright a:active, .copyright a:visited {
	font-size: x-small;
	font-weight: normal;
	color: #b55331;
	text-align: center;
	padding-top: 4px;
	text-decoration: none;
}
 
.copyright a:hover {
	font-weight: normal;
	text-decoration: underline;
}
 
.lastupdate {
	
	font-size: x-small;
	font-weight: normal;
	color: #b55331;
	text-align: center;
	padding-left: 8px;
}
 
 
 

 
IMG.li {
display: block;
position: relative;
margin: -6px 6px 6px -6px;
padding: 4px;
float: left; 
}
 
IMG.re {
display: block;
position: relative;
margin: -6px 6px 6px -6px;
padding: 4px;
float: right; 
}

 

  
IMG {
       display: none;
       position: relative;
       padding: 0px;
       margin-right: 0px;
       margin-left: 0px; 
       border:none;
}

   
IMG.aus {
position: relative;
border: 0px solid #fff;
padding: 0px;
margin-right: 1px;
margin-left: 1px;
}

.c {
   clear: both;
}

/*<!-- Farbe f?r Hintergrund des Editors*/
.retrieve{
background-color:#ffffff;
background-image:none;
color:Black;
}
/*Hintergundfarbe f?r Ausdruck*/
body.print{
background-color:#ffffff;
color:Black;
}

And here's the template.htm code:

Code: Select all

<?php
/* 
This file is part of CMSimple.
For licence see notice in /cmsimple/cms.php and http://www.cmsimple.dk/?Licence
##################################################################################
# This template for cmsimple.dk was downloaded from www.torsten-behrens.de       #
#--------------------------------------------------------------------------------#
# Please do not remove the links on the template!                                #
# If you want to remove them, buy a template license!                            #
# http://www.cmsimple.dk/?Purchase_Licence                                       #
# Please visit www.torsten-behrens.de for more information.                      #
##################################################################################
*/
 
include ($pth['folder']['template'].'xtoc.php');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><?=head()?><link rel="shortcut icon" href="favicon.ico" >
<!--[if lte IE 6]>
<style type="text/css">
body{behavior:url(<?=$pth['folder']['template']?>csshover.htc);}
</style>
<![endif]-->
</head>
<body <?php echo onload();?> id="start">
	<div id="center"><div id="left">
		<div id="top_part">
			
		</div>
        <div id="top_pic">
                        <div id="sitename">
				<?=$title?>
			</div>
        </div>
		<div id="content">
			<div id="middle_part">
				<div id="middle_right">
				 
				</div>
				<div id="middle_middle">
					<?=locator()?><br><br>
                                        <?=editmenu()?>
					<?=content()?>
                                        <?=submenu()?>
				</div>
				<div id="middle_left">
 <div id="mainmenu">
<!-- Startseite - Home -->
    <a href="./"><img alt="Home" class="sch" src="<?php echo $pth['folder']['templateimages']?>home.gif"></a>
<!-- Sitemap -->
    <a href="?&sitemap"><img alt="Sitemap" class="sch" src="<?php echo $pth['folder']['templateimages']?>map.gif"></a>
<!-- Mailform -->
    <a href="?&mailform"><img alt="Mailformular" class="sch" src="<?php echo $pth['folder']['templateimages']?>mail.gif"></a>
<!-- Guestbook 
    <a href="?&guestbook"><img alt="Gästebuch" class="sch" src="<?php echo $pth['folder']['templateimages']?>book.gif"></a>  
-->
<!-- Bei deutschen Seiten hier der Link auf die Seite Impressum 
    <a href="?Impressum"><img alt="Impressum" class="sch" src="<?php echo $pth['folder']['templateimages']?>impress.gif"></a>
-->
<!-- Change the code - write the name of your impress or information site over the word Impressum -->
<a href="?<?echo $su;?>&print"><img alt="Druckversion" class="sch" src="<?php echo $pth['folder']['templateimages']?>print.gif"></a>						 
						
					<?=xtoc()?>
				</div>
				<div id="newsbox">
          <?=newsbox('NewsBox');?>
          		</div>
				<div class="submenu"><br>
          <?php echo sitemaplink();?><br>
					<?php echo printlink();?><br>
					<?php echo mailformlink();?><br>
 					<?php echo languagemenu();?><br>
				</div>
                <div class="login">
					<?php echo loginlink();?>
				</div><br>                   
				<div class="searchbox">
					<?=searchbox()?>
				</div><br>   
				<div class="lastupdate">
					<?php echo lastupdate();?><br><br>
				 </div><br>
                             	
					</div>
							
		  
					
 <div id="bottom_part"><div id="copyname">
					<div class="copyright">
						<!-- YOU ARE NOT ALLOWED TO REMOVE OR HIDE THIS LINK -->
						<br>
						Powered by <a href="http://www.cmsimple.dk/" target="_blank" class="navigator">CMSimple</a> - <a href="http://torsten-behrens.de/" class="copyright">Template by Torsten Behrens</a><!-- IF REMOVE: Pay for a license - see http://www.cmsimple.dk/?License -->
				</div>
					 				</div>     </div></div>	 
 	</div>
   				
	</div>
</div> 
</body>
</html>  

I hope somebody is able to help me ...

THANKS!

[ZiPs]

Here is the reason why the editor is gone.

Code: Select all

IMG {
           display: none;
           position: relative;
           padding: 0px;
           margin-right: 0px;
           margin-left: 0px;
           border:none;
    }

You hide the images with "display:none" delete this.

/ZiPs

[patrisch]

Yep, you're right. That was the problem:

Question 2: I don't want this four IMG's. Do I have any possibility to make them invisible?

[ZiPs]

If you dont want this img "home.gif" you can delete it in the template or insert this in the css

Code: Select all

#mainmenu img {display: none;} 

[patrisch]

Thanks a lot.

Works.