nicht angemeldet
CSS wird ignoriert
StruppiHallo,
bei mir werden die CSS-Angaben völlig ignoriert und ich hab keine Ahnung warum. Vielleicht kann mir einer von Euch helfen.
Html-Seite
<html>
<head>
<title>ardana23.de</title>
<link rel="stylesheet" type="text/css" href="layout.css">
</head>
<body>
<br>
<h1 align="center">Willkommen auf meiner Seite! </h1><br><br>
<div align="center">
Das bin ich:<br>
<br>
<img src="bilder/photo.jpg" border="0">
</div>
</body>
</html>
layout.css
<STYLE type="text/css">
<!--
BODY
{
font-family:Arial, Verdana, Helvetica;
font-style:normal;
text-align:justify;
font-size:12pt;
color:#FFFFFFFF;
background-color:#F2F2F2;
link:#000000;
alink:#000000;
vlink=:#000000;
}
TD
{
padding:2px;
}
-->
</STYLE>
Danke im vorraus.
Gruß
Anja
-
Hallo Anja,
bei mir werden die CSS-Angaben völlig ignoriert und ich hab keine Ahnung warum. Vielleicht kann mir einer von Euch helfen.
Ja
layout.css
<STYLE type="text/css">
<!--
-->
</STYLE>Diese Zeilen dürfen in der layout.css nicht vorkommen.
In externen CSS Dateien stehen wirklich nur die Anweisungen zum Formatieren der tags. Ich denke, wenn du die überflüssigen zeilen entfernst, sollte es funktionieren.
liebe Grüße
mbr
-
Hi!
bei mir werden die CSS-Angaben völlig ignoriert und ich hab keine Ahnung warum. Vielleicht kann mir einer von Euch helfen.
layout.css
<STYLE type="text/css">
<!--
[...]
</STYLE>Entferne das <style type="text/css">...</style> aus deiner CSS-Datei. Anschließend werden deine CSS-Defintionen auch auf die HTML-Datei angewandt werden.
Den <style>-Tag brauchst du nur, wenn du dein CSS im <head>-Bereich der jeweiligen Seite definieren willst.Grüße,
Fabian St. -
Html-Seite
<html>Wo ist der DOCTYPE?
Gerade wenn du mit CSS Formatieren möchtest ist es wichitg zu Wissen ob du im Standard- oder Quirksmode arbeitest.<head>
<title>ardana23.de</title>
<link rel="stylesheet" type="text/css" href="layout.css">
</head>
<body><br>
<h1 align="center">Willkommen auf meiner Seite! </h1><br><br>Sowohl align als auch die 2 <br> sind unnötig und gehören nicht da rein, wenn du mit CSS arbeiten willst.
einfach in die CSS Datei:
h1
{
text-align:center;
margin-bottom:2em;
}<div align="center">
CSS heißt nicht das du für alles ein DIV verwenden sollst, im gegenteil, hier ist ein <p> sinnvollere, es ist ein neuer Absatz.
Wenn alle deine Elemente den Text zentrieren sollen, kannst du deis auch in die CSS Datei im body Element reinschreiben.
layout.css
<STYLE type="text/css">
<!--Diese beiden Zeilen haben nichts in der CSS Datei verloren.
Das erste ist HTML und kein CSS
Das zweite ist ebenfalls HTML, der normalerweise im CSS Block in der HTML Datei, den CSS code vor Browsern die das style Element nicht kennen verstecken sollen (z.b. Netscape 3), da du aber eine CSS Datei einbindest, sehen diese Browser die Datei sowieso nicht.BODY
{
font-family:Arial, Verdana, Helvetica;hier sollte noch eine generische Schritfart dazu (sans-serif)
color:#FFFFFFFF;
zähl mal die Fs
Du kannst solche Farben auch abkürzen, für jedes FF reicht ein Fbackground-color:#F2F2F2;
link:#000000;
alink:#000000;
vlink=:#000000;was soll das Gleichheitszeichen hier?
TD
{
padding:2px;
}Du hast kein TD Element in deinem Dokument.
-->
</STYLE>Auch das muss raus.
Struppi.
-
Moin!
background-color:#F2F2F2;
link:#000000;
alink:#000000;
vlink=:#000000;was soll das Gleichheitszeichen hier?
Ach, die neu erfundenen CSS-Eigenschaften link, alink und vlink interessieren dich nicht? Aha... :)
- Sven Rautenberg
-
background-color:#F2F2F2;
link:#000000;
alink:#000000;
vlink=:#000000;was soll das Gleichheitszeichen hier?
Ach, die neu erfundenen CSS-Eigenschaften link, alink und vlink interessieren dich nicht? Aha... :)
ertappt, wie soll ich mich da jetzt rausreden ;-)
Bei den ganzen Fehlern isr mir das glatt nicht aufgefallen.
Ich wollte ursprünglich auch noch den Link zum CSS Kapitel von selfhtml drunter schreiben, die Lektüre ist dringend anzuraten.
http://de.selfhtml.org/css/index.htmStruppi.
-
background-color:#F2F2F2;
link:#000000;
alink:#000000;
vlink=:#000000;was soll das Gleichheitszeichen hier?
Ach, die neu erfundenen CSS-Eigenschaften link, alink und vlink interessieren dich nicht? Aha... :)
Dachte die gibt es. *rotwerd*
ertappt, wie soll ich mich da jetzt rausreden ;-)
Bei den ganzen Fehlern isr mir das glatt nicht aufgefallen.
Ich wollte ursprünglich auch noch den Link zum CSS Kapitel von selfhtml drunter schreiben, die Lektüre ist dringend anzuraten.
http://de.selfhtml.org/css/index.htmStruppi.
Ups, hatte nicht gedacht das es so schlimm ist.
Werd mir die Lektüre beim nächsten Mal gründlicher vornehmen.Vielen Dank für Eure Hilfe es funktioniert jetzt. Das TD hab ich drin da ich auf anderen Seiten Tabellen habe.
Gruß
Anja
-
-
-
Hi,
Wo ist der DOCTYPE?
Gerade wenn du mit CSS Formatieren möchtest ist es wichitg zu Wissen ob du im Standard- oder Quirksmode arbeitest.Wenn kein DOCTYPE verwendet wird, ist es der Quirksmode. Man weiß es also. :)
Ob Anja schon weiß, was DOCTYPE, Standard- und Quirksmode ist, ist eine andere Frage. ;-)
Gruß, Cybaer
--
Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
-
-
Hallo, es gibt übrigens auch einen CSS-Validator. Mit dem kannst du überprüfen, ob deine CSS korrekt sind.
http://jigsaw.w3.org/css-validator/
Viele Grüsse Carrie