x_mushroom
he ihr
also, ich bin im thema css so ziemlich..schlecht
& nunja, ich häng grad bei dem code:
| 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:
38:
39:
40:
41:
42:
43:
44:
45:
46:
|
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: 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;}
|
|
Das mit den Links & der Gestaltung von Fett, Kursiv & Unterstrichen will nicht funktionieren.
Ich hoffe ihr könnt mir helfen, & dann auch sagen was denn genau falsch war. Ich möcht ja was dabei lernen xD
lg.
Black Katrin
lies die tutorials, du machst grundlegende fehler!
1Sm!le
| 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.
x_mushroom
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;}
|
|
x_mushroom
mhm? will mir keiner helfen?
Rosendorn
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
Ayana
probiers bei fett, unterstrichen und kursiv mal so:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
|
b {
font-weight: bold;
}
i {
font-style:italic;
}
u {
text-decoration: underline;
} |
|
Und bei den Links.. Ich schreibe die a immer klein, also folgendermassen:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
|
a:link{
color: #000000;
text-decoration: none;
}
a:active{
color: #000000;
text-decoration: none;
}
a:visited{
color: #000000;
text-decoration: none;
}
a:hover{
color: #dbdbdb;
text-decoration: none;
} |
|
Musst dir halt dann noch anpassen.
1Sm!le
| 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?
x_mushroom
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?
1Sm!le
Dann hilft dir weiter, was Ayana schrieb ... die Befehle b i und u, die man im HTML einsetzt, können im CSS angepasst werden.
evanescence*
Mirist nicht direkt bekannt, dass das geht. Du könntest höchstens eine Klasse erstellen.
Sähe dann so aus:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
|
...
b.nameofclass {
font-weight: bold;
font-family: arial, verdana, tahoma;
color: yellow
}
...
|
|
Und dann später eben..
| code: |
1:
2:
3:
4:
5:
|
<html>
<body>
<b class="nameofclass">Hier soll dann der Text stehen xD</b>
</body>
</html> |
|
Falls du das so meinst. Hab's jetzt auch nicht wirklich ausprobiert.Jedenfalls funktioniert da so, wenn man div-klassen erstellen will xD
1Sm!le
Das geht auch ohne die Klasse ganz wunderbar.
evanescence*
Stimmt. Man kann's aber auch mit machen
Ist zwar überflüssig, aber ich war da schon immer der komplizierte Typ <.<
x_mushroom
Danke für eure Hilfe
Das ganze sieht soweit 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:
|
...
b {
font-weight: bold;
color: #AE3333;
background-color: #CFD1D1;
}
i {
font-style:italic;
color: #AE3333;
}
u {
text-decoration: underline;
color: #CE7F7E;
text-decoration: dashed;
}
...
|
|
aber irgendwie...wills trotzdem nicht funktionieren
Denn der Rest funktioniert einwandfrei..
x_mushroom
| 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>
|
|