Zur Navigation

Hintergrundbild verlinken

1 Stefan (Gast)

hallo,
ich muss nun eine Internetseite für den Informatik unterricht entwerfen und coden.
Ich habe jetzt mein logo so gesetzt das es bei jeder Auflösung in der Mitte ist. Der Quelltext sieht jetzt so aus:
<html>
<head>
<title>index</title>
<meta name="author" content="Stefan">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">


<body style="background-image:url(bilder/TNT.jpg); background-repeat
:no-repeat;background-attachment:fixed;background-position:center">
</html>

So nun will ich das Bild nur noch verlinken. wie geht das?

Danke schon mal im voraus

mfg
Stefan

22.09.2007 12:04

2 Jörg

Hallo Stefan,

zunächst einmal würde ich dir empfehlen, die Seite mit korrektem HTML-Grundgerüst zu erstellen: dieses kann nur einen body enthalten, der zudem geschlossen werden muss.

Ein zentriertes Hintergrundbild wirst du auf diese Weise nicht verlinken können, es sei denn du möchtest den gesamten body verlinken. Andernfalls würde ich das Bild (als img oder Hintergrund) in einem div einbinden, welches die Größe des Bildes aufweist und innerhalb des body zentriert wird. Die Frage, wie man Elemente horizontal und vertikal zentrieren kann, wurde u.a. in diesem Thread behandelt:

https://joergs-forum.de/zentrierungen-in-jeder-aufloesung-t-1581-1

22.09.2007 12:49 | geändert: 22.09.2007 12:50

4 Curley (Gast)

Hallo,

wie kann ich eine Hintergrundgrafik nur an einer bestimmten Stelle also Verweissensitiv verlinken? Ich hatte es versucht die Grafik nicht als Hintergrund zu fixieren, aber da hatte ich immer einen Scrollbalken und einen weißen bzw. farbigen Rand links, oben und unten. Allerdings klappte da die Verweissensitive Verlinkung. Es ist auch schon viel zu lange her, dass ich mal html in der Weiterbildung hatte und seitdem auch nicht großartig angewendet, wodurch man einfach vergisst. Also bitte, bitte, helft mir!!!

Vielen lieben Dank
Curley

10.10.2008 20:34

5 Jörg

Hallo Curley,

wie kann ich eine Hintergrundgrafik nur an einer bestimmten Stelle also Verweissensitiv verlinken?

Du meinst so wie eine Image-Map? Vielleicht in dem du ein Div in der Größe des Verweises darüber legst und dieses verlinkst?

Ich hatte es versucht die Grafik nicht als Hintergrund zu fixieren, aber da hatte ich immer einen Scrollbalken und einen weißen bzw. farbigen Rand links, oben und unten. Allerdings klappte da die Verweissensitive Verlinkung.

Wenn du eine Beispielseite verlinkst oder den relevanten Code hier rein kopiert, könte man vielleicht schauwen, ob und wie man das Problem beheben kann

11.10.2008 10:43

6 Curley (Gast)

Hallo Jörg,

vielen Dank für deine Antwort.

Du meinst so wie eine Image-Map? Vielleicht in dem du ein Div in der Größe des Verweises darüber legst und dieses verlinkst?

Ja, genau, eine Image-Map. Aber da meine html-Kentnisse nicht die Besten sind, wüsste ich jetzt auch gar nichts mit einem Div anzufangen. Deshalb habe ich mal den Code kopiert, mit dieser Hintergrundgrafik. Der Link sollte über einen kleinen Teil des Bildes, aber eigentlich nicht über die ganze Seite. Wäre aber alternativ auch nicht schlimm.

<body background="my-reisen-index.jpg" bgproperties=fixed>
</body>

Es wäre total lieb, wenn du mir helfen könntest.

Viele Grüße
curley

14.10.2008 13:49

7 Jörg

Vorweg: ich würde zur Einbindung des Hintergrundbildes CSS verwenden - die von dir genutzten HTML-Attribute mögen zwar noch funktionieren, sind aber veraltet - siehe hierzu auch das entprechende Kapitel auf SELFHTML:

http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image

Wenn das Hintergrundbild fixiert ist, muss auch der darüber gelegte Link fixiert sein - dies kann mit der Eigenschaft position:fixed erreicht werden - siehe hierzu auch diese Kapitel auf SELFHTML. Mit top und left kann man dann den Link positionieren. So könnte es vielleicht funktionieren (ungetestet):

<body style="background-image:url(my-reisen-index.jpg); background-attachment:fixed">
<a href="bla.html" style="display:block; position:fixed; top:40px; left:100px; height:20px; width:30px">&nbsp;</a>
</body>

Die Sache hat allerdings einen Haken: der Internet Explorer versteht erst ab Version 7 die Eigenschaft position:fixed

14.10.2008 15:55 | geändert: 14.10.2008 15:55

8 Mandy (Gast)

Hi Leute...

Könnt Ihr mir vielleicht auch weiterhelfen?

Ich versuche auf meiner Homepage...eine gewisse Unterseite anzulegen für meinen Sohn...wenn man auf meiner Homepage auf einen Link klickt soll sich diese Unterseite öffnen und man soll das Gefühl haben man ist auf einer anderen Homepage gelandet...also mit fixiertem Hindergrundbild und Menü...

Das Hindergrundbild hab ich zwar...aber ich weiß nicht wie ich es fixieren kann :-( hab schon einiges ausprobiert...aber geht nicht...ich möchte es genau in der Mitte fixieren...also so das es weder hoch noch runter scrollt. Das Hindergrundbild ist in meinem Falle ein Ferrari...

Und das Menü sollte nicht aus Buttons oder so bestehen...sondern sollte eigentlich so sein...das ich z.bsp...auf das Rad klicke und man eine art mouseover effekt hat...und zur gewünschten nächsten Unterseite gelangt...
dann ein nächster Link z.Bsp am Spiegel...eine art Mousover wieder und man gelangt auf die nächste Unterseite...
Auch hätte ich gern den Hintergrund der Webseite komplett schwarz und nicht irgendwelche Sternchen...:-(

Ich weiß ich habe da sicher viel Arbeit vor mir...aber ich habe schon viel gelesen aber leider bin ich wohl immer noch viel zu blöd...

Ich kann auch nur im html-Format Codes erstellen...

Wer kann mir nur von Euch weiterhelfen...?Ich versuche es nun schon so lange...:-(
Mein jetziger Code :

<p style="text-align: center"><img border="0" alt="" src="http://barbie25.beepworld.de/files/ferraribino.jpg" /></p>


Vielen Dank Euch jetzt schon mal im voraus ;-)

liebes Grüßle

Mandy

22.01.2009 02:54

9 Mandy (Gast)

Hallo Leutz...

Ich hoffe doch das ich überhaupt richtig hier in diesem Forum bin...;-)

Ich habe jetzt einfach mal zur Probe einen anderen Quelltext kopiert und es an meine Homepage angepasst...perfekt...mein Hintergrundbild ist nun fixiert...aber wie verlinke ich da jetzt gewissen Stellen auf diesem Hintergrundbild? Also kleines Foto von meinem Sohn oben...Rad...Spiegel...ect.?!

Ich wäre über jeden gutgemeinten Tip Dankbar!
liebes Grüßle

Mandy

22.01.2009 03:40

Beitrag schreiben (als Gast)





[BBCode-Hilfe]