Willkommen in der Webstatt Zum Webstatt Blog und Stories
BNightSpeeder am 21.04.06 14:40

Hallo,

ich habe diesen CODE in meiner CSS datei:

.taste {
color:#333333;
background-color:#efefef;
font-family:verdana;
font-size:80%;text-align:center;
border-top:2px double #cfcfcf;
border-left:3px solid #bababa;
border-right: 4px solid #aaaaaa;
border-bottom: 6px solid #909090;padding:0em 0.2em 0em 0.2em;line-height:1.6em;
white-space:nowrap;
vertical-align:bottom;
}


Und so sieht mein text aus:

<p class="taste">test</p>

Nun, wird aber es so angezeigt als ob das nen normaler text ist, wiso?

netcup.de Warum gibt es hier Werbung?
milahu milahu am 21.04.06 14:42

CSS auch eingebunden? 0o

BNightSpeeder am 21.04.06 14:45

ja, ganz sicher..
Sonst würde meine ganze Seite weiß sein, da ich fast alles in meiner CSS-Datei gespeichert habe!

milahu milahu am 21.04.06 14:49

Kein Syntaxfehler im CSS? ( http://jigsaw.w3.org/css-validator/ )

BNightSpeeder am 21.04.06 14:58

Quote
Parse error - Unrecognized : / .taste { color:#333333; background-color:#efefef; font-family:verdana; font-size:80%;text-align:center; border-top:2px double #cfcfcf; border-left:3px solid #bababa; border-right: 4px solid #aaaaaa; border-bottom: 6px solid #909090;padding:0em 0.2em 0em 0.2em;line-height:1.6em; white-space:nowrap; vertical-align:bottom; }


Und was heißt das?

milahu milahu am 21.04.06 15:30

Dass du nen Syntaxfehler drin hast.. Zeig mal n paar Zeilen mehr von deinem CSS.

BNightSpeeder am 21.04.06 15:42

Hier das ganze:

<!--
body {
background-color: #1e1e1e;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

}
body,td,th {
color: #999999;
}
a:link {
color: #CCCCCC;
}
a:visited {
color: #CCCCCC;
}

/* Tabellen Eigentschaften für die Box */

#oben_links {
width:29px;
height:28px;
background-image: url(images/box/box_oben_links.gif);
}

#oben_mitte {
height:28px;
background-image: url(images/box/box_oben_mitte.gif);
}

#oben_rechts {
width:32px;
height:28px;
background-image: url(images/box/box_oben_rechts.gif);
}

#mitte_links {
width:29px;
background-image: url(images/box/box_mitte_links.gif);
}

#mitte_mitte {
background-color: #404040;
}

#mitte_rechts {
width:32px;
background-image: url(images/box/box_mitte_rechts.gif);
}

#unten_links {
width:29px;
height:116px;
background-image: url(images/box/box_unten_links.gif);
}

#unten_mitte {
height:116px;
background-image: url(images/box/box_unten_mitte.gif);
}

#unten_rechts {
width:32px;
height:116px;
background-image: url(images/box/box_unten_rechts.gif);
}

/* Tabellen Eigentschaften für die Box ende */

/* Formular Eigentschaften */

input{
border: 1px solid #2F2F2F;
background-image: url(images/input.gif);
color: #999999;
font-size: 13px;
font-family: Arial;
}

input:focus{
border-color: #5D5D5D;
}

textarea{
border:1px solid #2F2F2F;
background-image: url(images/input.gif);
color: #999999;
font-size: 13px;
font-family: Arial;
}

textarea:focus{
border-color: #5D5D5D;
}

select{
border:1px solid #2F2F2F;
background: #404040;
color: #999999;
font-size: 13px;
font-family: Arial;
}

select:focus{
border-color: #5D5D5D;
}

/* Formular Eigentschaften ende */

//* Effekt ID's */

.taste {
color: #333333;
background-color: #efefef;
font-family: verdana;
font-size: 80%;text-align:center;
border-top: 2px double #cfcfcf;
border-left: 3px solid #bababa;
border-right: 4px solid #aaaaaa;
border-bottom: 6px solid #909090;padding:0em 0.2em 0em 0.2em;line-height:1.6em;
white-space: nowrap;
vertical-align: bottom;
}

//* Effekt ID's ende */
-->

milahu milahu am 21.04.06 15:56

Was sind das für komische Kommentare in Zeile 112 und 127?

BNightSpeeder am 21.04.06 17:25

Das sind... oh die sind aus einem anderen Code wohl mitrein gerutscht....

der_nic der_nic am 21.04.06 19:42

Kommentare in CSS musst du mit /* Kommentar */ machen alles andere ergibt fehler...

BNightSpeeder am 21.04.06 20:00

ja, daran lags, danke!

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt