Bilder in HTML einbinden

Hyper Text Markup Language (HTML wird zum Auszeichnen von Webseiten benutzt. Es enthält Beschreibung zum Markieren typischer Elemente eines Dokuments wie Überschriften, Listen, Tabellen oder Grafiken.) Fragen - Antworten –Tipps hier hinein...

Moderator: lauras

Beiträge bitte im neuen Forum

Bilder in HTML einbinden

Beitragvon Simon H. » Sonntag 29. Januar 2012, 19:20

Ich möchte diese Aufgabe machen: http://www.html-seminar.de/css_bilder_u ... bilder.htm
Ich habe genau den gleichen code geschrieben wie in folgender Lösung:
Code: Alles auswählen
<html>
<head>
<title>Bild auf ganzen Hintergrund aufspannen</title>

<style type="text/css">
html, body {
  background:url(../bilder/hintergrund-raufaser.gif) repeat-x;
  font: 100% Verdana, Arial, Verdana, Helvetica, sans-serif;
  color: #0000FF;
}

.steuerung {
  font: 120% Verdana, Arial, Verdana, Helvetica, sans-serif;
  margin:30px 0px 100px 40px;
  border:1px solid black;
}

.bereich {
  margin:140px 100px;
  padding:10px 10px;
  border:1px solid black;
  /* background:silver; */
}

</style>

</head>
<body>

<div class="steuerung">
Steuerung: Startseite  &Uuml;ber uns    .... Impressum
</div>


<div class="bereich">
<h1>Willkommen zu Website von ABC</h1>

<p>Der Hintergrund der Steuerung ist durch ein Hintergrundbild gel&ouml;sst</p>

<p>Um die 2 Bereich sind noch Rahmen gezogen, damit sofort erkennbar ist, wo welcher DIV sitzt :)</p>

<p>zur&uuml;ck zum <a href="http://www.html-seminar.de/css_bilder_und_hintergrund.htm">HTML-Seminar</a></p>
</div>


</body>
</html>


Bei mir wird allerdings das Hintergrundbild einfach nicht angezeigt und ich weiß nicht, warum. Wo muss ich das Bild auf meinem PC speichern oder was könnte sonst noch das Problem sein ?
Danke schon mal im Vorraus
Simon H.
HTML-Newbie
 
Beiträge: 9
Registriert: Samstag 28. Januar 2012, 20:51

Re: Bilder in HTML einbinden

Beitragvon drPHIP132 » Sonntag 29. Januar 2012, 19:26

laut deinem Pfad, der zur Datei führt befindet sich das Bild "über" der index.htm(l)


Code: Alles auswählen
Verzeichnisstruktur (beispiel)
|
|--/webseite/
    --einfach ein normaler ordner halt^^
    |
    |--index.htm(l)
     --wenn hier in dem pfad ein "../" steht musst du das bild
|
|-- hier abspeichern und nicht in dem ordner^^



Also überprüfe deine Verzeichnisstruktur und dann passe einfach den Pfad an :D
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge

Re: Bilder in HTML einbinden

Beitragvon anfänger007 » Mittwoch 29. Februar 2012, 16:28

Hi,
ich habe ein ähnliches problem ich fange gerade an und habe nun in mein programm(scriptly)
den befehl genau so rein kopiert und das bild auch im selben ordner (html_> bilder) aber der browser zeigt es einfach nich an
<img src="bilder/html-seminar.jpg" width="474"
height="66" border="1" alt="jetzt HTML lernen" />
anfänger007
HTML-Suchnase
 
Beiträge: 2
Registriert: Mittwoch 29. Februar 2012, 16:21

Re: Bilder in HTML einbinden

Beitragvon lauras » Mittwoch 29. Februar 2012, 16:38

Heißt dein Bild auch html-seminar.jpg?

Und nicht
htmlseminar.jpg
html-seminar.JPG

oder ähnliches? :)

Hast du deinen Code für das Einbinden des Bildes auch im body-Bereich und nicht im head-Bereich?
Hast du irgendwas im CSS stehen was das einbinden verhindern könnte?

Einfach mal checken :)

Grüße und willkommen im Forum!
Benutzeravatar
lauras
Moderator
 
Beiträge: 2114
Registriert: Samstag 3. November 2007, 22:08

Re: Bilder in HTML einbinden

Beitragvon anfänger007 » Mittwoch 29. Februar 2012, 16:50

naja es heißt richtig und ist im body bereich aber von css hab ik noch kein plan da bin ich noch nich xD
ich habe einfach bei scriptly neu gemacht und dann html dann war da so ein grundgerüst
könnte es sein dass da irgendwas das verhindert weil da steht auch irgendwas von css?
gruß anfänger007
anfänger007
HTML-Suchnase
 
Beiträge: 2
Registriert: Mittwoch 29. Februar 2012, 16:21

Re: Bilder in HTML einbinden

Beitragvon drPHIP132 » Mittwoch 29. Februar 2012, 17:14

sicher das die dateieindung nicht als GROSSE-SCHRIFT gespeichert ist?
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge


Beiträge bitte im neuen Forum

Zurück zu HTML - xHTML - HTML5

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

cron