Hilfe - Suche - Mitglieder - Kalender
Vollansicht: Fehler In Css
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
uschi
Hat irgendjemand Langeweile rolleyes.gif und möchte mir helfen? Mit CSS kenne ich mich noch nicht so gut aus, ich lese hier und dort und habe es auch schon manchmal hinbekommen. Aber heute? HÄÄÄ unsure.gif

Im Internetexplorer wird alles richtig gezeigt - aber Netscape usw. zeigen mir meine Fehler! Aber ich weiss nicht welche Fehler ich gemacht habe!

Hier ist mein Link:Testseite für meinen Neffen

Und hier die dazugehörige format.css

}
body{
font-family: "Comic Sans MS";
text-align: center;
font-size: medium;
background-color: #000000;
background-image: url(images/harry.gif);
background-position: bottom left;
background-repeat: no-repeat;
background-attachment: fixed;
color:#C0C0C0;
}
table {
font-family: "Comic Sans MS";
font-size: medium;
}
#title {
width: 730px;
font-style: normal;
font-size: 40px;
font-variant: normal;
font-weight: normal;
height: 40px;
text-align: right;
}

table.center {
font-family: "Comic Sans MS";
font-size: medium;
text-align: center;
vertical-align: middle;
background-position: center;
}
li {
list-style-position: outside;
margin-left: 50px;
}

h1 {
font-size: x-large;
color: Silver;
margin: 0px;
}
h2 {
font-size: large;
color: Silver;
}
h3 {
font-size: smaller;
color: Silver;
}
p {
margin-top: 0px;
color: Silver;
}

a:link, a:active, a:hover
{
color: Gray;
font-size: medium;
}
a:active, a:hover
{
color: Silver;
background-color: Gray;
}
a:visited
{
color: white;
font-size: medium;
background-image: url(images/zauberst.gif);
background-position: right;
background-repeat: no-repeat;
text-decoration: none;
}
/* Die Hyperlinks im Menü */
a.menu:link, a.menu:visited
{
color: Black;
text-decoration: none;
font-size: 18px;
}
a.menu:active, a.menu:hover
{
color: Black;
background-color: Gray;
text-decoration: none;
font-size: 18px;
}

/* Das Menü */
#menu {
color: Black;
background-color: Silver;
text-align: center;
padding: 5px 10px 5px 10px;
width: 730px;
border-left: medium solid Gray;
border-right: medium solid Gray;
border-top: medium solid Gray;
font-size: 18px;
}

/* Der Inhalt */
#content {
border-top: medium solid Gray;
color: Silver;
text-align: justify;
width: 730px;
border-left: medium solid Gray;
border-right: medium solid Gray;
border-bottom: medium solid Gray;
padding: 10px 10px 0px 10px;
background-color: Black;
}
#unten{
color: Black;
background-color: Silver;
text-align: center;
padding: 5px 10px 0px 10px;
width: 730px;
border-left: medium solid Gray;
border-right: medium solid Gray;
border-bottom: medium solid Gray;
font-size: 18px;
}

Im Netscape fehlen Hintergrundbild, schwarzer Hintergrund und die Schrift stimmt auch nicht! Kann sich einer erbarmen?

Danke
Uschi
amethyst
Hallo Uschi,
heute nacht nicht mehr, aber ich schau es mir morgen mal an. Es könnte sein, dass der netscape z.b. nicht background image und background color umsetzt, weiß ich aber noch nicht ;-))

Vielleicht ist ja ein anderer schneller, Conny sieht sowas immer sehr schnell und Netizen ist auch Profi ;-)) und und und

Ihr dürft Euch alle gern vor mir betätigen ,-))

gruß uschi
fire65
hallo uschi,
im firefox 0.8 siehts gut aus , aber ein hintergrundbild seh ich auch nicht...
ZITAT
background-image: url(images/harry.gif);

vielleicht den ganzen pfad angeben...


ich persönlich würde aber was an dem grau machen?! ist zu "farblos" für einen künstler...
Worgan
Hallo,

ich würde zuerst einmal die Css Datei validieren, z.B. unter http://jigsaw.w3.org/css-validator/validator-uri.html - wenn die Seite upgeloadet ist. den Rest wirst Du dort lesen.

Martin
Conny
Hi,
außer die Klammer: '}' oberhalb von Body, weist die CSS (im Level2) auf dem ersten Blick keine fehler auf.

Sind die Pfadangaben zu den Bildern Richtig?

Die eigentliche Seite kann ich mir später erst anschauen, habe gerade wenig Zeit...

cu
Conny
uschi
Zum besseren Vergleich 2 Screenshots:
1. Internet Explorer


2. Firefox


Die CSS zu validieren ist ne gute Idee, das werde ich heute abend mal komplett durchgehen.

Danke für den Tipp!

Uschi
fire65
hallo uschi,
background:url(http://xxx.de/bilder/logo.jpg) no-repeat #0F0000 bottom right fixed;

versuchs mal so. eben dann left fixed
amethyst
Hallo Fire,
dann kann es Uschi aber nur online überprüfen, oder?

Gruß Uschi (die andere ;-))
uschi
Ich habe es geschafft. Diese Klammer war wohl wirklich der Fehler und ich weiss noch nicht mal wie die dahin gekommen ist. Auch der Tipp von fire65 war gut, DANKE!

Der einzige Fehler ist jetzt noch:

Line : 0 font-family: Es wird empfohlen, daß Sie eine generische Familie als letzte Alternative angeben

Kann ich da einfach eine andere Schriftart dazuschreiben?

Beispiel: font-family: "Comic Sans MS", Times New Roman;

oder wie muss das aussehen?

Viele Grüße

Uschi icon13.gif
fire65
ja, du solltest immer besser mehrere schriftarten angeben, aber ich denke times reicht dann.
im firefox ist das bild nun zu sehen.

aber gehört dir das bild? denk bitte an copyright!
i.b.g
Hallo,

mit generisch ist gemeint, dass man serif oder sans-serif einträgt.

Bsp.
QUELLTEXT
...
font-family: "Comic Sans MS", sans-serif;
...


Jetzt wird, wenn "Comic Sans MS" nicht auf dem Nutzer-PC-gefunden wird, die im Browser voreingestellte serifenlose Schrift angezeigt. Andere als generische Schriften machen stets Probleme, weil man nie wissen kann was beim Nutzer wirklich auf dem PC ist und was er eingestellt. Selbst alle CSS-Angaben können durch ein Nutzer-StyleSheet überschrieben werden, wenn es denn im Browser so eingestellt ist, und dann passt manchmal nichts mehr, wenn man es übertrieben hat.
Auge
ZITAT(uschi @ 13.05.2004 - 16:11)
Der einzige Fehler ist jetzt noch:

Line : 0 font-family: Es wird empfohlen, daß Sie eine generische Familie als letzte Alternative angeben

Kann ich da einfach eine andere Schriftart dazuschreiben?

Beispiel: font-family: "Comic Sans MS", Times New Roman;

Hallo

Generische Familie meint die Angabe, ob die Schrift mit oder ohne Serifen,
oder z.B. Fantasy oder Monofont sein soll.
Damit kannst du sicherstellen, daß der User die Seite in etwa so sieht,
wie du es planst, selbst wenn er keine der x angegebenen Schriften hat.
Irgendeine Schriftart, die ähnlich den gewünschten aussieht, wird er schon haben.

Zum Beispiel könnte die Zeile mit serifenlosen Schriften so aussehen:

QUELLTEXT
font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;


für Serifenschriften:

QUELLTEXT
font-family: "Times New Roman", "New Roman", serif;


oder für Monofonts (diktengleiche Schrift, wie der Standard im Editor):

QUELLTEXT
font-family: Courier, monofont;


Und immer dran denken: Schriftartnamen mit mehreren Wörtern bitte
in Anführungszeichen setzen. ;-)

Tschö, Auge
SteffenG
Hallo,

die 'generische Schriftart' wird verwendet, wenn alle Stricke gerissen sind, d.h. wenn keine der konkreten Schriftarten, die im CSS angegeben sind, auf dem jeweiligen Client-Rechner gefunden werden konnten.
Die generische Schriftart für Times wäre somit 'serif' - mit Serifen. Für Arial wäre es 'sans-serif' - ohne Serifen. Es gibt noch 'cursive' und 'monotspace' (z.B. Courier New).


schöne Grüße
Steffen


Haha - viele fast gleichzeitige Antworten... wink.gif
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.
Invision Power Board © 2001-2012 Invision Power Services, Inc.