grafik "vom text überlagert"

giro1rot · 12.05.2009

weiss jemand, wie man eine grafik in dreamweaver hinter einen text "legt"

sfischer · 12.05.2009

AW: grafik "vom text überlagert"

hallo,

ja, der tabelle bzw box die hintergrundgrafik mitgeben.
wie sieht den dein aufbau aus?

gruß sfischer

giro1rot · 12.05.2009

AW: grafik "vom text überlagert"

zuerst kommt eine linksbündige aufzählung

1. kdkdkdkd
2. ldldldlld
3.

darunter ein bild das nicht erst mit der oberkante abschließen soll, sondern in den text reinlaufen soll

Designerist · 12.05.2009

AW: grafik "vom text überlagert"

Hallo
sfischer hat recht - Hintergrundbild ist die einfachste Methode. Du erwähnst: "... in den text reinlaufen soll." Da kannst du auch 2 Boxen (divs) übereinander stellen (z-index) und die dann in der Layoutansicht so verschieben, wie die Positionierung von Bild/Text sein muss.
Eigenschaften kopieren, im CSS 2 neue ID-Namen vergeben und die Namen im Code umbenennen.
Grüsse, Designerist

giro1rot · 12.05.2009

AW: grafik "vom text überlagert"

danke euch, hab mir grade schonwas mit ner tabelle "zurechtgefummelt"

notcan · 15.05.2009

AW: grafik "vom text überlagert"

hallo

ich würde es mit divs machen, einfacher geht es denk ich nicht.

Zero-PSD · 15.05.2009

AW: grafik "vom text überlagert"

Naja, es geht mit beiden Wegen..

Hier ein Weg via der Nutzung von CSS:

HTML:

#container {
background-image:url(meinBild.jpg);
width:200;
height:300px;
}

HTML:

<body>
<div id="container>
..mein Text..
<p> oder ein Absatz?</p>
</body>

Somit wird in der DIV das Bild als Hintergrund definiert und der Text läuft dann über dem Bild

Und hier ein Weg, wie man das über Tabellen lösen kannst. Du kannst für die Gesamte Tabelle ein Hintergrundbild definieren oder aber auch nur für eine einzelne Zelle, je nach belieben. Im Beispiel ist beides auf einmal gemacht, was im Regelfall schwachsinnig ist

HTML:

<table width="200" border="1" style="background-image:url(meinBild1.jpg);">
  <tr>
    <td style="background-image:url(meinBild2.jpg);">Das</td>
    <td>ist</td>
  </tr>
  <tr>
    <td>ein</td>
    <td>Weg</td>
  </tr>
</table>

Ich hoffe, du kannst damit Etwas anfangen.

Gruß,
Zero