HTML - Grafiken beschriften

**Thomas F**

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**

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**

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**

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

markieren

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**

Warum nicht so...

markieren

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**

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**

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**

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**

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.

Bleibt nur ein Image, oder ?

**jfheins**

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

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

HTML - Grafiken beschriften

HTML - Grafiken beschriften

Re: HTML - Grafiken beschriften

Re: HTML - Grafiken beschriften

Re: HTML - Grafiken beschriften

Re: HTML - Grafiken beschriften

Re: HTML - Grafiken beschriften

Re: HTML - Grafiken beschriften

Re: HTML - Grafiken beschriften

Re: HTML - Grafiken beschriften

Re: HTML - Grafiken beschriften

Forumregeln

Thomas F Registriert seit: 3. Sep 2008 Ort: Nürnberg 281 Beiträge Delphi 2005 Architect	#1 HTML - Grafiken beschriften 19. Okt 2008, 21:28 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.
	Zitat

Torpedo Registriert seit: 21. Dez 2003 410 Beiträge	#2 Re: HTML - Grafiken beschriften 19. Okt 2008, 21:36 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.
	Zitat

Cyberbob Registriert seit: 24. Jan 2005 Ort: Karben 626 Beiträge Delphi XE7 Architect	#3 Re: HTML - Grafiken beschriften 19. Okt 2008, 21:47 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 Christian
	Zitat

Thomas F Registriert seit: 3. Sep 2008 Ort: Nürnberg 281 Beiträge Delphi 2005 Architect	#6 Re: HTML - Grafiken beschriften 20. Okt 2008, 07:01 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/
	Zitat

Grolle Registriert seit: 5. Nov 2004 Ort: Coesfeld 1.268 Beiträge Delphi 2010 Professional	#7 Re: HTML - Grafiken beschriften 20. Okt 2008, 07:29 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 ....
	Zitat

jfheins Registriert seit: 10. Jun 2004 Ort: Garching (TUM) 4.579 Beiträge	#8 Re: HTML - Grafiken beschriften 20. Okt 2008, 08:13 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)
	Zitat

Thomas F Registriert seit: 3. Sep 2008 Ort: Nürnberg 281 Beiträge Delphi 2005 Architect	#9 Re: HTML - Grafiken beschriften 20. Okt 2008, 09:29 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. Bleibt nur ein Image, oder ?
	Zitat