Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag02.02.2010 um 12:41 (UTC)    
Titel: CSS Design: Bild mit Link einfügen auf das Hintergrundbild

Hallo liebes HPBK-Forum,

ich habe mir mit dem CSS-Design, ein neues Design gemacht. Wie es geht, konnte ich alles im Forum nachlesen. Jetzt komme ich leider nicht weiter und bräuchte Eure Hilfe.

Ich möchte gerne, auf dem „Hintergrund-Container mit Bild“ eine kleine Grafik mit einem Link einfügen.

Ich habe ein Bild gemacht, damit Ihr wisst, was ich da meine.

Wäre echt nett, wenn mir das einer coden könnte. Ich habs schon selber probiert, bekomme es aber nicht hin.

Die URL von der kleinen Grafik ist
http://img.webme.com/pic/m/mm-ticket4you/impressumbutton06.png

Das ist der Link
http://www.mm-ticket4you.de.tl/Impressum.htm

Schöne Grüße

Mo
Beitrag02.02.2010 um 12:50 (UTC)    
Titel:

Hallo

Versuche mals folgendes:


Zitat:


<div id="Impressum" style="position: absolute; top: 600px; left: 50%; margin-left: 350px; height: 72px; width: 93px; background-image: none; background-color: transparent;"><a href="http://www.mm-ticket4you.de.tl/Impressum.htm"><img src="http://img.webme.com/pic/m/mm-ticket4you/impressumbutton06.png" /></a></div>



So müsste es gehen. Ich habe die Werte bei "margin-left" und "top" nur geschätzt. Die müsstest du ggf. noch anpassen.


Gruß

FK





visit => FKblack
Beitrag02.02.2010 um 13:11 (UTC)    
Titel:

Hallo,
Der Script ist soweit in Ordnung, jedoch noch einmal zum Verständniss:

Das Bild, welches du anzeigen möchtest, wird in diesem Fall in einer positionierten DIV-Box ausgegeben. Man hätte auch per CSS in der folgenden Zeile ein Hintergrundbild einfügen können.

Zitat:
background-image: url(http://deine Bildadresse);


Zitat:
<div id="Impressum" style="position: absolute; top: 600px; left: 50%; margin-left: 350px; height: 72px; width: 93px; background-image: none; background-color: transparent;"><a href="http://www.mm-ticket4you.de.tl/Impressum.htm"><img src="http://img.webme.com/pic/m/mm-ticket4you/impressumbutton06.png" /></a></div>

So geht es jedenfalls auch. Das Blaumakierte im Code oben, kannst du anpassen, um die Größe und die Position zu bestimmen.

Liebe Grüße,
Mats
Beitrag02.02.2010 um 13:26 (UTC)    
Titel:

Hallo FK und Mats,

ein ganz großes Dankeschön Euch beiden.

Es funktioniert und ich weis jetzt endlich wie!

Viele Grüße
Mo
Beitrag02.02.2010 um 13:28 (UTC)    
Titel:

Danke an die Helfer

und danke für deine positive Rückmeldung Smile
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de