Text auf einer JPG einbinden.

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Besser ist es, ein Element mit ID (blockquote bietet sich hier an; auch aside. Oder beides: blockquote in aside) zu haben und den Inhalt mit document.getElementById('…').innerHTML o.ä. zu befüllen.

Das könnte dann in etwa so aussehen:

<header>
  <img src="…" alt="…" usemap="…"/>
  <aside>
    <blockquote id="quote-of-the-day"></blockquote>
  </aside>
</header>

(header jetzt mal angenommen. Bei dir ist womöglich ein anderer Elementtyp passender, am Ende vielleicht sogar div.)

"quote-of-the-day" kannst du absolut innerhalb des Containerelements positionieren, was dazu aber auch positioniert sein muss:

header
{
  position: relative;
}

#quote-of-the-day
{
  position: absolute;
  top: …;
  left: …;
  width: …;
  height: …;
  overflow: hidden;
}

Statt width und height wären auch right und bottom denkbar.

Wichtig ist overflow: hidden, damit ein Zitat nicht wichtige Elemente (die Menüpunkte) überdeckt, wenn es länger sein sollte.

LLAP