[gelöst] CMS Template ohne Background images - finde den Fehler nicht

[greeng]

Website ist hier: http://linux.theferrers.northants.sch.uk/cms/

Das Template heißt "Colored". Leider fehlt das Header Background image und das Menu.
Die Bilder sind hochgeladen, im richtigen Ordner, und ich habe mehrmals probiert zu verlinken, zu verschieben etc.
Alles ohne Erfolg.

Weiß jemand Rat ?
GREENG

[nockenfell]

Wenn du ein Bild direkt aufrufen willst, gibt es eine Fehlermeldung.

http://linux.theferrers.northants.sch.uk/cms/uploads/images_template/header.jpg

Internal Server Error

The server encountered an internal error or misconfiguration and was unable to complete your request.

Please contact the server administrator, webmaster@theferrers.northants.sch.uk and inform them of the time the error occurred, and anything you might have done that may have caused the error.

Hast du im Ordner uploads oder auch direkt im Root-Verzeichnis ein .htaccess drin das diese Fehlermeldung generieren könnte?

[derNager]

klingt so als ob die Bilder in der Css-Datei falsch verlinkt sind. Poste die doch mal dann kann man sich das näher betrachten. So sind das leider zu wenig Informationen.
Mfg Benjamin

[greeng]

Die Bilder sind definitiv in dem Ordner.

Ich kriege immer nur einen 500 Internal Error

Code: Select all

* {
    padding: 0;
    margin: 0;
} 

body {
background: #555;
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size: 13px;
padding: 0;
margin: 0;
color: #444;
line-height: 17px;
}

img { border: none; }
a { color: #9D1A39; }
a:hover { text-decoration: none; color : #111; }
h3 { border-bottom: 1px dotted #aaa; color: #666; padding-bottom: 4px; margin: 14px 0 7px 0; font-weight: 100; font-size: 22px; letter-spacing: -1px;}
h3 a { text-decoration: none; font-size: 22px; letter-spacing: -1px; }
h3 a:hover { color: #333; }

#wrap {
background: #fff;
padding: 10px;
width: 780px;
margin: 0 auto;
}

#header {
height: 110px;
background: #fff url(uploads/images_template/header.jpg) no-repeat;
}
#header h1 {
font-size: 38px;
font-weight: 600;
letter-spacing: -2px;
padding: 40px 33px 0 0;
text-align: right;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #111;
text-decoration: none;
}

#header h2 {
font-size: 16px;
color: #eee;
padding: 9px 33px 0 0;
text-align: right;
}

#menu {
height: 30px;
line-height: 30px;
background: #eee url(uploads/Colored/menu.jpg) no-repeat;
}
#menu li
{
float: left;
list-style-type: none;
padding-right: 10px;
}
#menu li a{ 
color: #000;
display: block;
text-decoration: none;
padding: 0 10px;
font-weight: 600;
}
#menu li a:hover {
background: #eee;
}
#menu ul { }


#content { 
padding: 0 20px;
}

#right {
margin-top: 10px;
width: 560px;
float: right;
font-size: 12px;
text-align: justify;
}
#right h3 { border-bottom: 1px dotted #aaa; }

#left {
margin-top: 10px;
width: 160px;
float: left;
}
#left h3 { color: #666; }
#left ul { list-style-type: none; padding: 10px 0 10px 0; }
#left ul li { padding: 2px 0 3px 0; }
#left ul li a { color: #9D1A39; font-weight: 100; display: block; text-decoration: none; font-size: 14px; border-bottom: 1px dotted #aaa; }
#left ul li a:hover { color : #111; }

#footer {
font-size: 11px;
color: #eee;
text-align: center;
height: 30px;
line-height: 30px;
background: #880000 url(uploads/Colored/footer.jpg) no-repeat;
margin-top: 30px;

}
#footer a { 
color: #eee;
}
#footer a:hover {
color: #aaa; 
text-decoration: underline; 
}

[nockenfell]

Die Bilder sind definitiv in dem Ordner.

Ich kriege immer nur einen 500 Internal Error

Wie ich oben schon geschrieben habe. Bei einem Internal Server ist nicht das CSS Schuld sondern eine Einstellung in den Zugriffsbeschränkungen des Ordners.

Neben den .htaccess Problem kann es je nach dem auch an den Berechtigungen im Ordner liegen. Lade mal den Uploads-Ordner komplett auf deinen Rechner, lösche in auf dem FTP Server und lade in danach wieder hoch. Damit kannst du mal ausschliessen das nicht irgend eine Berechtigung falsch ist. Danach kontrollierst du, ob eine .htaccess Datei im Root-Verzeichnis der CMS Installation oder im uploads Ordner ist.

[greeng]

oh das war ja einfach. DANKE!!!


Eine weitere Frage:
Ich habe das Newsmodul angepasst. Ich möchte, dass die News die links auf der Startseite überblicksartig dargestellt werden, mit dem "morelink" auf der Seite "News" angezeigt werden.
Momentan ist immer als Überschrift "Welcome from the Principal" zu sehen?

Weiß jemand Rat?

[nockenfell]

Ergänze den Newstag mit folgendem Parameter:

Code: Select all

detailpage="news"

Der Newstag heisst also:

Code: Select all

{news detailpage="news"}

Informationen dazu findest du in dem Modulhilfe (wird jeweils rechts oben in den verschiedenen Modulen angezeigt). In der Modulhilfe findest du jeweils alle möglichen Parameter zu einem bestimmten Modul / Tag.

[greeng]

Danke Again, that was way too easy.

Eine Frage noch: Ich habe mehrere Content Blocks ...

Links für das Menü. (left)
Rechts für Content (content)
und noch weiter rechts für noch mehr content (more)

Im Backend wird jetzt "more" über "content" angezeigt, was verwirrend ist.
Wenn ich aber im Template die Reihenfolge der Content Block ändere (content vor more, so wie es sein sollte), schmeißt es mir das Design komplett durcheinander.

Ich möchte das content in der Mitte liegt ist, und more content ganz rechts angezeigt wird.

Hier der Code. Wer weiß Rat ?

Code: Select all

* {
    padding: 0;
    margin: 0;
} 

body {
background: #F4F4F4;
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size: 13px;
padding: 0;
margin: 0;
color: #444;
line-height: 17px;
}

img { border: none; }
a { color: #9D1A39; }
a:hover { text-decoration: none; color : #111; }
h3 { border-bottom: 1px dotted #aaa; color: #666; padding-bottom: 4px; margin: 14px 0 7px 0; font-weight: 100; font-size: 22px; letter-spacing: -1px;}
h3 a { text-decoration: none; font-size: 22px; letter-spacing: -1px; }
h3 a:hover { color: #333; }

#wrap {
background: #fff;
padding: 5px;
width: 900px;
margin: 0 auto;
}

#header {
height: 100px;
background: #fff url(uploads/images_template/logo.png) no-repeat;
}
#header h1 {
font-size: 38px;
font-weight: 600;
letter-spacing: -2px;
padding: 40px 33px 0 0;
text-align: right;
}
#header h1 a {
color: #000;
text-decoration: none;
}
#header h1 a:hover {
color: #111;
text-decoration: none;
}

#header h2 {
font-size: 16px;
color: #eee;
padding: 9px 33px 0 0;
text-align: right;
}

#menu {
height: 30px;
line-height: 30px;
background: #fff url(uploads/images_template/.) no-repeat;
}
#menu li
{
float: right;
list-style-type: none;
padding-right: 5px;
}
#menu li a{ 
color: #000;
display: block;
text-decoration: none;
padding: 0 15px;
font-weight: 600;
border-right: 1px solid #000000;
}
#menu li a:hover {
background: #000;
color: #fff;
}
#menu ul { }


#content { 
padding: 0 5px 0 5px;
}

#right {
margin-top: 10px;
width: 550px;
float: right;
font-size: 12px;
text-align: justify;
}

div#sidebar {
   float: right;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 50px;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
   margin-top: 50px;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   padding: 0px 5px 0px 25px;
   width: 150px;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

#right h3 { border-bottom: 1px dotted #aaa; }

#left {
margin-top: 10px;
width: 120px;
float: left;
}
#left h3 { color: #666; }
#left ul { list-style-type: none; padding: 10px 0 10px 0; }
#left ul li { padding: 2px 0 3px 0; }
#left ul li a { color: #9D1A39; font-weight: 100; display: block; text-decoration: none; font-size: 14px; border-bottom: 1px dotted #aaa; }
#left ul li a:hover { color : #111; }

#footer {
font-size: 11px;
color: #eee;
text-align: center;
height: 30px;
line-height: 30px;
background: #880000 url(uploads/images_template/footer.png) no-repeat;
margin-top: 30px;

}
#footer a { 
color: #eee;
}
#footer a:hover {
color: #aaa; 
text-decoration: underline; 
}

[nockenfell]

Diese Änderung ist relativ einfach. Bringe dein Template in diese Reihenfolge

Code: Select all

<div id="content">
	<div id="left"> </div>
	<div id="right"></div>
	<div id="sidebar" class="hascontent"></div>
	<div style="clear:both;"> </div>
</div>

Dann änderst du das CSS folgendermassen:

Code: Select all

#right {
margin-top: 10px;
width: 550px;
float: left;
font-size: 12px;
text-align: justify;
}

(Statt float:left anstelle von ein float:right)

Danach musst du noch den einen und anderen margin bzw. padding anpassen.

[greeng]

Das war ja mal wieder simpel Danke für die Hilfe!

Habe zwei weitere Frage:

1) Ich möchte auf der Seite jegliche Schrift in der selben Schriftgröße anzeigen lassen, entweder 10px, 11px oder evtl. 12px
Momentag sind Links, breadcrumbs etc alle unterschiedlich. Ich finde die relevanten CSS Einträge aber nicht.

2) Dazu möchte ich den Text unter dem Header "bold" machen
Der Text steht aber so im Template, wie kann ich das über das Stylesheet wohl ansteueern?

Kann mir jemand weiterhelfen?

[NaN]

1) Ich möchte auf der Seite jegliche Schrift in der selben Schriftgröße anzeigen lassen, entweder 10px, 11px oder evtl. 12px
Momentag sind Links, breadcrumbs etc alle unterschiedlich. Ich finde die relevanten CSS Einträge aber nicht.

Weiß Du denn auch wonach Du da suchen musst?
Schonmal nach font-size geschaut?
Kommt insgesamt 11 mal vor.
Steht steht z.B. gleich im ersten Stylesheet:

Code: Select all

body {
   ...
   font-size: 12px;
   ...
}

Überschriften haben jeweils ihre eigenen Größen.
Einfach man danach suchen

2) Dazu möchte ich den Text unter dem Header "bold" machen
Der Text steht aber so im Template, wie kann ich das über das Stylesheet wohl ansteueern?

Im Template steht:

Code: Select all

<div align="left"> Queensway, Higham Ferrers, Rushden, Northamptonshire, NN10 8LF</div>

Mach daraus einfach

Code: Select all

<div id="headertext"> Queensway, Higham Ferrers, Rushden, Northamptonshire, NN10 8LF</div>

Und im Stylesheet einfach

Code: Select all

#headertext {

   text-align: left;
   font-weight: bold;

}

Da das aber jetzt alles nichts mehr mit Deinem Hintergrundbild zu tun hat, möchte ich Dich bitten, das Thema als gelöst zu markieren und entweder im Forum zu suchen, im entsprechenden Bereich ein neues Thema zu starten oder einfach mal hier reinzulsesn: http://forum.cmsmadesimple.org/index.ph ... 812.0.html

(Ist nicht böse gemeint, aber man kommt hier sonst schnell vom hundersten ins tausendste )