[FRAGE]Zu HTML

Bananenwerfer · 10/10/2010, 21:21

Hallo liebe E*Pvpers Com,

ich habe damit angefangen HTML und CSS zu lernen,
ich bin auch recht weit gekommen,
nur das verdammte Hintergrundbild will nich funktionieren...

Ich hab schon 2 verschiedene Methoden ausprobiert:

1.

Quote:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
<title>Startseite</title>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />

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

<style type="text/css">
.rechts {
float: left;
margin-left: 20%;
}
.hgbild {
background-image: url(hgbild.png);
</style>

<body>
<p class="hgbild">
<h1>
Wilkommen
</h1>
</p>
</body>
</html>

2.

Quote:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
<title>Startseite</title>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />

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

<style type="text/css">
.rechts {
float: left;
margin-left: 20%;
}
.hgbild {
background-image: url(hgbild.png);
</style>

<body>
<p id="hgbild">
<h1>
Wilkommen
</h1>
</p>
</body>
</html>

Aber das Hintergrundbild ist nie erschienen.

Ich habe das Hintergrundbild im selben Ordner wie das Script,
es heißt auch hgbild,
das hgbild ist 5000 x 5000 groß und 11,9mb

Wenn ihr wisst an was es liegen könnte,
postet hier doch bitte,
ein THX ist auch drinne.

mfg Bananenwerfer

Gentleman Jack · 10/10/2010, 21:35

1) Du kannst doch keinen 11,mb hintergund benutzten, leute mit langsamem internet laden sich daran ja tot.
Der Bg bzw. die ganze Hp sollte im datenvolumen so klein wie möglich gehalten werden.
am besten eine kleine sich wiederholende grafik als bg.

2) Erstel im editor ne datei und speicher sie als style.css
füge das ein

HTML Code:

body {
background-image:url('./img/[COLOR="Red"]Dateiname+Endung(.png,jpeg etc.)[/COLOR]');
background-repeat:repeat;
}

3) erstell einen ordernen namens img und füge dort deinen hintergrund mit ein.

4)füge diese zeile zwischen den <head> </head> tags ein.

HTML Code:

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

dann sollte er den hintergrund laden.

Fratyr · 10/12/2010, 18:19

Also als erstes hast du nicht dem Browserbg das HIntergrundbild zugewiesen sondern
einem Paragraphen (<p>). Zweitens hat dein <p> Tag die ID hgbild, im CSS Sheet
verwendest du aber eine Klasse und keine ID. Das heißt es müsste wenn dan
<p class="hgbild"> heißen. Drittens kommen die CSS Tags immer in den Head Bereich,
also zwischen die <head> Tags.

Noch zum Schluss solltest du deine Inkompetenz nicht auf andere abwerfen, den das
was der nette Junge über deinem Post geschrieben hat war eine Verbesserung und du wohl
zu unfähig dies zu erkennen. Du hast nämlich auch die Schließenden geschweiften
Klammern bei deiner Definition vergessen... Ein Hintergrundbild im Browser wird im
body Tag deklariert (zu 99%). Ein 11MB großes Bild ist viel zu groß, Bilder über 1mb
kannste gleich weglassen, obwohl das schon die äuserste schmerzgrenze für mich ist.
Wobei ich selbst nie solche Bilder verwende.

Mir stellt sich nurnoch die Frage was der sinn eines 5000x5000px großen Bildes als
Hintergrund ist. Oder hast du sone Auflösung? Glaube kaum...

Mosuki · 10/13/2010, 08:14

Warum benutzt du inline style?
Lager am besten alles aus in eine externe CSS-Datei.

ClOuDy. · 10/13/2010, 10:49

Quote:

.hgbild {
background-image: url(hgbild.png);}

<p id="hgbild"></p>

. und id kann niemals funktionieren
class > .
id > #
und p für ein hintergrund geht zwar, ist aber ziemlich schlechter stil.
außerdem gewöhnt euch mal das an:

Quote:

background-image: url('hgbild.png');

wenns immernoch nicht geht den pfad zum überprüfen, daran liegt es nämlich. oder am dateinamen...

Fratyr · 10/13/2010, 12:25

Quote:

Originally Posted by ClOuDy.

. und id kann niemals funktionieren
class > .
id > #
und p für ein hintergrund geht zwar, ist aber ziemlich schlechter stil.
außerdem gewöhnt euch mal das an:

wenns immernoch nicht geht den pfad zum überprüfen, daran liegt es nämlich. oder am dateinamen...

Nett das du das nochmal wiederholst was ich bereits gesagt hab.. Wichtigtuer, oder einfach
zu faul zum lesen? Hochkommas sind weder ein zwingender w3 Standart noch ein Muss,
diese sind Optional. Also daran liegt es definitiv nicht. Ich bin etwas verwirrt, was sollen
die < und > ? Das sind übrigens beides auch CSS Selektoren...

Gewöhnt euch bitte an eure Kommentare zu Themen von denen ihr keine bzw. nur
bedingt Ahnung habt rauszuhalten.

Quote:

Warum benutzt du inline style?
Lager am besten alles aus in eine externe CSS-Datei.

Lesen bildet oftmals, auser du liest die Micky Maus anstatt die Posts der User...
Er hat beide Varianten probiert, wobei keine bei ihm funktioniert hat. Dies hättest du
mitbekommen wenn du aufmerksam gelesen hättest. Wobei dein Wertvoller Tipp
glaube ich dem Threadersteller kein bisschen weiterhilft.

ClOuDy. · 10/13/2010, 17:05

Quote:

Originally Posted by Fratyr

Nett das du das nochmal wiederholst was ich bereits gesagt hab.. Wichtigtuer, oder einfach
zu faul zum lesen? Hochkommas sind weder ein zwingender w3 Standart noch ein Muss,
diese sind Optional. Also daran liegt es definitiv nicht. Ich bin etwas verwirrt, was sollen
die < und > ? Das sind übrigens beides auch CSS Selektoren...

Gewöhnt euch bitte an eure Kommentare zu Themen von denen ihr keine bzw. nur
bedingt Ahnung habt rauszuhalten.

Lesen bildet oftmals, auser du liest die Micky Maus anstatt die Posts der User...
Er hat beide Varianten probiert, wobei keine bei ihm funktioniert hat. Dies hättest du
mitbekommen wenn du aufmerksam gelesen hättest. Wobei dein Wertvoller Tipp
glaube ich dem Threadersteller kein bisschen weiterhilft.

selber wichtigtuer -,-
die ">" sollen einfach nur ein pfeil sein - schwer zu verstehen oder?
und ob ich ahnung hab oder nich muss ich dir nich beweisen, fakt is das ich damit meinen unterhalt bezahlen kann.

du bist #fail

Fratyr · 10/15/2010, 10:09

Quote:

Originally Posted by ClOuDy.

selber wichtigtuer -,-
die ">" sollen einfach nur ein pfeil sein - schwer zu verstehen oder?
und ob ich ahnung hab oder nich muss ich dir nich beweisen, fakt is das ich damit meinen unterhalt bezahlen kann.

du bist #fail

Dan Frag ich mich welcher Depp dir für diesen Stuss Geld bezahlt. Hätte ich mir das Jahre
lange lernen verschiedener Websprachen sparen können wenn man auch mit Halbwissen
Geld verdienen kann :D:D Designen kannst du nebenbei auch nicht.

Im Nachhinein ist man oftmals schlauer, und jemand der mit Worten wie "Fail" argumentiert
kann schonmal nichts drauf haben, köpfchenmäßig.

Aber genug des Flamens, wenn du dich noch weiter nett mit mir unterhalten willst dan tu
das gerne per PM, ich freu mich drauf.