Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Tutorials und FAQ » [CSS] Css

[CSS] Css

INSANITY
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 =(
Katja
welche farbe, die textfarbe?
soweit müsste das eigentlich richtig sein, hast du vielleicht auf der html seite selbst irgend nen fehler? ^^
Nofri
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
Katja
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.
Nofri
Danke smile

Habe nur leider im mom kein ICQ unglücklich , da ich in den USA bin smile [Schueleraustausch]
Tea
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
sTyLa_GeIsT
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?
sweet araber
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>
Schnegge
²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
sweet araber
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
Schnegge
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
sweet araber
hab Nvu^^
im editor will er's net abspeichern und bei Nvu fügt er wie gesagt,HTML grundgerüst selba wieda hinzu...
lg
Schnegge
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..
sweet araber
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
Schnegge
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;
}
sweet araber
hmh...funkz iwie imma noch net...was mach ich falsch?*heul*
Schnegge
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);
sweet araber
ja jetzt sieht mans so wies ungefähr sein solltesmile *freu*.dankeschönfröhlich
und wie macht man das bei den tabellen??vll kann mir da ja jemand helfen..
glg sa
Schnegge
Edit: Okay, erledigt

Freut mich, dass es funktioniert und ich dir helfen konnte fröhlich
Mit Tabellen kann ich dir auch nicht helfen xD
sweet araber
ne sorry,hab mich vertan....wie ist das bei den tabellen?genauso oder anders?
lg
vorherige Seite
nächste Seite
Forensoftware: Burning Board, entwickelt von WoltLab GmbH