[Erledigt] Bild hinter den Text stellen

06.01.2005, 23:08

Ist es möglich, ein Bild anzuzeigen und "auf dem Bild" noch Text auszugeben? Wenn ja, wie?

06.01.2005, 23:46

css benutzen, für den Text:
style="position:absolute; top:T1px; left:L1px; width:W1px; height:H1px;"

derHund · 06.01.2005, 23:51

Zitat:

css benutzen, für den Text:

ok.

dann aber lieber mittels background-image ...

06.01.2005, 23:56

Zitat:

Zitat von derHund

Zitat:

css benutzen, für den Text:

ok.

dann aber lieber mittels background-image ...

Als Background-Image geht es leider nicht, weil das Bild ein Link sein muss. Was ich erreichen möchte: Ich habe ein Menü, in dem die einzelnen Menüpunkte immer die gleiche Grafik sind, nur jedesmal soll die Grafik eine andere Aufschrift haben.

Riot · 07.01.2005, 00:08

habe dein Problem nicht ganz verstanden. du hast eine Grafik die sich in eine andere ändern soll und ein link ist?

wenn ja dann so wie es derHund schon gesagt hat, mit background-image.

PHP-Code:

  CSS:

a {

  background-image:url("bild1.jpg");

}

a:hover {

  background-image:url("bild2.jpg");

}

 
html:

<a ......>Link</a>

07.01.2005, 00:12

Achso, ich habe nicht gewusst dass es "a:hover" gibt.
Aber danke, damit ist mein Problem gelöst

Riot · 07.01.2005, 00:17

Zitat:

Zitat von mari

Achso, ich habe nicht gewusst dass es "a:hover" gibt.
Aber danke, damit ist mein Problem gelöst

:hover geht bei allem Elementen(nur weiß das der IE nicht!)

07.01.2005, 00:21

Jetzt gibt es nur noch ein kleines Problem: Mozilla macht die Links nicht so groß wie das Hintergrundbild, sondern nur so groß wie die Schrift. Die Breite und Höhe manuell per css einstellen bringt auch nichts...

Riot · 07.01.2005, 00:26

man kann inline-elementen keine größen geben -> muss blockelement sein

padding

ben rechts unten links;
padding:5px 10px 5px 10px;

oder

display:block;
width:;
height:;

mehr gibt es hier http://www.css4you.de
und hier das was du suchst http://www.css4you.de/trickkiste/tr00023.html

07.01.2005, 00:45

OK, danke. Ihr habt mir sehr geholfen

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung	Zergling-new	Tutorials	6	25.01.2008 10:41
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
Text um Bild herum	Igäl	HTML, Usability und Barrierefreiheit	4	16.02.2006 17:08
CSS - Design (clear - Problem)		HTML, Usability und Barrierefreiheit	7	21.12.2005 14:55
[Erledigt] Vertikale Ausrichtung von Text auf Rollover Bild		HTML, Usability und Barrierefreiheit	2	16.11.2005 14:47
Text aus der DB verteilen		PHP Tipps 2007	17	16.11.2005 12:04
Designproblem: Text und Bild	Sirke	HTML, Usability und Barrierefreiheit	2	08.09.2005 14:59
text in bild mit zeilenumbruch		PHP Tipps 2005-2	8	23.08.2005 09:02
[Erledigt] Link		PHP Tipps 2005-2	10	20.07.2005 21:28
mit php ein Bild in einem Text anzeigen und mit css designen	scheibo	PHP Tipps 2005	3	15.05.2005 13:48
[Erledigt] Text auf Bild		PHP Tipps 2005	9	28.04.2005 15:05
[Erledigt] DIV´s wollen nicht wie ich das will :-)		HTML, Usability und Barrierefreiheit	22	28.03.2005 18:36
Wie kann man Text als Bild ausgeben?		PHP Tipps 2005	5	22.03.2005 10:13
mit gd text in ein bild schreiben	Sclot	PHP Tipps 2004-2	4	08.12.2004 18:33
txt-Datei erstellen	d-81	PHP Tipps 2004	12	11.08.2004 20:31

06.01.2005, 23:08
Gast Beiträge: n/a	[Erledigt] Bild hinter den Text stellen Ist es möglich, ein Bild anzuzeigen und "auf dem Bild" noch Text auszugeben? Wenn ja, wie?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

06.01.2005, 23:46
Gast Beiträge: n/a	css benutzen, für den Text: style="position:absolute; top:T1px; left:L1px; width:W1px; height:H1px;"

07.01.2005, 00:08
Riot Erfahrener Benutzer Registriert seit: 23.12.2004 Beiträge: 255	habe dein Problem nicht ganz verstanden. du hast eine Grafik die sich in eine andere ändern soll und ein link ist? wenn ja dann so wie es derHund schon gesagt hat, mit background-image. PHP-Code: `CSS: a { background-image:url("bild1.jpg"); } a:hover { background-image:url("bild2.jpg"); } html: <a ......>Link</a>` __________________ Webdesign - optimized for user

07.01.2005, 00:12
Gast Beiträge: n/a	Achso, ich habe nicht gewusst dass es "a:hover" gibt. Aber danke, damit ist mein Problem gelöst

07.01.2005, 00:21
Gast Beiträge: n/a	Jetzt gibt es nur noch ein kleines Problem: Mozilla macht die Links nicht so groß wie das Hintergrundbild, sondern nur so groß wie die Schrift. Die Breite und Höhe manuell per css einstellen bringt auch nichts...

07.01.2005, 00:26
Riot Erfahrener Benutzer Registriert seit: 23.12.2004 Beiträge: 255	man kann inline-elementen keine größen geben -> muss blockelement sein paddingben rechts unten links; padding:5px 10px 5px 10px; oder display:block; width:; height:; mehr gibt es hier http://www.css4you.de und hier das was du suchst http://www.css4you.de/trickkiste/tr00023.html __________________ Webdesign - optimized for user

07.01.2005, 00:45
Gast Beiträge: n/a	OK, danke. Ihr habt mir sehr geholfen