Bild vergrößern wenn nötig

[mike1097]

Guten Tag liebe Community,

ich habe folgendes.

Ich möchte im moment eine Regelseite erstellen, auf die man gelangt bevor man auf die eigentliche Homepage kommt.

So nun habe ich um den Regeltext so zu gestalten, das er direkt ins Auge fällt, ein Bild erstellt, auf das ich die Regeln schreibe.
Aber ich habe dabei ein problem, nämlich das sich das textfeld zwar vergrößert, aber das bild nicht länger/größer wird.
Wie kann ich das einstellen?

Danke im vorraus

mfg,Mike

 

[prm]

Auf ein Bild schreibt man normalerweise keinen Text.
Wenn du die Größe des Textes kennst (abhängig von Schriftart, Schriftgröße usw.), dann könntest du mit einem Grafikprogramm das Bild entsprechend vergrößern, so dass es eine ausreichende Größe hat.
Oder du verwendest eine neutrale Grafik, die sich kacheln (widerholen) kann und sich so der Inhaltsgröße automatisch anpasst. Sowas findest du unter dem Stichwort "Texturen" oder "Kachelgrafik".

Die Grafik weist du dann einem Element (z.B. einem Div, Absatz ) als Hintergrundgrafik zu. In dieses Element schreibst du dann den Text.

Siehe background-image: Hintergrundbild: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[mike1097]

erstmal danke für die schnelle Antwort.

Nur das mit dem Text auf der Grafik ist hier nötig, weil diese Regelseite möchte ich zum download bereitstellen.
Sodass die User die die Regelseite runteladen, die größe der Grafik individuel ändern können, ohne das mit einem Grafikprogramm zu tuen.
ps. das ist eine ganz simple grafik.

mfg,Mike

 

[prm]

Dann habe ich wohl ein Verständnisproblem.
Wie willst du den Text auf das Bild schreiben:

Mit einem Grafikprogramm - Dann ist es ein Grafikthema. Dann bietest du einen Grafiktext an, der von Suchmaschinen nicht erkannt wird und vom Benutzer auch nicht markiert/kopiert werden kann.

Als HTML-Text innerhalb eines Elements:
Dann brauchst du grundsätzlich eine Hintergrundgrafik und die ist nicht skalierbar.

Mit absoluten Positionierungen könntest du evtl. noch zwi Div's übereinander positionieren. Allerdings fehlt dann der Bezug Grafik- zu Text-Größe.

Versuch's mal so:

<div style="background-image: url(http://www.worldsql.wo.ohost.de/rules_text.png);">
Regeltext
</div>

Seite zum Download anbieten:
Man kann die Seite ja ausdrucken oder du machst einen Downloadlink.
Ist es so wichtig, dass dann die Grafik mit ausgedruckt wird?

 

[mike1097]

ich glaube wir reden aneinander vorbei :lol:

Aber das liegt an meiner Erklärung^^

Also ich fang nochmal an.

Ich möchte eine Regelpage machen, die sieht im moment so aus:

Willkommen auf der Homepage von Servername

und da möchte ich mehrere Paragrafe einfügen.

Diese Regelseite danach zum Download bereitstellen.

Aber ich möchte einen Script für die Grafik, dass die auf Wunsch länger wird(nach unten hin) um dort mehr text einzufügen.
Also:

Da steht ja:
Das verwenden von Schimpfworten ist Untersagt!

Nur wenn jetz ein User mehr text brauch, möchte ich das die Grafik automatisch beim Drücken von Enter länger wird.

 

[Die Zahl]

Hmmm nur so eine Idee:
Im Quellcode sehe ich:

<td>
        <!--webbot bot="ImageMap" text=" (0,6) (650, 70) {Das verwenden von Schimpfworten ist untersagt!} {Times New Roman} 12 B #ffffff CT 0  " border="0" src="rules_text.gif" u-originalsrc="rules_text.gif" u-overlaysrc="index.htm_txt_rules_text.gif" width="650" height="70" startspan --><img border="0" src="index.htm_txt_rules_text_cmp.gif" width="650" height="70"><!--webbot bot="ImageMap" endspan i-checksum="15450" --></td>
      </tr>

Würde es nicht gehen, wenn man height="70" wecklässt, bzw auf 100% setzt?

 

[Efchen]

Ich möchte eine Regelpage machen, die sieht im moment so aus:

Kein Text auf der Seite.

Aber ich möchte einen Script für die Grafik, dass die auf Wunsch länger wird(nach unten hin) um dort mehr text einzufügen.

Füge ein Hintergrundbild ein und schreib den Text, ausgezeichnet mit HTML, als Text in die Seite.

Da steht ja:
Das verwenden von Schimpfworten ist Untersagt!

Nein. Suchmaschinen, Vorlese- und Textbrowser werden mir Recht geben. Da steht nichts.

 

[power]

Schreib doch einfach deine Regeln und mach im CSS dem Text ein Hintergrundbild. Wenn du ein kleines Bild machst, das sich immer wiederholt wird es sich einfach öfters wiederholen wenn der Text länger ist und einfach weniger öfters wenn der Text kürzer ist. Könnte funktionieren?

 

[prm]

Da brauchst du noch nicht mal eine Grafik, sondern es reicht eine schwarze Hintergrundfarbe.
background-color: Hintergrundfarbe: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Wir reden da schon nicht aneinander vorbei, sondern dir fehlen scheinbar lediglich die Kenntnisse, wie man das (sinnvoll) umsetzt.

 

[sysop]

meinst du eine seite zum download anbieten oder eine grafik ?

wenn du die seite zum download anbieten möchtest, wird auch eine html-seite "downgeloaded".
ansonsten kann man grafiken auch mit php erstellen und dann mit text beschriften.

wenn schon ein regel-download, dann mach es richtig.
ich würde meinen text in einem file hinterlegen und dann per pdf-class das ganze in eine pdf-datei schreiben, die ich zum download anbiete. php wäre voraussetzung...