Delphi-PRAXiS - HTML - Grafiken beschriften

Seite 1 von 3

40 Beiträge dieses Themas auf einer Seite anzeigen

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - HTML - Grafiken beschriften (https://www.delphipraxis.net/122643-html-grafiken-beschriften.html)

Thomas F

19. Okt 2008 21:28

HTML - Grafiken beschriften

Hallo,

kann man eine HTML-Grafik beschriften oder einen Text drüber legen,
ich hab es mit einem HTML-Label und HTML-Textfeld probiert,
aber es geht , glaube ich nicht, oder ?

Vermutlich muß man die Schrift zusammen mit der Grafik erstellen.

Torpedo

19. Okt 2008 21:36

Re: HTML - Grafiken beschriften

Du könntest die Grafik als Hintergrund einer Tabelle, Div oder so nehmen und dann normal Text darauf schreiben, den du auch genau platzieren kannst. Geht aber wahrscheinlich noch einfacher oder besser.

Cyberbob

19. Okt 2008 21:47

Re: HTML - Grafiken beschriften

ein html-label (<span> oder <div>) kannst du verwenden. du musst dann halt die top und left-eigenschaften des labels so bearbeiten, dass das element vor dem bild steht. achso, und auf der z-ebene musst du das label dann auch vor das bild setzen

bigg	19. Okt 2008 21:51

Re: HTML - Grafiken beschriften

Container kann man mit Hilfe von CSS frei positionieren. Die erste Lösung sollte jedoch die Kompatibelste sein.

Code:

			<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>Seitentitel</title>

    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

  </head>

  <body>

      <div style="background:#FFFF00; position:relative; left:300px; top:500px;">

      Dieser Text liegt über der Grafik.</div>

      [img]test_grafik.png[/img]

  </body>

</html>

omata

19. Okt 2008 22:39

Re: HTML - Grafiken beschriften

Warum nicht so...

Code:

			<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>Seitentitel</title>

    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

  </head>

  <body>

      <div style="width:250px; text-align:center;">

       Dieser Text liegt über der Grafik.

       [img]test_grafik.png[/img]

      </div>

  </body>

</html>

Thomas F

20. Okt 2008 07:01

Re: HTML - Grafiken beschriften

Ich habs probiert, funktioniert einwandfrei !
Danke

Ich hab noch ne Frage
Wie stellt man es an, dass man so abgerundete Textboxen bekommt.
Eckige sind kein Problem, aber abgerundete , finde ich nicht,
oder nimmt man da ein Image ? ?
Hier auf der rechten Seite seht ihr ein Beispiel --->

http://www.investox.de/

Grolle

20. Okt 2008 07:29

Re: HTML - Grafiken beschriften

Hi,

ja, dafür nimmt man Images. Installier dir mal Firebug (Firefox) oder die
IE Developer Toolbar (IE). Damit kannst du solche Sachen ganz schnell heraus-
finden.

Viele Grüße ....

jfheins

20. Okt 2008 08:13

Re: HTML - Grafiken beschriften

Es geht auch mur mit CSS (

http://www.css4you.de/trickkiste/tr00012.html )

Aber das ist CSS 3 und das unterstützen die meisten Browser noch nicht ordentlich (= nur der FF, Safari und Konqueror)

Thomas F

20. Okt 2008 09:29

Re: HTML - Grafiken beschriften

Zitat:

Zitat von jfheins

Es geht auch mur mit CSS (

http://www.css4you.de/trickkiste/tr00012.html )

Aber das ist CSS 3 und das unterstützen die meisten Browser noch nicht ordentlich (= nur der FF, Safari und Konqueror)

Funktioniert bei mir nicht, sind trotzdem eckig. :cry:

Bleibt nur ein Image, oder ?

jfheins

20. Okt 2008 09:47

Re: HTML - Grafiken beschriften

Wie gesagt, die Ecken (

http://www.css4you.de/trickkiste/ex0007.html ) sind nur im FF rund und auf anderen Browsern ;)

Ja, Image ist die sauberste Lösung. Ich wollte nur zeigen, dass es auch ohne Image geht, nur leider noch nicht flächendeckend. Wenn du natürlich damit leben kannst, das alle Nicht-FF-Nutzer (= IE & Opera) den Kasten eckig sehen, ist die Lösung annehmbar ;)

Alle Zeitangaben in WEZ +1. Es ist jetzt 01:41 Uhr.

Seite 1 von 3

40 Beiträge dieses Themas auf einer Seite anzeigen