Text in ein Bild einfügen!
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
http://bettag.lima-city.de/footer.png
^^ich möchte in diese Bild einen Text einfügen also halt mit Links! und so!
Beitrag zuletzt geändert: 10.12.2009 17:35:06 von bettag -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
bettag schrieb: ... ^^ich möchte in diese Bild einen Text einfügen also halt mit Links! und so!
Na dann man los!
Also mach dir ein DIV-Element mit dem Bild als Hintergrund und dann füg deinen Text einfach in dem DIV-Element an den richtigen Stellen ein. Dann sollte das gehen.
leerzeichen entfernt by tct
Beitrag zuletzt geändert: 10.12.2009 17:49:41 von tct -
Wie sieht sowas aus?
telelo schrieb:
bettag schrieb: ... ^^ich möchte in diese Bild einen Text einfügen also halt mit Links! und so!
Na dann man los!
Also mach dir ein DIV-Element mit dem Bild als Hintergrund und dann füg deinen Text einfach in dem DIV-Element an den richtigen Stellen ein. Dann sollte das gehen.
Beitrag zuletzt geändert: 10.12.2009 17:50:05 von tct -
Quick'N'Dirty
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head> <title>Beispiel für bettag</title> <style type="text/css"> #foot { background-image: url(http://bettag.lima-city.de/footer.png); width: 560px; height: 127px; padding-left: 170px; padding-top: 85px; } #footContent { width: 250px; heigt: 75px; } </style> </head> <body> <div id="foot"> <div id="footContent"> <p><a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> </div> </body> </html>
Beitrag zuletzt geändert: 10.12.2009 17:54:05 von olearose -
olearose schrieb:
Quick'N'Dirty
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head> <title>Beispiel für bettag</title> <style type="text/css"> #foot { background-image: url(http://bettag.lima-city.de/footer.png); width: 560px; height: 127px; padding-left: 170px; padding-top: 85px; } #footContent { width: 250px; heigt: 75px; } </style> </head> <body> <div id="foot"> <div id="footContent"> <p><a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> <a href="http://www.fishmixx.de">Link</a> </div> </body> </html>
Danke. Funktioniert einwandfrei! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage