Html und Css problem!

MajaChan · 08.05.2009, 14:58

So ich versuche mir jetzt html beizubringen und es klappt mehr oder weniger dann sah ich in einem tut das man html und css zusammenarbeiten kann, css als stylesheet shön und gut

aber da kommt schon das Problem
ich bin deim Tutorial gefolgt :

Probieren Sie selbst!

Öffnen Sie Notepad (bzw. den Texteditor Ihrer Wahl) und erstellen Sie zwei Dateien – ein HTML-Dokument und eine CSS-Datei – mit folgenden Inhalten:
default.htm

<html>
<head>
<title>Mein Dokument</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h1>Mein erstes Stylesheet</h1>
</body>
</html>

---------------------------------------------------------------------------------------------------------------------------------------------------

style.css

body {
background-color: #FF0000;
}

Nun speichern Sie beide Dateien in denselben Ordner. Denken Sie daran, die Dateien mit Ihren richtigen Endungen (“.css” bzw. “.htm”) zu speichern.

Öffnen Sie die default.htm in Ihrem Browser und Sie sehen, dass die Seite einen roten Hintergrund hat. Herzlichen Glückwunsch! Sie haben soeben Ihr erstes Stylesheet erstellt.

und bei mir ist nichts geschehen die farbe der "website" hat sich nicht veränder, echt keine Ahnung was ich machen soll bin schin total verzweifelt ^^

Anzeige

Schau dir mal diesen Bereich an. Dort ist für jeden was dabei!

Lupus Terre · 08.05.2009, 15:03

schreib das programm/die datei nochmal neu. möglicherweise gabs da ein problem bei der speicherung, bzw. du hast iwo zeichen vergessen.

MfG

Lupus Terre

MajaChan · 08.05.2009, 15:11

Noch etwas diese Zeile verstehe ich nicht ganz

<link rel="stylesheet" type="text/css" href="style.css" />

was ist stylesheet ?
wozu das type="text/css"?
das ist der name der daitei oder href="style.css"? und wo es sich halt befindet ^^

Sorry für die vielen fragen, finde es halt interessant und bin immer sehr traurig wenns nicht funzt

siroko87 · 08.05.2009, 15:23

MajaChan

Noch etwas diese Zeile verstehe ich nicht ganz

<link rel="stylesheet" type="text/css" href="style.css" />

was ist stylesheet ?
wozu das type="text/css"?
das ist der name der daitei oder href="style.css"? und wo es sich halt befindet ^^

Sorry für die vielen fragen, finde es halt interessant und bin immer sehr traurig wenns nicht funzt

stylesheet ist halt css ... css steht für cascading style sheets

text/css ist halt das content attribut welches einfach vereinbart das in diesem fall cascading style sheet benutzt wird
href="" ... ja da hast du recht, wenn es nicht im selben ordner wäre müsstest du den pfad natürlich komplett angeben

edit: dein versuch klappt vielleicht deswegen nicht background-color: #FF0000; wo sind den da die " "
edit2: oh hab ich nicht gwusst hab immer " " gemacht, funktioniert auch damit werds aber weiterhin so machen
mfg

Jan · 08.05.2009, 15:49

siroko87

dein versuch klappt vielleicht deswegen nicht background-color: #FF0000; wo sind den da die " "
mfg

Die werden bei CSS nicht benötigt.

Einfacher wäre es aber nur

Code:

background-color: red;

zu schreiben, sieht außerdem besser aus (Also im Code, im Browser ergibt beides das gleiche

).

MfG

DD64 · 08.05.2009, 15:51

siroko87

edit: dein versuch klappt vielleicht deswegen nicht background-color: #FF0000; wo sind den da die " "
mfg

in CSS macht man keine " "

MajaChan · 08.05.2009, 16:42

So ich habe die Tutoriale langsam durchgearbeitet und komme zu einer frage

kann ich eigentlich im html Bilder zu einem Unterordner verlinken also so :
<a href="page2.htm"><img src="SoulEater" /></a>

und wenn ich die Seite ins web stellen sollte werden alle so via unterordner verlinkte seiten auch ins web kommen in quasi einen slot?

siroko87 · 08.05.2009, 16:49

MajaChan

So ich habe die Tutoriale langsam durchgearbeitet und komme zu einer frage

kann ich eigentlich im html Bilder zu einem Unterordner verlinken also so :
<a href="page2.htm"><img src="SoulEater" /></a>

und wenn ich die Seite ins web stellen sollte werden alle so via unterordner verlinkte seiten auch ins web kommen in quasi einen slot?

deine frage ist mir nich verständlich

falls du meinst dass das bild sowie deine signatur einen hyperlink enthält dann ja

falls du meinst das du nur diese seite ins internet stellst und automatisch werden auch die anderen auf dem webspace sein ... dann nein

edit: falls du meinst das wenn du so verlinkst, indem du nur den namen der datei angibst und ob diese ganzen dateien dann in ein und dem selben ordner sein müssen dann ja

mfg

MajaChan · 08.05.2009, 17:00

Ok ich versuche es zu erlkären bin aber schlecht darin :P

1. Man kann ja Bild reinstellen also so

<a href="page2.htm">Zur Seite 2</a>

und man kann Fotos reinstellen wie

<a href="http://www.html.net"><img src="lsouleater.png" /></a>

kann ich vielleicht ihrgendetwas tun damit ich, naja auf das bild klicke und es mich weiter zu page 2 leitet?

Zum webspace

das verstehe ich nicht so ganz wie es leuft

z.B ich kaufe mir Webspace kaufe und ich eine Seite mit 10 Nebenseiten habe kommen alle ins Internet

, wenn nicht was muss ich tun damit ich alle reinbekomme, mehr Webspace kaufen?

Sorry kenne mich da noch gaaar nicht aus

siroko87 · 08.05.2009, 17:56

MajaChan

Ok ich versuche es zu erlkären bin aber schlecht darin :P

1. Man kann ja Bild reinstellen also so

<a href="page2.htm">Zur Seite 2</a>

und man kann Fotos reinstellen wie

<a href="http://www.html.net"><img src="lsouleater.png" /></a>

kann ich vielleicht ihrgendetwas tun damit ich, naja auf das bild klicke und es mich weiter zu page 2 leitet?

Zum webspace

das verstehe ich nicht so ganz wie es leuft

z.B ich kaufe mir Webspace kaufe und ich eine Seite mit 10 Nebenseiten habe kommen alle ins Internet

, wenn nicht was muss ich tun damit ich alle reinbekomme, mehr Webspace kaufen?

Sorry kenne mich da noch gaaar nicht aus

zu 1: so stellst du kein bild rein sondern so erstelllst du einen hyperlink
zu 2: so stellst du kein foto (bild) rein sondern so erstellst du einen hyperlink auf einem bild... sprich wenn man auf das bild klickt kommt man dorthin wo du halt hingewiesen hast

sprich das beantwortet schon deine frage wie du ein bild erstellst welches dich auf eine andere seite bringen kann indem du draufklickst

webspace würde ich an deienr stelle noch nicht kaufen, es gibt genügend kostenloser webspaceanbieter, das problem welches du angesprochen hast wenn mal deinw ebspace voll ist, was du dann amchen kannst nunja... es läuft nicht in so kleinen maßstäben ab wie du es beschreiben hast aber dennoch kann er ja mal voll sein... es gibt wie gesagt verschiedene webspaceanbieter die man zahlen muss aber auch welche die man nicht zahlen muss, gibt sogar ein paar die kostenlos sind und du hast kein limit..

wäre ein bisschen komplex jetzt aufzuzählen was der eine bieter was der andere nicht bietet usw, da du dich in der materie noch nciht so auskennst würden nur noch andere fragen daraus resultieren, ich rate dir einfach dich selbst mit dem thema zu befassen und wenn dann unklarheiten auftauchen zu fragen, den so lernt man auch am besten

nochmal zusammengefasst:

<a href="pfad"><img src="pfad">text</a> liefert dir ein bidl welches durch anklicken weiterleitet

<img src="pfad"> liefert dir ein einfaches bild

<a href="pfad">text</a> liefert dir einen hyperlink der dich sozusagen von seite zu seite springen lässt

edit: eine wunderbare seite selfhtml.org

mfg