Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [CSS] CSS Code funktioniert nicht (https://www.gegen-bilderklau.net/thread.php?threadid=163426)

Geschrieben von x_mushroom am 16.10.2009 um 22:08:

  CSS Code funktioniert nicht

he ihr smile

also, ich bin im thema css so ziemlich..schlecht großes Grinsen

& 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.


Geschrieben von Black Katrin am 16.10.2009 um 22:13:

 

lies die tutorials, du machst grundlegende fehler!


Geschrieben von 1Sm!le am 16.10.2009 um 22:15:

  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.


Geschrieben von x_mushroom am 16.10.2009 um 22:21:

 

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;}


Geschrieben von x_mushroom am 18.10.2009 um 15:35:

 

mhm? will mir keiner helfen?


Geschrieben von Rosendorn am 18.10.2009 um 15:44:

 

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


Geschrieben von Ayana am 18.10.2009 um 16:00:

 

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. smile


Geschrieben von 1Sm!le am 18.10.2009 um 17:11:

 

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 großes Grinsen
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?


Geschrieben von x_mushroom am 18.10.2009 um 17:56:

 

das mit den links & alles geht soweit auch smile 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? fröhlich


Geschrieben von 1Sm!le am 18.10.2009 um 18:21:

 

Dann hilft dir weiter, was Ayana schrieb ... die Befehle b i und u, die man im HTML einsetzt, können im CSS angepasst werden.


Geschrieben von evanescence* am 18.10.2009 um 18:36:

 

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


Geschrieben von 1Sm!le am 18.10.2009 um 18:50:

 

Das geht auch ohne die Klasse ganz wunderbar.


Geschrieben von evanescence* am 18.10.2009 um 18:53:

 

Stimmt. Man kann's aber auch mit machen großes Grinsen
Ist zwar überflüssig, aber ich war da schon immer der komplizierte Typ <.<


Geschrieben von x_mushroom am 18.10.2009 um 20:02:

 

Danke für eure Hilfe smile


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 unglücklich Denn der Rest funktioniert einwandfrei..


Geschrieben von x_mushroom am 18.10.2009 um 20:34:

 

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>


Forensoftware: Burning Board, entwickelt von WoltLab GmbH