 CSS Code funktioniert nicht |
Black Katrin
Mitglied
Dabei seit: 22.11.2005
Beiträge: 7.125
Herkunft: Schweiz
 |
|
lies die tutorials, du machst grundlegende fehler!
|
|
16.10.2009 22:13 |
|
|
1Sm!le
Mitglied
Dabei seit: 05.03.2005
Beiträge: 441
Herkunft: Berlin
|
|
| RE: CSS Code funktioniert nicht |
     |
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
|
font-wight:bold:color: #AE3333;background-color: #CFD1D1;
font-wight:underline:
{
color: #CE7F7E;
text-decoration: underline:dashed;}
font-wight: italic: {color:#AE3333;
text-transform: upperline;}
A:link:{color: #797777;
background: #AE3333;}
A:visited:{color: #797777;
background: #AE3333;}
A:active:{color: #797777;
background: #AE3333;}
A:hover:[{color: #AE3333;
background: #797777;}
|
|
Hier ist syntaktisch einiger Unsinn.
Zunächst die grundsätzliche Struktur von CSS:
| code: |
1:
|
htmlelement { styleeigenschaft: wert; styleeigenschaft: wert; ... } |
|
Bei dir stehen diverse Eigenschaften nicht in {} und sind damit keinem HTML-Element zugeordnet. Das schon grundsätzlich.
Dann hast du vor den {} auch Doppelpunkte stehen - die gehören da nicht hin.
Dann hast du häufig den Fall a:b:c ... das gibt es nicht. Eigenschaft:Wert, was anderes kennt CSS nicht (Ausnahmen sind A:hover, A:link und co, das sind spezielle HTML-Elemente)
Wenn du das alles sortiert hast, können wir gern die einzelnen Befehle durchgehen.
__________________
|
|
|
16.10.2009 22:15 |
|
|
x_mushroom
Mitglied
Dabei seit: 15.12.2008
Beiträge: 271
Themenstarter 
|
|
Danke soweit.
[ja, tut mir leid. Für euch mache ich extrem dumme fehler, ich hab mir aber tutorials angesehen & das beste versucht]
Bei mir sieht das bis jetzt mal so aus:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
|
BODY {
color: #797777;
font-family: verdana;
text-align : center;
background-image: url(bg.jpg);
font-size:9pt;
background-attachment: fixed;
background-position:0px 0px;
scrollbar-3dlight-color:#D4D5D5;
scrollbar-arrow-color: #797777;
scrollbar-darkshadow-color: #797777;
scrollbar-face-color: #D4D5D5;
scrollbar-highlight-color: #E9E9E9;
scrollbar-shadow-color: #797777;
scrollbar-track-color: #D8D9D9;
}
font-wight bold {color: #AE3333;background-color: #CFD1D1;}
font-wight underline{color: #CE7F7E; text-decoration:dashed;}
font-wight italic{color:#AE3333; text-transform: upperline;}
A:link {color: #797777;
background: #AE3333;}
A:visited {color: #797777;
background: #AE3333;}
A:active{color: #797777;
background: #AE3333;}
A:hover[{color: #AE3333;
background: #797777;}
|
|
__________________
You steal my heart & you take my breath away.
Would you tell me, how could it be any better than this? Cause you're all I want all I need. E v e r y t h i n g. Everything.
Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von x_mushroom: 16.10.2009 22:22.
|
|
|
16.10.2009 22:21 |
|
|
x_mushroom
Mitglied
Dabei seit: 15.12.2008
Beiträge: 271
Themenstarter
|
|
mhm? will mir keiner helfen?
__________________
You steal my heart & you take my breath away.
Would you tell me, how could it be any better than this? Cause you're all I want all I need. E v e r y t h i n g. Everything.
|
|
|
18.10.2009 15:35 |
|
|
Rosendorn
kleiner Mops namens Trudy
Dabei seit: 17.08.2009
Beiträge: 30
Herkunft: Niedersachsen
|
|
ich kenn mich da auch nicht besonders aus aber ich hab mal gesehen, dass man wenn man etwas kursiv oder unterstrichen oder fett machen will auch einfache html-codes verwenden kann
| code: |
1:
2:
3:
|
<i>das kursive</i>
<b>das fette</b>
<u>das unterstrichene</u> |
|
Das ist nur eine Idee, soweit ich dein Problem überhaupt verstanden hab
__________________
|
|
|
18.10.2009 15:44 |
|
|
1Sm!le
Mitglied
Dabei seit: 05.03.2005
Beiträge: 441
Herkunft: Berlin
|
|
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
|
b {
font-weight: bold;
}
i {
font-style:italic;
}
u {
text-decoration: underline;
} |
|
Das sind Standard-Werte, die braucht man nicht ins CSS schreiben.
Zurück zum Original-CSS: Sieht schon deutlich besser aus. Der gesamt BODY{...} macht soweit Sinn 
Auch deine Angaben zu den Links - A... {} - sind soweit sinnvoll.
Keinen Sinn macht allerdings folgender Teil:
| code: |
1:
2:
3:
4:
5:
|
font-wight bold {color: #AE3333;background-color: #CFD1D1;}
font-wight underline{color: #CE7F7E; text-decoration:dashed;}
font-wight italic{color:#AE3333; text-transform: upperline;}
|
|
Da musst du dich mal fragen, was du tun möchtest ...
Momentan steht dort
"Schriftbreite Fett {Farbe:... Hintergrund:...}
..."
Das geht so noch nicht. Was möchtest du denn hier erreichen?
__________________
|
|
|
18.10.2009 17:11 |
|
|
x_mushroom
Mitglied
Dabei seit: 15.12.2008
Beiträge: 271
Themenstarter
|
|
das mit den links & alles geht soweit auch 
danke.
moah. *headmeetswall*
hab das iw aus nem tut falsch verstanden, glaub ich zumindest xD
also ich möchte das fett, kursiv, usw "gestalten" wenn du verstehst was ich meine? 
__________________
You steal my heart & you take my breath away.
Would you tell me, how could it be any better than this? Cause you're all I want all I need. E v e r y t h i n g. Everything.
Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von x_mushroom: 18.10.2009 17:59.
|
|
|
18.10.2009 17:56 |
|
|
1Sm!le
Mitglied
Dabei seit: 05.03.2005
Beiträge: 441
Herkunft: Berlin
|
|
Dann hilft dir weiter, was Ayana schrieb ... die Befehle b i und u, die man im HTML einsetzt, können im CSS angepasst werden.
__________________
|
|
|
18.10.2009 18:21 |
|
|
1Sm!le
Mitglied
Dabei seit: 05.03.2005
Beiträge: 441
Herkunft: Berlin
|
|
Das geht auch ohne die Klasse ganz wunderbar.
__________________
|
|
|
18.10.2009 18:50 |
|
|
x_mushroom
Mitglied
Dabei seit: 15.12.2008
Beiträge: 271
Themenstarter
|
|
| Zitat: |
Original von Mordred
Kann den Fehler nicht nachvollziehen..
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
|
Edit:
Was versuchst du mit
[code]
text-decoration: underline;
[..]
text-decoration: dashed;
|
|
zu bezwecken? "dashed" gibt es sowieso nicht: http://www.css4you.de/Texteigenschaften/text-decoration.html |
mir wurde gesagt, damit kann ich das unterstrichene gepunktet machen.
mhm...
ja, ich hab ds <b> Text </b> usw eingebaut & ich hab auch zur externen stylesheet datei verlink. [der rest der css funktioniert ja.]
Hier meine Testseite, hab ich vllt im html code irgenwas falsch gemacht? mhm =/
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
|
<html>
<head>
<title>Turnierstall Picasso - Erfolg ist Relativ Version 1.0</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<b>Fett</b> <br>
<u>unterstrichen</u> <br>
<i>kursiv</i> <br>
</body>
</html>
|
|
__________________
You steal my heart & you take my breath away.
Would you tell me, how could it be any better than this? Cause you're all I want all I need. E v e r y t h i n g. Everything.
|
|
|
18.10.2009 20:34 |
|
|
|
Impressum
|
Denn der Rest funktioniert einwandfrei..