Bildeinbinden, was mach ich Falsch

Hallo, was ganz leichtes für jeden was ich Frage
Bild einbinden ich binde es immer so ein
Dieses Bild ist nicht sichtbar
^^So habe ich es bei Funpic immer gemacht, warum funktionierts hier nicht???^^

Du solltest den Befehl auch noch schließen.

Gib mal bitte ein beispiel Datei mit an :slight_smile:

Moin,

weil das src heisst und nicht scr? kommt übrigens von source … und da ist das r ja auch vor dem c :wink:

MfG
myPages

Also bei mir geht es - auf deiner Seite :winke:

So jetzt wieder einmal was mit html hingekriegt, was ich jetzt neu lernen würde wäre zu Positionieren, würde das gehen:
<img top="0"scr=“http://tools.bplaced.net/assets/images/gelb.gif”>

TOP= höhe, stimmt das?

Dieser Tag lädt ein Bild von der Größe 25px (Höhe) und 20px (Breite). Mit der Top Angabe weiss ich nicht genau was du willst. Wenn du die Höhe des Bildes meinst ist auf jeden Fall „height“ richtig.

Denke mit Top will er es definieren an einen Festen Platz.

Wie macht man das das die Bilder überlappend sein können und nicht neben einander sind, mag es aber nicht mit Positionierung machen da es sich so an den Bildschirm ausbreiten oder verkleinern kann, sondern mit usw…

ähm…irgendwie kenn ich mich nicht aus…wie sollen sich die bilder überlappen ?

mach mal ne beispiel-html site oder ein beispiel in deinem grafikprogramm.

beim thema “bilder überlappen” fällt mir auf die schnelle nur das z-index attribut von CSS ein.
Höherer z-index = weiter oben.

zb.

... und später das selbe nur z-index:2; bewirkt, dass, wenn das zweite bild richtig positioniert ist, das zweite überm ersten liegt.

mfg

Martin

das kann man nicht zeichnen, dann versteht mans erst nicht. ich meine das ein Bild über dem anderen ist!

probier einfach mal das was ich dir gesagt habe…is doch nicht schwer. hier mal ein beispiel, musst nur die grafik austauschen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
  
  <title>Test</title>
  <style type="text/css">
  #pic1 {
    z-index:1;
    position: absolute;
    top: 20px;
    left: 20px;
  }
  #pic2 {
    z-index: 2;
    position: absolute;
    top: 30px;
    left: 50px;
  }
  </style>
 </head>
 <body>
       <img src="teamavatar_coder.jpg" alt="test1" id="pic1" /> <img src="teamavatar_coder.jpg" alt="test2" id="pic2" />
 </body>
</html>

bei mir funkts, habs getestet. hoffe, das hilft dir weiter :wink:

mfg

Martin

Kann ich das dann auch ändern das zumn Beispiel das erste nur in der Mitte ist?

Oder so:

[code]

Test #pic1 { z-index:2; position: absolute; top: 000px; left: 000px; } #pic2 { z-index: 1; position: absolute; top: 000px; right: 000px; } ![test1](upload://wwXRihTpvUDNuClM7pVm2OTSLtz.png) ![test2](upload://wwXRihTpvUDNuClM7pVm2OTSLtz.png) ![](upload://wwXRihTpvUDNuClM7pVm2OTSLtz.png) [/code]

Wie mache ich das jetzt, das das erste ganz vorne ist??? und nicht dahinter ist (hinter denn anderen beiden Bilder)?

ich kenn mich jetzt nicht aus mit css aber ich würde meinen aus den erläuterungen oben, gibt der z-index an, welches bild am höchsten liegt udn somit bedeutet ein kleinerer z-index, dass das bild weiter oben liegt

Das habe ich auch schon versucht aber immer wieder mit dem gleichen Effekt das das erste Bilddahinter ist

denn probiers doch mal anders herum, dass umso höher die zahl ist umso weiter liegen sie oben

test1
habe ich jetzt umgeändert auf:
test1
Aber es funktioniert nicht

wenn du die id=pic3 nimmst musst du die auch deklarieren um oberen teil