PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : css funkt net


rrdh
12.04.2002, 21:07
an folgendem css funktioniert das balkenfarbenverändern nicht. warum?

a:link { color:#ffffff; text-decoration:none; font-weight:none; }
a:visited { color:#ffffff; text-decoration:none; font-weight:none; }
a:hover { color:#99cccc; text-decoration:none; font-weight:none; }
a:active { color:#99cccc; text-decoration:none; font-weight:none; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:5pt; color: #ffffff}

body{
background-attachment:fixed;
background-color:#333333;
background-image:url(http://home.arcor.de/whoods/haupt/bg.gif);
color:#ffffff;
font-family:"Courier New, Courier, mono",Verdana,Arial,Helvetica,sans-serif;
scrollbar-3dlight-color:#555555;
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:#333333;
scrollbar-dark-shadow-color:#666666;
scrollbar-face-color:#666666;
scrollbar-highlight-color:#555555;
scrollbar-shadow-color:#666666;
scrollbar-track-color:#777777;
}

der htmlcode sieht dann so aus:

<html>
<head>
<title>cruel>>> wallpapers</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<link rel=&quot;stylesheet&quot; href=&quot;navi.css&quot; type=&quot;text/css&quot;>
</head>

<body bgcolor=&quot;#333333&quot; text=&quot;#0 [und so weiter]


Mac Fly
12.04.2002, 22:49
ersetze font-family:&quot;Courier New, Courier, mono&quot;,Verdana,Arial,Helvetica,sans-serif; mitfont-family:&quot;Courier New&quot;,Courier,mono,Verdana,Arial,Helvetica,sans-serif;

Das is das einzigste, was mir grade so auffiel ;)

sami
12.04.2002, 23:06
du hast body zweimal drin (das zweite mal übrigens ohne space vor { was ned gut ist)

h3r3tic
16.04.2002, 10:08
bei dir sind glaube ich zu viele sachen doppelt drinnen
versuche mal folgendes

navi.css
a:link {
color : #ffffff;
text-decoration : none;
font-weight : normal;
}
a:visited {
color: #ffffff;
text-decoration: none;
font-weight: normal;
}
a:hover {
color: #99cccc;
text-decoration: none;
font-weight: normal;
}
a:active {
color: #99cccc;
text-decoration: none;
font-weight: normal;
}
body {
background-attachment: fixed;
background-color: #333333;
background-image: url(http://home.arcor.de/whoods/haupt/bg.gif);
color: #ffffff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
scrollbar-3dlight-color:#555555;
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:#333333;
scrollbar-dark-shadow-color:#666666;
scrollbar-face-color:#666666;
scrollbar-highlight-color:#555555;
scrollbar-shadow-color:#666666;
scrollbar-track-color:#777777;
}

html datei

<html>
<head>
<title>cruel>>> wallpapers</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<link rel=&quot;stylesheet&quot; href=&quot;navi.css&quot; type=&quot;text/css&quot;>
</head>
<body>
Site Content
<body>

good luck


und beschraenke dich nicht auf eine windows schriftart

rrdh
18.04.2002, 19:56
ich weiß, dass die folgende frage vielleicht dämlich
klingt, aber: warum soll ich mich nicht nur auf eine
windows-schriftart beschränken?

maulwurf
18.04.2002, 20:00
vielleicht hat nich jeder diese schriftart (installiert)
wenn du noch ein, zwei alternativen angibst, is die wahrscheinlichkeit größer, dass die gewünschte schriftart auch verwendet wird.

wenn du keine alternative angibst und der user sie nich hat, dann stellt der browser womöglich eine schrift dar, die ganz grässlich aussieht oda so... :rolleyes:

cya

Dominic Suter
19.04.2002, 07:51
Meines erachtens reicht es, wenn man eine Windows Schriftart, eine Mac Schriftart und anschliessend die Family (also z.B.serif) deklariert. Dadurch hat man jeden Browser und jedes Betriebssystem sicher definiert und auf den beiden häufigen Browsern IE und NN wurden die Schriftarten explizit bestimmt.

rrdh
19.04.2002, 16:14
okok, schon gut, ihr habt mich überzeugt ....
trotzdem funktioniert die css-file nicht !

sami
19.04.2002, 16:17
wie sieht das css denn im moment genau aus?

h3r3tic
19.04.2002, 16:43
also mit dem was ich geschrieben habe funzt die
balkenveraenderung ... weiss nicht was du hast
achja das ganze soll wohl bloss ab ie 5.5 gehen
und auch nur da

poste mal deine version

rrdh
20.04.2002, 14:03
taataa!

(ohne die rautedings)
################################

navi.css
a:link {
color : #ffffff;
text-decoration : none;
font-weight : normal;
}
a:visited {
color: #ffffff;
text-decoration: none;
font-weight: normal;
}
a:hover {
color: #99cccc;
text-decoration: none;
font-weight: normal;
}
a:active {
color: #99cccc;
text-decoration: none;
font-weight: normal;
}
body {
background-attachment: fixed;
background-color: #333333;
background-image: url(http://home.arcor.de/whoods/haupt/bg.gif);
color: #ffffff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
scrollbar-3dlight-color:#555555;
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:#333333;
scrollbar-dark-shadow-color:#666666;
scrollbar-face-color:#666666;
scrollbar-highlight-color:#555555;
scrollbar-shadow-color:#666666;
scrollbar-track-color:#777777;
}

#################################

Dominic Suter
20.04.2002, 20:28
Ich hab das File mal durch meinen Style-Checker gejagt. Der ist eigentlich mit (fast) allem einverstanden.
Folgende Hinweise:

Die farbigen Scrollbalken funktionierenerst ab IE 5.5 und groesser (und nur im IE)
a.hover ist erst in CSS2 definiert (sollte aber kein Problem sein)
Netscape beachtet das body-Tag in Tabellem nicht, daher solltest du die Tabellen auch in die Body Definition integrieren.

also body, td {...}

Falls das File noch immer nicht funktionieren sollte, dann poste uns noch einmal genau den Fehler, denn bei mir sind die Scroll-Balken farbig...

Mac Fly
21.04.2002, 02:04
Der Style-Checker würd mich interessieren!
URL? Infos? :D

rrdh
21.04.2002, 10:55
ahh!!!!!!! ich habe jetzt auf ie6.0 upgedated und: tatsächlich! die balken sind tatsächlich farbig! aber poste mal die url von dem style-checker, die würd mich nämlich auch mal interessieren

-rrdh

Bauchi
21.04.2002, 12:19
http://jigsaw.w3.org/css-validator/

wer google&acute;n kann ist im vorteil .... :mauer:

Dominic Suter
21.04.2002, 16:55
Danke Bauchi. :D

Mac Fly
21.04.2002, 17:43
Jupp, danek, aberThe new CSS validator will be available for download as soon as possible. We apologize for the inconvenience.
:mauer:

Dominic Suter
21.04.2002, 20:16
Ich verwende den W3C Validator aus einem Programm namens Top Style. Das kann man auch als Shareware verwenden, solange es einen nicht stört, ein paar mal auf einen OK Button zu klicken. Ist aber ein schönes Proggi, da man das geschriebenen CSS-File gleich sehen kann. Dann passen die Farben gleich beim ersten mal :)

Von diesem Programm aus kann man das CSS-File dann auch durch den W3C Validator &quot;jagen&quot; (habe ich heute gemacht, er sollte also laufen).