CMS Made Simple Forums

Posted: **Mon Jul 03, 2006 7:52 pm**

Wenn wir grad dabei sind....
ich bin kein CSS-Freak und kenne mich wenig damit aus, nur wenn man auf die Seite z.b.: http://www.homy.rshost.de/bapkh/index.php/uz geht, dann siehst man unter dem Copyright und so einen weißen Streifen, von links anfangend, wie bekommt man den weg?

Posted: **Mon Jul 03, 2006 9:04 pm**

sein konnte zu vieles :.

Navigation

Posted: **Mon Jul 03, 2006 10:28 pm**

Ne, geht leider nicht

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" xml:lang="en" >
<head>
<title>{title}</title>
{metadata}
{stylesheet}
</head>
</__body>
<!--[if IE]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
<div id="container">
<div id="main-title">Evang. Freik. Gemeinde (Baptisten) Bad Kreuznach</div>
<div id="header-image"></div>
      <!-- Start Horizontal Navigation -->
      <div id="menu_horiz">
         <h2 class="accessibility">Navigation</h2>
         <div id="wrapper">
         {cms_module module='menumanager' template='cssmenu-accessible.tpl'}    
         </div>
      </div>
      <!-- End Horizontal Navigation -->
</div>
</div>
<div id="body">
<div id="main-text">
{content}
<div id="footer">
{global_content name='footer'}
</div>
</div>
</div>
</div>
<__body>
</__html>

Es liegt bestimmt an der CSS Datei:

Code: Select all

html {
background-image: url(uploads/images/templates/flowered/right_side.gif);
background-repeat: repeat-y;
background-position: top right;
}

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
background-image: url(uploads/images/templates/flowered/left_side.gif);
background-repeat: repeat-y;
color: #000000;
}
#container {
	width: 800px;
	display: inline;
}
#main-title {
margin-bottom: 0;
margin-left: 110px;
margin-right: 110px;
font-size: .7em;
letter-spacing: 5px;
text-align: right;
margin-top: 0;
padding-bottom: 8px;
font-weight: bold;
padding-top: 8px;
padding-right: 50px;
background-color: #333333;
color: #ffffff;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}


#header-image {
background-color: #4d80b9;
background-image: url(uploads/images/templates/flowered/flower.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 177px;
border-top: 2px #ff4700 solid;
border-bottom: 2px #ff4700 solid;
margin-left: 110px;
margin-right: 110px;
}

#navbar {
margin-bottom: 0;
margin-left: 110px;
margin-right: 110px;
font-size: .65em;
text-align: center;
margin-top: 0;
padding-bottom: 8px;
font-weight: bold;
padding-top: 8px;
background-color: #333333;
color: #ffffff;
word-spacing: 8px;
border-bottom: 2px #ff4700 solid;
}

#navbar a:link, #navbar a:visited {
color: #ffffff;
word-spacing: none;
}

#navbar a.current {
color: #ff4700;
}

#navbar a:hover {
color: #ff4700;
text-decoration: underline;
}


#headline {
font-size: .65em;
padding-top: 30px;
text-align: justify;
background-color: #F2F2F2;
padding-left: 100px;
padding-right: 100px;
margin-left: 110px;
margin-right: 110px;
margin-bottom: 0;
line-height: 1.5em;}


p.byline {
text-align: right;
margin-bottom: 0;
}

h1 {
margin-left: 110px;
margin-right: 110px;
font-size: .8em;
padding-bottom: 3px;
padding-top: 23px;
padding-left: 50px;
padding-right: 0;
color: #000000;
border-bottom: 1px #ff4700 solid;
letter-spacing: 5px;
font-weight: bold;
background-color: #F2F2F2;
margin-top: 0;
margin-bottom: 0;
}


#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 110px;
margin-right: 110px;
font-size: 10px;
line-height: 1.8em;
background-color: #ffffff;
}

#main-text p {
text-align: justify;
margin-left: 50px;
margin-right: 50px;
}

h2 {
padding-bottom: 3px;
padding-right: 0;
color: #000000;
border-bottom: 1px #000000 solid;
letter-spacing: 5px;
margin-left: 50px;
margin-right: 50px;
font-size: 1em;
margin-top: 0;
padding-top: 10px;
}

p, ul, ol, table {
margin-top: 17px;
margin-bottom: 0;
}

ol, ul {
margin-left: 75px;
margin-right: 75px;
}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #ff0000;
}

a:hover {
text-decoration: underline;
}


#footer {
text-align: center;
margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
font-size: 11px;
margin-top: 20px;
padding-right: 50px;
background-color: #4d80b9;
color: #ffffff;
font-weight: bold;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}

#footer a:link, #footer a:visited {
color: #ffffff;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
color: #ffffff;
}
.right {
float: right;
text-align: right;
width: 50%;
}
.left {
float: left;
text-align: left;
padding-left: 50px;
}
.right h3 {
margin-top: 0px;
font-size: 90%;
}

.stretch,
	.clear {
		clear:both;
		height:1px;
		margin:0;
		padding:0;
		font-size: .7em;
		line-height: 1px;
	}
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block;
		width: 100%;
	}

	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */


/* replace */
	.replace {
		display:block;

		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;

		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
	}
	.replace a span {
		text-indent:-10000px;
	}
/* end replace */


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}

/*div.left49 {  float: left;  width: 49%; } */

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
  }/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper clears the floating elements of the menu */

#menuwrapper {
        overflow: hidden;
        background-color: black;
        border-bottom: 1px solid red;
        width: 776px;
        font-size: .65em;
        color: white;
        margin-left: 110px;
        }

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li {
        width: 200px;

       }


/* Unless you know what you do, do not touch this */

#primary-nav, #primary-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;
	}
#primary-nav ul ul {
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%;
	top: 0px;
	}

#primary-nav li {
	margin-left: -1px;
	float: left;
	}
#primary-nav li li {
	margin-left: 0px;
	margin-top: -1px;
	float: none;
	position: relative;
	}

/* Styling the basic apperance of the menu elements */

#primary-nav a {
	display: block;
	margin: 0px;
	padding: 5px 10px;
	text-decoration: none;
        color : white;
	}
#primary-nav li a {
	border-right: 1px solid red;
	border-left: 1px solid red;
        color : white;
	}
#primary-nav li li a {
	border: 1px solid red;
	}
#primary-nav li, #primary-nav li.menuparent {
	background-color: black;
        color : white;
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
	background-color: black;
        color: red;
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth {
	background-image: url(modules/MenuManager/images/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
          color: red;
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
	background-color: black;
        color : red;
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
	display: none;
          color: red;
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
	display: block;
	}


/* IE Hacks */

#primary-nav li li {
	float: left;
	clear: both;
	}
#primary-nav li li a {
	height: 1%;
	}

Posted: **Tue Jul 04, 2006 2:53 am**

ich spreche nicht Deutsches aber, wenn ich sehe Schablone in einem Gewinde, das ich sehen mag über was gesprochen wird, ich benutze google tranlater, ich habe downloadet die geblühte Schablone von CMSMS und die Vorlage von OSWD, sie beide das gleiche Problem haben, wenn du es nicht herauf enuf füllst, das weißer Block oben zeigt, ich versuchen kann, um ein Neues zu bilden, also sie es nicht tut.

dieses translater bildet eine Verwirrung von ihm

Posted: **Tue Jul 04, 2006 6:25 am**

Hallo Homy,

wenn du Quelltext zitierst, wäre es der Übersichtlichkeit halber schöner, wenn du den jeweiligen Text als Zitat bzw. Code kennzeichnen würdest, also mit

oder

Code: Select all

- danke

.

Ich hab's dir an deinem letzten Posting mal gezeigt. Noch einfacher ist es, wenn du den Text markierst und dann im Menü des Forum-Editors auf das Icon mit der Sprechblase bzw. mit der Raute klickst.

mark wrote: sein konnte zu vieles :.

Navigation

Hmm, so unrecht könnte Mark damit nicht haben - diese Passage ist eindeutig doppelt und kommt einmal aus dem CMSms-Template und einmal aus dem Template des MenüManagers ...

mark wrote: dieses translater bildet eine Verwirrung von ihm

A very big confusion

...

Posted: **Tue Jul 04, 2006 9:21 am**

Dadurch konnte das Problem nicht behoben werde,
Kann es nicht ein DIV sein, dass die falschen größen hat?
Außerdem erscheint es nur bei Texte mit paar Zeilen.
Texte mit vielen Zeilen, kann man dieses gar nicht sehen

Posted: **Tue Jul 04, 2006 10:37 am**

Homy wrote: Kann es nicht ein DIV sein, dass die falschen größen hat?

Die Größe des DIV sollte eigentlich dynamisch von dessen Inhalt bestimmt werden.

Außerdem erscheint es nur bei Texte mit paar Zeilen.
Texte mit vielen Zeilen, kann man dieses gar nicht sehen

Habs mir gerade noch mal angesehen. Bei dem Template ist ein bißchen "geschummelt" worden bzw. es wurde nur für Seiten mit viel Inhalt entwickelt. Der sprichwörtliche Hase liegt IMHO hier im Pfeffer:

Homy wrote:

Code: Select all

html {
background-image: url(uploads/images/templates/flowered/right_side.gif);
background-repeat: repeat-y;
background-position: top right;
}

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
background-image: url(uploads/images/templates/flowered/left_side.gif);
background-repeat: repeat-y;
color: #000000;
}

Das Problem ist, dass es für dieses Template keinen Hintergrund gibt, der sozusagen unter der kompletten Seite liegt. Die rechte Seite des Hintergrunds wird in der CSS-Definition für html erzeugt und der Hintergrund für die linke Seite in body.

Wenn du keinen großen Wert auf den Verlauf für die 3D-Optik legst, erzeugst du dir aus den existierenden Rändern einen Hintergrund, der sich problemlos kacheln lässt und rufst diesen in der body-Definition auf. Die CSS-Definition für html löschst du komplett. Sollte dann also ungefähr so aussehen:

Code: Select all

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
background-image: url(uploads/images/templates/flowered/background.gif);
color: #000000;
}

Dann müssen nur noch ein paar Element (Hintergrundfarben, Rahmen) angepasst werden ...

PS: Der Verlauf lässt sich natürlich mit ein bißchen mehr Aufwand aus transparenten GIFs wieder reinbasteln, aber ich will dir ja nicht die ganze Arbeit wegnehmen

.

CMS Made Simple Forums

Template Flowered

Template Flowered

Re: Template Flowered

Re: Template Flowered

Re: Template Flowered

Re: Template Flowered

Re: Template Flowered

Re: Template Flowered