Intro: Hintergrundbild nicht wiederholen

Hallo zusammen,

am heimischen Bildschirm habe ich ein Intro für meine HP erstellt in dem man zwischen einer englischen und der deutschen Version wählen kann.

So weit, so gut, es funktioniert und eintspricht optisch meinen Vorstellungen.

Bild:
http://img.webme.com/pic/t/terra-li-ma/bild2.jpg

Am Arbeitsplatz (dort steht mir ein größerer Bildschirm zur Verfügung) musste ich feststellen, dass sich bei einer anderen Größe des Browserfenster das Hintergrundbild wiederholt und die Platzierung der Fahen ändert!

Bild:
http://img.webme.com/pic/t/terra-li-ma/bild1.jpg

Das hatte ich mir nicht so vorgestellt, wirkt sehr bescheiden in meinen Augen!

Kann mir jemand hierzu einen hilfreichen tipp geben?

Besten dank schon mal, Grüße, marcus

Versuch mal den oberen Code im Quellcode des Intros einzufügen.

Hallo webcube,

danke für Deine schnelle Antwort.

Diesen "Schnipsel" habe ich bereits bei meiner Forensuche gefunden und ohne Erfolg probiert.

Für das Intro habe ich recht lange gesucht und rumprobiert...bis es nach dem gewünschten Ergebnis aussah.

Wo genau muss ich den Einsetzen?

Meine Quellcodes sehen wie folgt aus:

Text vor dem Eintreten Button:

<style type="text/css">
<!--
a[href="/Home.htm"]{display:none!important;}
-->
</style>

Text nach dem Eintreten Button:

<style type="text/css">
<!--
img{border:0px;}
-->
</style> <br />
<br />
<br />
<br />
<br />
<br />
&nbsp;&nbsp; &nbsp; <a href="http://terra-li-ma.de.tl/Home.htm"><img src="http://img.webme.com/pic/t/terra-li-ma-en/deutsch.jpg" style="width: 192px; height: 126px;" alt="" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://terra-li-ma-en.de.tl/Home.htm"><img src="http://img.webme.com/pic/t/terra-li-ma-en/englisch.jpg" style="width: 190px; height: 127px;" alt="" /></a><style type="text/css">
<!--
#hidden {display: none;}
--!>
</style>
<div id="hidden">

<style type="text/css">
<!--
body{
background-image: url(http://img.webme.com/pic/t/terra-li-ma-en/tlm-intro.jpg);}
-->
<//style><br /></body></html></style>

Wäre super wenn Du da einen Lösungsvorschlag machen köntest, bzw mir explizit markieren könntest wo Dein "Schnipsel hingehört, ich habe ihn am Ende und am Anfang ausprobiert, ohne Erfolg.

Danke nochmal, Grüße, marcus

<style type="text/css">
<!--

a[href="/Home.htm"]{display:none!important;}

body {
background-repeat: no-repeat;
background-position: top center;
}

-->
</style>

ganz oben einfügen, dann klappts auch mit dem nachbarn! (und vorallem ist das bild oben in der mitte)
______________

Perfekt, wenn Ihr langsam schreibt und Großbuchstaben verwendet kapier's sogar ich und auch der Nachbar ist zufrieden...



oder anders gesagt, vielen dank für die HIlfe, das Thema kann geschlossen werden!

Grüße, marcus

Super, dass das Problem gelöst wurde.

Weiterhin viel Spaß im Homepage-Baukasten,
- closed -

Grüße
Andreas