[MrTimbo]

Hallo @ all,
hab mir das Typo3-Template
http://rasi.ch/fileadmin/daten/dlcou...?scl_jumpto=37
aus dem Netz gezogen.Läuft alles einwandfrei !
Jetzt wollte ich das Template verändern, doch wenn ich z.B. eine Tabelle als Seiteninhalt anlegen will, dann ist der Tabellenhintergrund schwarz.
Auch die Eingabefelder im Loginfenster sind schwarz.
Hab schon die CSS und die HTML Dateien durchgeschaut aber finde keinen Eintrag. Kann mir jemand helfen ?
Hoffe mein Problem wurde einigermaßen klar...

[gbauer81]

Also,
ich hab mir das Template mal gedownloadet und reingeschaut.
Das der Seiteninhalt schwarz ist, ist kein wunder.
Hier ein codeausschnitt aus der default.css:

body {
	margin-top: 220px;
	background: #000000 url(images/img01.jpg) no-repeat center top;
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}

Wie du siehst ist im CSS die Hintergrundfarbe auf Schwarz gesetzt worden, bzw. ein Schwarzes Bild eingebunden worden.
Die vorhandenen Eingabefelder sind bei dem Standardtemplate weiß.

[MrTimbo]

Zitat von gbauer81

Also,
ich hab mir das Template mal gedownloadet und reingeschaut.
Das der Seiteninhalt schwarz ist, ist kein wunder.
Hier ein codeausschnitt aus der default.css:

body {
    margin-top: 220px;
    background: #000000 url(images/img01.jpg) no-repeat center top;
    font: normal small Verdana, Arial, Helvetica, sans-serif;
    color: #999999;
}

Wie du siehst ist im CSS die Hintergrundfarbe auf Schwarz gesetzt worden, bzw. ein Schwarzes Bild eingebunden worden.
Die vorhandenen Eingabefelder sind bei dem Standardtemplate weiß.

Ok, das hatte ich wohl übersehen, danke !
Aber mein Problem bleibt immernoch das Gleiche.
Hintergrundfarbe ist weiß, aber nicht ...

... z.B. eine Tabelle als Seiteninhalt anlegen will, dann ist der Tabellenhintergrund schwarz.
Auch die Eingabefelder im Loginfenster sind schwarz.

[gbauer81]

Kann man sich das irgendwo mal anschauen?
Soll der Hintergrund bei dir nun schwarz oder weiß sein?
Soll die Tabelle schwarz oder weiß sein?
Steh momentan ein wenig auf dem schlauch

[MrTimbo]

Zitat von gbauer81

Kann man sich das irgendwo mal anschauen?

Nein leider noch nicht!

Soll der Hintergrund bei dir nun schwarz oder weiß sein?

Hintergrund soll weiß sein.

Soll die Tabelle schwarz oder weiß sein?

Der Tabellenhintergrund und andere Eingabefelder auch weiß

Steh momentan ein wenig auf dem schlauch

Ich auch ;)

Hier die css' :
default.css

* {
margin: 0;
padding: 0;
}

body {
margin-top: 220px;
background: #ffffff url(../images/img01.jpg) no-repeat center top;
font: normal small Verdana, Arial, Helvetica, sans-serif;
color: #999999;
}

h1, h2, h3 {
color: #7f0000;
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
margin-bottom: 1.4em;
line-height: 1.8em;
text-align: justify;
}

p {
}

blockquote {
margin-left: 2em;
margin-right: 2em;
font-style: italic;
}

ul {
margin-left: 3em;
}

ul li {
}

ol {
margin-left: 3em;
}

ol li {
}

a {
text-decoration: none;
color: #7f0000;
}

a:hover {
text-decoration: underline;
}

img {
border: 4px solid #C4C2C2;
}

/* Boxed Style */

.boxed {
margin-bottom: 20px;
}

.boxed .title,
.boxed h1.csc-firstheader,
.tx-indexedsearch-rules h2,
.tx-indexedsearch-title {
margin: 0;
padding: 5px 0;
background: url(../images/img07.gif) repeat-x left bottom;
font-size: 1em;
}



.boxed .content {
padding: 15px;
}

/* Post */

.post {
}

.post .title,
.post .csc-header h1,
.post h3,
.post .tx-newloginbox-pi1 h3,
.csc-textpic h1 {
padding: 10px 0;
background: url(../images/img07.gif) repeat-x left bottom;
font-size: 1.6em;
font-weight: normal;
}

.post .date {
padding-top: 5px;
font-size: .8em;
font-weight: normal;
}

.post .date .month {
}

.post .date .day {
}

.post .date .year {
}

.post .meta {
padding-bottom: 10px;
background: url(../images/img07.gif) repeat-x left bottom;
font-size: .8em;
}

.post .meta p {
margin: 0;
line-height: normal;
}

.post .story {
padding: 20px;
}

/* Header */

#header {
height: 61px;
background: url(../images/img02.gif) repeat-x;
}

/* Header > Logo */

#logo {
width: 700px;
height: 19px;
margin: 0 auto;
padding: 6px 0 0 0;
}

#logo h1, #logo h2 {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
}

#logo h1 {
float: left;
}

#logo h2 {
float: right;
}

#logo a {
}

/* Header > Menu

#menu {
width: 700px;
height: 27px;
margin: 0 auto;
}

#menu ul {
margin: 0;
padding: 7px 0 0 0;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
height: 25px;
margin: 0 5px 0 0;
padding: 2px 25px 0 25px;
background: url(../images/img03.gif) repeat-x;
border: 1px solid #222222;
text-align: center;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
}

#menu a:hover {
background-image: url(../images/img04.gif);
text-decoration: none;
}

#menu .active a {
background-image: url(../images/img05.gif);
}

*/

/* Wrapper */

#wrapper {
background: url(../images/img06.gif) repeat-x;
}

/* Content */

#content {
width: 700px;
margin: 0 auto;
padding: 20px 0 0 0;
}

/* Content > Main */

#main {
float: right;
width: 460px;
}

/* Content > Main > Welcome */

#welcome {
padding-top: 5px;
}

/* Content > Main > Example */

#example {
}

/* Content > Sidebar */

#sidebar {
float: left;
width: 220px;
}

/* Content > Sidebar > Support */

#support {
padding: 20px 15px;
color: #FF8A00;
}

#support h2,
#support .csc-header h1 {
margin: 0;
font-size: 1.3em;
color: #FF8A00;
}

#support h3 {
margin: 0;
font-size: 1em;
color: #FF8A00;
}

/* Content > Sidebar > Login */

#login {
}

#login form {
}

#login fieldset {
border: none;
}

#login legend {
display: none;
}

#login label {
font-size: x-small;
font-weight: bold;
}

#login input {
margin-bottom: 5px;
padding: 2px 5px;
border: 1px solid #385B88;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#inputtext1, #inputtext2 {
color: #385B88;
}

#inputsubmit1 {
background: #385B88;
color: #FFFFFF;
}

#login p {
font-size: .8em;
}

/* Content > Sidebar > Updates*/

#updates {
}

#updates ul {
margin: 0;
list-style: none;
}

#updates h3 {
margin: 0;
font: bold x-small Verdana, Arial, Helvetica, sans-serif;
}

#updates p {
margin-bottom: 1.4em;
font-size: smaller;
line-height: normal;
}

/* Content > Sidebar > Partners*/

#partners {
}

#partners .content {
padding: 10px 0;
}

#partners ul {
margin: 0;
border-bottom: 1px solid #D1BC5C;
list-style: none;
line-height: normal;
}

#partners li {
padding: 10px;
border-top: 1px solid #D1BC5C;
}

/* Footer */

#footer {
clear: both;
padding: 20px 50px;
border-top: 4px solid #393F4D;
background: #444C5D;
}

#footer p {
width: 700px;
margin: 0 auto;
font-size: x-small;
color: #FFFFFF;
}

#footer a {
text-decoration: underline;
color: #FFFFFF;
}

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

/* Footer > Legal */

#legal {
}

/* Footer > Links */

#links {
}

img {
border: none;
}


.csc-sword {
color: #ffffff;
background-color:#c5e6ee;
padding: 0 3px 0 3px;
}

/*------mailformular formatieren------*/

#mailform {
padding: 20px;
}

form input,
form textarea {
color: #8A8A8A;
}

#mailform .csc-mailform {
border: 0px;
}

.csc-mailform-field {;
margin: 2px 0 0 2px;;
padding: 5px;
}

.csc-mailform-field label {
float: left;
padding: 1px;
width: 80px;
color: #8A8A8A;
}


.mf-input {
clear: none;
width: 220px;
padding: 1px;
border: 1px solid #336699;
background-color:#000;
}

.mf-pass {
width: 220px;
padding: 1px;
border: 1px solid #336699;
background-color:#000;
}

.mf-text {
clear: none;
width: 220px;
padding: 1px;
border: 1px solid #336699;
background-color:#000;
}

.mf-check {
padding: 1px;
border: 1px solid #336699;
background-color:#000;
}

.csc-mailform-radio fieldset {
border: 0px;
background-color:#000;
}

.csc-mailform-radio legend {
display: none;
border: 0px;
}

.mf-radio {
margin-left: 0px;
padding: 1px;
border: 1px solid #336699;
background-color:#000;
}

.mf-select {
width: 220px;
padding: 1px;
border: 1px solid #336699;
background-color:#000;
}

.mf-file {
width: 220px;
padding: 1px;
border: 1px solid #336699;
background-color:#000;
}

.mf-reset {
border: 1px solid #336699;
background-color:#000;
}

.mf-submit {
margin-left: 82px;
border: 1px solid #336699;
background-color:#000;
}


.tx-newloginbox-pi1 label {
float: left;
}

.tx-newloginbox-pi1 input,
input,
textarea {
padding: 1px;
border: 1px solid #336699;
background-color:#000;
}

.csc-textpic-image,
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
padding-top: 8px;
}


/*------tabelle formatieren------*/
/* RTE / Table styling */
TABLE { padding-left:15px; }
TABLE.contenttable { border:none; margin:10px 0px 10px 0px; width:90%; }
TABLE.contenttable TR TD { padding:2px 5px 2px 5px; margin:0px; border:0px; }
TABLE.contenttable TR TD P.bodytext { font-size:10px; }
TABLE.contenttable TR { margin:none; background-color:#16181c; } /*Orange***fe4e00**/
TABLE .bodytext { margin: 0px; }


/* RTE / Bulletlists */
UL { margin-top:0px; }
UL UL LI { font-size:11px; }
OL { margin-top:0px; }
/* LI { margin-top:0px; margin-bottom:0px; padding-top:2px; } */
#colTwo LI {list-style-image:url(../images/img2.gif); }

UL LI.a {

}

menu.css

#menu {
width: 700px;
height: 27px;
margin: 0 auto;
}

ul#nav, ul#nav ul {
float: left;
list-style: none;
font-weight: bold;
margin: 0;
padding: 7px 0 0 0;
}

ul#nav a,
ul#nav ul ul a {
display: block;
height: 25px;
margin: 0 5px 0 0;
padding: 2px 25px 0 25px;
background: url(../images/img03.gif) repeat-x;
border: 1px solid #222222;
text-align: center;
font-size: 9px;
font-weight: bold;
color: #ffffff;
}

ul#nav a:hover {
background-image: url(../images/img04.gif);
text-decoration: none;
}

ul#nav li.menuparent {
background-image: url(../images/arrow.gif) no-repeat 90% 40%;
}


ul#nav li {
float: left;
padding: 0;
width: 8em;
}

ul#nav li a.active {
display: block;
background: url(../images/img05.gif);
}

ul#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 12em;
font-weight: normal;
margin: 0;
padding: 0;
}

ul#nav li li {
width: 12em

}

ul#nav li ul a,
ul#nav li ul a.menuparent {
width: 12em;
padding-left: 1em;
}

ul#nav li ul ul {
margin: -2.6em 0 0 12.9em;
}

ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.sfhover ul ul, ul#nav li.sfhover ul ul ul {
left: -999em;
}

ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul, ul#nav li li li.sfhover ul {
left: auto;
}

ul#nav li:hover,
ul#nav li.sfhover {
float: left;
display: block;
color: white;
background: transparent;
}

[gbauer81]

So, durchsuche mal dein CSS nach Background-color und ändere die #000 (schwarz) in deine Farben.
Hier ein kleiner Ausschnitt aus der CSS Datei.

.mf-input {
clear: none;
width: 220px;
padding: 1px;
border: 1px solid #336699;
background-color:#000;
}

.mf-pass {
width: 220px;
padding: 1px;
border: 1px solid #336699;
background-color:#000;
}

Ebenfalls solltest du dir die Bilder mal anschauen. Die meisten haben dort auch schwarze Farben drin. Das Template das du gewählt hast ist halt sehr dunkel...

[MrTimbo]

Hey,
danke erstmal für die Hilfe.
Hab alle #000 in #ffffff geändert, und testweise alle bilder weiß gemacht.
Caches sind alle gelöscht worden.
Immernoch das gleiche Problem

[gbauer81]

Zitat von MrTimbo

Hey,
danke erstmal für die Hilfe.
Hab alle #000 in #ffffff geändert, und testweise alle bilder weiß gemacht.
Caches sind alle gelöscht worden.
Immernoch das gleiche Problem

Lösch bitte nochmals den Typo3 und Browser Cache. Manchmal sind die hartnäckig.
Ansonsten würde mir nur noch einfallen zu prüfen ob die Standardeinstellungen im TS überschrieben worden sind und somit der Schwarze Hintergrund entsteht.

[MrTimbo]

Zitat von gbauer81

Lösch bitte nochmals den Typo3 und Browser Cache. Manchmal sind die hartnäckig.
Ansonsten würde mir nur noch einfallen zu prüfen ob die Standardeinstellungen im TS überschrieben worden sind und somit der Schwarze Hintergrund entsteht.

Habs nach langem suchen gefunden:

/*------tabelle formatieren------*/
/* RTE / Table styling */
TABLE { padding-left:15px; }
TABLE.contenttable { border:none; margin:10px 0px 10px 0px; width:90%; }
TABLE.contenttable TR TD { padding:2px 5px 2px 5px; margin:0px; border:0px; }
TABLE.contenttable TR TD P.bodytext { font-size:10px; }
TABLE.contenttable TR { margin:none; background-color:#16181c; } /*Orange***fe4e00**/
TABLE .bodytext { margin: 0px; }

Danke,