jason: HTML Text auf Grafik schreiben

Hallo liebe HTML Fanatiker ;)

verzeiht mir die vielleicht blöde Frage, aber ich befasse mich erst seit ein paar Wochen mit HTML und ich geb mein bestes.

Ich hab das Problem dass ich eine Seite erstellen möchte, in der der eigentliche Seiteninhalt innerhalb einer "Seiten" Grafik dargestellt werden soll.
Es soll quasi so aussehen als ob ich wirklich eine Seite mit abgerundeten Ecken sehe, in der mein Inhalt steht.

Bloß bekomme ich das einfach nicht hin ! :(

Ich hatte schon versucht das ganze in Frames aufzuteilen und die Seitengrafik in verschiedene Teile zu zerschneiden und nachher wieder zusammenzufügen. So dass der Frame in der Mitte mein Inhalt anzeigt. Aber das bekomme ich irgendwie nicht so richtig hin, da die Linien der Grafik sich nie 100%ig an die anderen Linien in den verschiedenen Frames angleichen lassen.

Hab sogar schon überlegt mit einem IFrame den Text anzeigen zu lassen, aber da bekomme ich es nicht hin den IFrame auf der Grafik zu platzieren.

Könnte mir da vielleicht jemand weiterhelfen ich bin echt ratlos :(

Gruss

Jason

  1. Hallo!»»

    Hallo liebe HTML Fanatiker ;)

    verzeiht mir die vielleicht blöde Frage, aber ich befasse mich erst seit ein paar Wochen mit HTML und ich geb mein bestes.

    Ich hab das Problem dass ich eine Seite erstellen möchte, in der der eigentliche Seiteninhalt innerhalb einer "Seiten" Grafik dargestellt werden soll.
    Es soll quasi so aussehen als ob ich wirklich eine Seite mit abgerundeten Ecken sehe, in der mein Inhalt steht.

    Schau dir mal das an:
    http://aktuell.de.selfhtml.org/tippstricks/css/runde_ecken/

    mfg
      frafu

    1. is ne möglichkeit. es gibt aber auch noch ne alternative, mit dem du tatsächlich text auf ner grafik platzieren kannst. dazu brauchst du das div-element. Da ich nich mehr genau weiß, wo sich die erklärung dazu befindet bei selfhtml, hab ich ein beispiel:

      du gibst im head bereich an:

      <style type="text/css">
      <!--
      body { }
      #box1 { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; }
      #box2 { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2; }
      -->
      </style>

      und im body bereich hast du dann stehen:

      <div id="box1"><img src="[...]"></div>
      <div id="box2">[dein Seiteninhalt...]</div>

      ich hoffe das hilft dir weiter

      sebi

      P.S.: übrigens, da du ja neu hier bist, es bietet sich immer an, die seite hochzuladen und im beitrag zu verlinken, damit sich die freundlichen menschen, die dir helfen wollen, das problem genau ansehen können!