![]() |
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. |
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.
|
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
|
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> |
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> |
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 ---> ![]() |
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 .... |
Re: HTML - Grafiken beschriften
Es geht auch mur mit CSS (
![]() Aber das ist CSS 3 und das unterstützen die meisten Browser noch nicht ordentlich (= nur der FF, Safari und Konqueror) |
Re: HTML - Grafiken beschriften
Zitat:
Bleibt nur ein Image, oder ? |
Re: HTML - Grafiken beschriften
Wie gesagt, die Ecken (
![]() 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 03:23 Uhr. |
Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024-2025 by Thomas Breitkreuz