Gegen Bilderklau - Das Original | Druckvorschau: Css

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)
---- Tutorials und FAQ (https://www.gegen-bilderklau.net/board.php?boardid=45)
----- [CSS] Css (https://www.gegen-bilderklau.net/thread.php?threadid=5737)

Geschrieben von INSANITY am 25.10.2006 um 01:04:

Ich hab ein Problem;
Das ist meine style.css Datei:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:

Body { 
color: #9F9675;
text-align: center;
font-family: Tahoma; 
font-size: 12pt;
scrollbar-face-color: #C8BE9A;
scrollbar-highlight-color: #DCD5BA;
scrollbar-3dlight-color: #DCD5BA;
scrollbar-darkshadow-color: #B1AC96;
scrollbar-shadow-color: #C8BE9A;
scrollbar-arrow-color: #9C9578;
scrollbar-track-color: #DCD5BA;
background-repeat:no-repeat;
}
A:link {text-decoration: none; } 
A:visited {text-decoration: none; } 
A:hover {text-decoration: none; position: relative; top: 1; left: 1;} 
A:active {text-decoration: none; }

Müsste eigentlich richtig sein, doch wieso fuktioniert das mit der Farbe nicht? Die Farbe bleibt einfach schwarz =(

Geschrieben von Katja am 25.10.2006 um 10:04:

welche farbe, die textfarbe?
soweit müsste das eigentlich richtig sein, hast du vielleicht auf der html seite selbst irgend nen fehler? ^^

Geschrieben von Nofri am 18.11.2006 um 20:37:

HI!

Wie mache ich dass denn dann fuer eine Tabelle?
Kann ich auch nur die HIntergrundfarbe der Tabell im CSS Code machen und den Rest als HTMl ?

Blicke da noch net so ganz durch .. sry smile

Lg Linda

Geschrieben von Katja am 18.11.2006 um 22:10:

mit abellen ist das allgemein bei css was schwieriger, weil der code davon von IE und Firefox anders interpretiert werden.
Aber wenn du magst, kannste mich mal per ICQ anschreiben, dann versuch ich dir das zu erklären, bzw. gebe dir den code.

Geschrieben von Nofri am 21.11.2006 um 06:11:

Danke smile

Habe nur leider im mom kein ICQ unglücklich

, da ich in den USA bin smile

[Schueleraustausch]

Geschrieben von Tea am 29.11.2006 um 21:19:

Hallöle,

ich habe mir jetzt so einen schicken externen CSS-Code gebastelt großes Grinsen

und hab natürlich prompt ein Problem -.-
Also, ich habe die Tabellen ind td1 und td2 unterteilt, weil ein Teil eine Hintergrundfarbe haben soll und ein Teil nicht:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:

td, #td1, #td2 	{
		font-family: Verdana; 
		font-size: 10px; 
		text-align: center;
		margin: 0;
		line-height: 13px;
		cursor: text;
		}

#td1  	 	{
		font-color: #000000; 	
		background-color: #8e9eac;
		}

#td2  	 	{
		font-color: #8e9eac; 	
		background-color: #FFFFFF;
		}

Alles schön und gut, klappt auch, ABER: bei td1 wir die Schrift einfach nicht schwarz. Ich weiß auch warum, denn ich habe für den Text insgesamt die Schriftfarbe #8e9eac eingegeben:

code:
1: 2: 3: 4: 5: 6: 7: 8: 9:	{ font-family: Verdana; font-size: 10px; text-align: center; color: #8e9eac; margin: 0; line-height: 13px; cursor: text; }

Nur: Wie mache ich dem jetzt begreiflich, dass ich außerhalb der Tabellen eine eigene Textfarbe will und dass ich sie innerhalb der Tabelle ohne Probleme ändern kann?

Hoffe das war verständlich xD

Geschrieben von sTyLa_GeIsT am 04.12.2006 um 19:23:

hi ich hab auch ein problem... ich hab diesen code mit dem stylesheet verweis in meiner hp, doch der style erscheint 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:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:

<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>Willkommen</title>
<link rel="stylesheet" href="style.css">
</head>
<body style="width: 626px;">
<div style="text-align: center; font-weight: bold;"><small
 style="font-family: Verdana;"><br>
Willkommen auf dem Landgest&uuml;t Drammetal!</small><br>
</div>
<br>
<br>
<img style="width: 300px; height: 250px; float: left;" alt=""
 src="file:///D:/pferde/icons/0.1/welcome.0.1gif.gif" hspace="5"
 vspace="5"><small style="font-family: Verdana;"><small>Ich
freue mich, dich hier auf dem virtuellen Landgest&uuml;t Drammetal
begr&uuml;&szlig;en zu d&uuml;rfen.<br>
Hier dreht sich alles um Pferde, ihre Aufzucht, gemeinsame Erlebnisse
mit den Besitzern und um den Spa&szlig; mit Tieren. <br>
<br>
Aber erkunde doch erst einmal unseren Hof und vielleicht
k&ouml;nnen wir dich sp&auml;ter als Mitglied bei uns
begr&uuml;&szlig;en. <br>
<br>
Bei Fragen und Kritik stehe ich gern zur Verf&uuml;gung.<br>
Die Hofleitung</small></small><br>
<br>
<br>
<br>
<br>
<br>
<div style="text-align: center;"><br>
<img style="width: 210px; height: 70px;" alt=""
 src="file:///D:/pferde/icons/0.1/Anno.gif"><br>
<br>
<br>
<small style="font-family: Verdana;"><small><span
 style="text-decoration: underline;">Hinweis:</span>
Dies ist ein virtueller Reiterhof, <br>
das hei&szlig;t das alles nur virtuell existiert.<br>
Du kannst hier nichts wirklich kaufen und <br>
die Charaktere der Tiere sind alle frei<br>
erfunden. Der Hof existiert nicht in der<br>
Realit&auml;t. Weiteres in den FAQ&acute;s. </small></small><br>
<br>
<br>
</div>
</body>
</html>

aber beim style funktioniert alles...
hab ich da irgendwo ne fehler?

Geschrieben von sweet araber am 06.01.2007 um 21:32:

sTyLa_GeIsT
du musst wenn du zur style-seite verlinkst auch den vollständige addy eingeben ( http://deinedomain.de/style.css )

bei mir funks des net...ich hab alle codes eingeben und verlinkt.ich zeig mal die 2 codes vll findet ja jemand was

code von der textseite seite:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Homa</title>
<link rel="stylesheet" type="text/css"
href="http://gestuetmarena.ge.funpic.de/style.css">
</head>
<body>
Herzlich Willkommen<br>
</body>
</html>

code von der style-seite:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>style</title>
BODY {
color: #E3E1E1; text-align : center; Tahoma; background-image: http://gestuetmarena.ge.funpic.de/homebilde.jpg;
font-size:7pt ; background-attachment: fixed;
background-position:center; background-color: #000000;
scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000; }
</head>
<body>
<br>
</body>
</html>

Geschrieben von Schnegge am 06.01.2007 um 22:05:

²sweet araber
Mach das HTML-Grundgerüst weg.
Also so

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:

BODY {
color: #E3E1E1; text-align : center; Tahoma; background-image: http://gestuetmarena.ge.funpic.de/homebilde.jpg;
font-size:7pt ; background-attachment: fixed;
background-position:center; background-color: #000000;
scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000; }

Versuch's mal, hab jetzt nur flüchtig geguckt

Geschrieben von sweet araber am 06.01.2007 um 22:27:

also

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>style</title>

und

</head>
<body>
<br>
</body>
</html>

weg???aba dann fügt mein proggi das selber wieder hinzu^^
lg sa

Geschrieben von Schnegge am 06.01.2007 um 22:30:

Genau, einfach nur das CSS ohne das Grundgerüst - den Fehler hatte ich anfangs nämlich auch.
Was hast du denn da für ein Programm?
Sonst schreib das einfach in den normalen Editor, ist bei Windwos immer dabei Augenzwinkern

Geschrieben von sweet araber am 06.01.2007 um 22:38:

hab Nvu^^
im editor will er's net abspeichern und bei Nvu fügt er wie gesagt,HTML grundgerüst selba wieda hinzu...
lg

Geschrieben von Schnegge am 06.01.2007 um 22:52:

Hmm..mit NVU kenn ich mich nicht aus, aber wenn er dir das immer einfügt, dann ist das doof..
Der Editor speichert's nicht ab? Wird ja immer seltsamer +gg+
Du müsstest das nur einfügen, Speicher unter -> style.css und fertig..

Geschrieben von sweet araber am 06.01.2007 um 23:03:

okay mim editor gehts jetzt,aba wenn ich auf die site gehe dann ist da nix,was ich im CSS-code eingegeben hab...kein HG,keine scrollbars nur der text^^
lg sa

Geschrieben von Schnegge am 06.01.2007 um 23:10:

Die Scrollbars werden noch nicht angezeigt, weil es keine braucht.
Mal mal ein paar Absätze, so dass der Text über mehr als eine Seite geht
Und versuch's so

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:

 BODY {
color: #E3E1E1;
text-align : center;
background-image: url(homebilde.jpg);
font-size:7pt ;
font-family: Tahoma;
background-attachment: fixed; 
background-position: center;
background-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000;
}

Geschrieben von sweet araber am 06.01.2007 um 23:18:

hmh...funkz iwie imma noch net...was mach ich falsch?*heul*

Geschrieben von Schnegge am 06.01.2007 um 23:43:

Ich hab den Fehler gefunden, warum es dir deine CSS-Datei nicht 'anzeigt'.
Manchmal bin ich aber auch zu doof oO
Und zwar steht in deinem Link auf der Homa Seite "style.html" es müsste richtig aber "style.css" heißen.

Allerdings zeigt er das HgBild nicht korrekt an, da guck ich noch Augenzwinkern

Edit:
Erledigt
Deine Homa Seite, den oben genannten Fehler hab ich ausgebessert

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:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>Homa</title>
 <link rel="stylesheet" type="text/css" href="style.css"></head>
<body>
Herzlich Willkommen<br>
<br>
ttttttttttt<br>
<br>
<br>
bla bla bkla<br>
<br>
<br>
dddddd<br>
<br>
dlll<br>
<br>
<br>
eeeee<br>
<br>
<br>
<br>
<br>
rrrrrrrrrrrrrrrrrrrrr<br>
<br>
<br>
<br>
<br>
<br>
jdhsdmjsd<br>
<br>
<br>
gggggg<br>
<br>
ffffff<br>
</body></html>

und die Style Datei

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:

BODY {
color: #E3E1E1; text-align : center; Tahoma; 
background-image: url(http://gestuetmarena.ge.funpic.de/homebilde.jpg);
font-size:7pt ; background-attachment: fixed;
background-position:center; background-color: #000000;
scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000; }

Hier musste man statt

code:
1: 2:	background-image: http://gestuetmarena.ge.funpic.de/homebilde.jpg;

das angeben

code:
1:	background-image: url(http://gestuetmarena.ge.funpic.de/homebilde.jpg);