Sven Rautenberg: 2 Bilder miteinander 'verkleben'

Beitrag lesen

Hier ein kleiner Hinweis: Mit Layer ist das Tag <div> gemeint.

ja das weiss ich doch !!
aber den aufbau dieses tags ist mir unbekannt.
wie muss ich dass angehen
<div> [...] x="0" y="10" [...] <div>
oder wie - ich hab doch kein plan.

Ok, das ist ja schonmal ein Anfang.

Das DIV ist im Prinzip ein Tag ohne irgendeine EIGENE Formatierung, genauso wie SPAN. Wenn man Effekte haben will, muß man mit CSS arbeiten.

Der Unterschied zwischen DIV und SPAN: SPAN ist ein Inline-Element. Damit kann man, genau wie mit z.B. <B> oder <I> im laufenden Text einzelne Buchstaben (oder auch mehrere im Block) formatieren. DIV hingegen ist ein Block-Element. Damit werden immer ganze Absätze formatiert (ungefähr wie mit <H1> oder <P>). Ein DIV wird auch "Layer" genannt, weil man damit frei bewegliche Elemente definieren kann.

Du kannst die Style-Definitionen im style-Attribut angeben. Dann mußt du das aber für jedes DIV extra wiederholen.

Beispiel:

<div style="color:#000000; background:#FFFF00">
Irgendein schwarzer Text mit gelbem Hintergrund
</div>

Die möglichen Definitionen für solche Formatierungen findest du im CSS-Kapitel von SelfHTML: </selfhtml/css/index.html>

Was nun das Verkleben angeht: Du kannst deine beiden Bilder in jeweils ein DIV packen und mit
style="position:absolute; left:123px; top:456px"
positionieren. Logischerweise mußt du die Zahlen 123 und 456 deinen Gegebenheiten anpassen.

Zweite Möglichkeit:
Pack die Grafiken einfach nebeneinander:
<img src="bild1.jpg"><img src="bild2.jpg">

Wenn das nicht gut geht, packe sie in eine Tabelle:
<table border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td><img src="bild1.jpg></td><td><img src="bild2.jpg"></td>
  </tr>
</table>

- Sven Rautenberg