Probleme mit CSS

Zwicke · 27. November 2007

Hi,
ich hab mich mal ein bisschen mit CSS auseinander gesetzt und hab mal mit einem einfach Beispiel angefangen (aus einem Buch abgeschrieben).
Das Problem ist es tut einfach nichts.

Hier das HTML-File:

Code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Style Sheets</title>
</head>
<body>
bla
</body>
</html>

und hier das CSS-File:

Code:

<style type="text/css">
body {background-color: #FBFFCF}
</style>

Ich verwende Ubuntu + Firefox 2.0.
Die beiden Files liegen im selben Ordner, ich hab mich auch nicht beim Namen verschrieben.

Danke für eure Hilfe!

Lord Alien · 27. November 2007

Hall Zwicke,

eine Farbcode darfst du keinenfalls in Anführungszeichen schreiben, sondern nur mit dem "#" vorne dran. In Anführungszeichen kommt nur sowas wie "red" bzw "blue".

mfg

Prypjat · 27. November 2007

Innerhalb einer CSS-Datei wird generell kein Markup verwendet. Du musst also diese <style>-Elemente entfernen. So wäre es richtig:

Code:

body {
  background-color: #FBFFCF;
}

Die <style>-Umgebung ist nur für das Einbetten von CSS in einer HTML-Datei gedacht.

Zwicke · 27. November 2007

Danke für die schnellen Antworten.
Hab das ausprobiert macht jedoch keinen Unterschied.
BTW: Im Buch stehts jedenfalls mir ".
@ ober mir:
Verstehe^^

dummix · 27. November 2007

Lord Alien schrieb:
Hall Zwicke,

eine Farbcode darfst du keinenfalls in Anführungszeichen schreiben, sondern nur mit dem "#" vorne dran. In Anführungszeichen kommt nur sowas wie "red" bzw "blue".

mfg

In Anführungszeichen kommen nur Stringwerte, z.B. bei content: "text" und, jedoch optional, Pfadangaben, z.B. background: url("../bild.gif").

krizzelfix · 27. November 2007

Wenn das wirklich genau so in deinem Buch steht:
a) Wie heisst das Buch?
b) Von wann ist es?

Ich werde dann einen weiten Bogen drum machen wenn ich es mal sehe

Zweipunktnull · 27. November 2007

Hach... Es ist schon eine Krux mit den Büchern im IT-Bereich.
Sie werden entweder von Autoren geschrieben, die zwar gut schreiben können, sich in der Materie allerdings schlecht auskennen.
Oder sie werden von Entwicklern geschrieben, die sich zwar sehr gut in ihrem Fachgebiet auskennen, von einer vernünfigen Didaktik und einem guten Schreibstil jedoch keine Ahnung haben.
Ausnahmen gibt es leider selten.

Zwicke · 28. November 2007

Markt + Technik HTML von Günter Born

Simple Man · 28. November 2007

müsste so nun eigentlich gehen.

body {background-color: black}

Hast du einen lokalen Server wie Xampp laufen?

so geht der spass aber auch. Hier ist die Deklaration im "head"

PHP:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">

<style type="text/css">
body {background-color: green}
</style>

<title>Style Sheets</title>
</head>
<body>
bla
</body>
</html>

S3NS3I · 29. November 2007

Ich empfehle dir folgende Seite...http://www.css4you.de/

krazy-krizi · 29. November 2007

Simple Man schrieb:
Hast du einen lokalen Server wie Xampp laufen?

solange es nur html ist, geht es auch ohne server. kannst einfach das file im browser aufmachen.
wenn du einige "css-spielchen" ausprobieren willst wie dropdown menus oder runde div-tag die mit jedem browser funktionieren... kannst mal http://www.cssplay.co.uk/ durchstöbern... hat ab und zu geniale ideen... ;-)

izi, greez krizi...

Zwicke · 1. Dezember 2007

Danke für eure Antworten, werd mir mal die Seiten durchlesen.

Das mit der Farbe geht schon mal.
Nun wollte ich den Text zentrieren, doch das geht bei mir nicht (ohne dem Buch).
Hier der Code:
body
{
background-color: #669999;
text-align: center;
}

Ein Bild sollte da nicht das Problem sein, oder?

Crizzo · 1. Dezember 2007

Gib uns mal dein Testcase (lauffähige HTML mit im head-Element eingebundenem CSS-Code) in einem Code-Tag! (#-Button)

dummix · 1. Dezember 2007

Das zentrierte Blockelement bekommt margin: auto.

Crizzo · 1. Dezember 2007

Texte und Bilder sind keine Blockelemente.

Zwicke · 2. Dezember 2007

hier ist der Code:

HTML:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">

<title>Startseite</title>

</head>

<body>

<h1>WILLKOMMEN!</h1>
<br><br>
<img src="bla.jpg">
<br><br><br><br><br>
blablabla
</body>

</html>

Dachte mir css dürfte recht einfach sein, hab micht wohl geirrt^^

krizzelfix · 2. Dezember 2007

So wird der gesamte Inhalt mittig ausgerichtet:

HTML:

<div style="margin: 0px auto;">
<h1>WILLKOMMEN!</h1>
<br><br>
<img src="bla.jpg">
<br><br><br><br><br>
blablabla</div>

Grüße

tewes

Zwicke · 2. Dezember 2007

tut sich leider auch nichts damit

HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Startseite</title>
</head>
<body>
<div style="margin: 0px auto;">
<h1>WILLKOMMEN!</h1>
<br><br>
blablabla
</div>
</body>
</html>

Hoffe ich stell mich grad nicht dumm an, aber danke für eure Hilfe!

Zwicke · 2. Dezember 2007

Kann meine Frage selbst beantworten-> hab micht dumm angestellt, hab da text-align im style sheet vergessen.

Sorry für Doppelpost

dummix · 2. Dezember 2007

Black.Hawk schrieb:
Texte und Bilder sind keine Blockelemente.

ich denke, es sollte kein Problem sein, jegliche Elemente per CSS als Blockelemente auszugeben - Stichwort display.

Probleme mit CSS

Lieutenant

Lt. Junior Grade

Ensign

Lieutenant

Lt. Junior Grade

Commander

Commander

Lieutenant

Lt. Commander

Cadet 3rd Year

Ensign

Lieutenant

Redakteur Pro

Lt. Junior Grade

Redakteur Pro

Lieutenant

Commander

Lieutenant

Lieutenant

Lt. Junior Grade

Ähnliche Themen