Hilfe - Suche - Mitglieder - Kalender
Komplette Version Probleme mit meiner HP

Bandscheiben-Forum > Kreuz und Querbeet > Technik-Forum
Andreas13
05 Mai 2005, 09:16
Hallo Bandis.

Ich hab mich mal hingesetzt und mir eine HP angelegt. Lief alles ganz gut (nach mehreren Fehlschlägen) Nun habe ich ein Problem...
Der Hintergrund soll nicht mitscrollen, sondern nur der Text soll scrollen. Hört sich einfach an, ist es aber nicht. Ich habe die dafür nötigen Befehle schon ausprobiert, leider ohne Ergebnis. Da ich was Html angeht ein blutiger Anfänger bin, wende ich mich mich mit meinem Problem an die Programmierer unter Euch.
Hier mal der Code einer Seite...

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>news</title>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if©
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
</head>

<body onload="FP_preloadImgs('http://people.freenet.de/borg0004/page/button16.jpg', 'http://people.freenet.de/borg0004/page/button17.jpg')" bgcolor="#333399">

<div style="border-style:outset; border-width:3px; position: absolute; width: 131px; height: 679px; z-index: 1; left: 1px; top: 0px; background-image:url('http://people.freenet.de/borg0004/page/ziegelsteine.gif'); " id="Ebene1">
<p align="center">&nbsp;</p>
<p align="center"><a href="http://people.freenet.de/borg0004/index.htm">
<img border="0" id="img1" src="http://people.freenet.de/borg0004/page/button17.jpg" height="20" width="100" alt="Home" onmouseover="FP_swapImg(1,0,/*id*/'img1',http://people.freenet.de/borg0004/page/button13.jpg)" onmouseout="FP_swapImg(0,0,/*id*/'img1',http://people.freenet.de/borg0004/page/button17.jpg)" onmousedown="FP_swapImg(1,0,/*id*/'img1',http://people.freenet.de/borg0004/page/buttonA1.jpg)" onmouseup="FP_swapImg(0,0,/*id*/'img1',http://people.freenet.de/borg0004/page/button13.jpg)" fp-style="fp-btn: Metal Rectangle 1" fp-title="Home"></a></p>
<p align="center"><a href="http://people.freenet.de/borg0004/page/news.htm">
<img border="0" id="img5" src="http://people.freenet.de/borg0004/page/button21.jpg" height="20" width="100" alt="News" onmouseover="FP_swapImg(1,0,/*id*/'img5',http://people.freenet.de/borg0004/page/button19.jpg)" onmouseout="FP_swapImg(0,0,/*id*/'img5',http://people.freenet.de/borg0004/page/button21.jpg)" onmousedown="FP_swapImg(1,0,/*id*/'img5',http://people.freenet.de/borg0004/page/button20.jpg)" onmouseup="FP_swapImg(0,0,/*id*/'img5',http://people.freenet.de/borg0004/page/button19.jpg)" fp-style="fp-btn: Metal Rectangle 1" fp-title="News"></a></p>
<p align="center"><a href="http://people.freenet.de/borg0004/page/ich.htm">
<img border="0" id="img2" src="http://people.freenet.de/borg0004/page/buttonB1.jpg" height="20" width="100" alt="Über Mich" onmouseover="FP_swapImg(1,0,/*id*/'img2',http://people.freenet.de/borg0004/page/buttonC1.jpg)" onmouseout="FP_swapImg(0,0,/*id*/'img2',http://people.freenet.de/borg0004/page/buttonB1.jpg)" onmousedown="FP_swapImg(1,0,/*id*/'img2',http://people.freenet.de/borg0004/page/buttonD1.jpg)" onmouseup="FP_swapImg(0,0,/*id*/'img2',http://people.freenet.de/borg0004/page/buttonC1.jpg)" fp-style="fp-btn: Metal Rectangle 1" fp-title="Über Mich"></a></p>
<p align="center">
<a href="http://people.freenet.de/borg0004/page/links.htm">
<img border="0" id="img3" src="http://people.freenet.de/borg0004/page/buttonE1.jpg" height="20" width="100" alt="Links" onmouseover="FP_swapImg(1,0,/*id*/'img3',http://people.freenet.de/borg0004/page/buttonF1.jpg)" onmouseout="FP_swapImg(0,0,/*id*/'img3',http://people.freenet.de/borg0004/page/buttonE1.jpg)" onmousedown="FP_swapImg(1,0,/*id*/'img3',http://people.freenet.de/borg0004/page/button14.jpg)" onmouseup="FP_swapImg(0,0,/*id*/'img3',http://people.freenet.de/borg0004/page/buttonF1.jpg)" fp-style="fp-btn: Metal Rectangle 1" fp-title="Links"></a></p>
<p align="center"><a href="http://people.freenet.de/borg0004/index.cgi">
<img border="0" id="img4" src="http://people.freenet.de/borg0004/page/button18.jpg" height="20" width="100" alt="Mein Chat" onmouseover="FP_swapImg(1,0,/*id*/'img4',http://people.freenet.de/borg0004/page/button15.jpg)" onmouseout="FP_swapImg(0,0,/*id*/'img4',http://people.freenet.de/borg0004/page/button18.jpg)" onmousedown="FP_swapImg(1,0,/*id*/'img4',http://people.freenet.de/borg0004/page/button16.jpg)" onmouseup="FP_swapImg(0,0,/*id*/'img4',http://people.freenet.de/borg0004/page/button15.jpg)" fp-style="fp-btn: Metal Rectangle 1" fp-title="Mein Chat"></a></p>
<p align="center">
&nbsp;</div>
<div style="position: absolute; width: 917px; height: 678px; z-index: 2; left: 131px; top: 0px; background-image:url('http://people.freenet.de/borg0004/page/tentacle.jpg')" id="Ebene2">
<p align="center">&nbsp;</p>
<p align="center"><u><font face="Comic Sans MS" size="4" color="#FFFF00">
Neuigkeiten von mir:</font></u></p>
<p align="center">&nbsp;</p>
<p align="center"><u><font face="Comic Sans MS" size="5" color="#FFFFFF">
04.05.2005</font></u></p>
<p align="center"><font face="Comic Sans MS" size="4" color="#FFFF00">Habe
die Seite noch mal komplett überarbeitet und die Hintergründe </font></p>
<p align="center"><font face="Comic Sans MS" size="4" color="#FFFF00">
eingefügt</font></p>
</div>
</body>

</html>



Wie die Befehle für das fixieren des Hintergrunds lauten weiß ich. Habe die auch alle schon in verschiedenen Variationen ausprobiert, nichts funktioniert. Der Hintergrund ist noch immer am mitscollen.

Schon mal im voraus Danke für Eure Hilfe



Andreas
jezzie
05 Mai 2005, 13:18
Hallo Andreas,

Du mußt nur zwischen <head> und </head> folgendes einbauen:
<style type=>body {background-attachment:fixed; } </style>

Habe mal ne zeitlang Hp´s gestaltet und mir hat dabei SelfHtml sehr geholfen, guckst Du hier: http://de.selfhtml.org/

Grüßlis
Ingrid
Andreas13
05 Mai 2005, 13:37
Hallo Ingrid.

Das ist ja mein Problem. Dieser Befehl funktioniert eben nicht. Habe schon einige Variationen ausprobiert. Habe auch bei self-html nachgeschaut, hat leider auch nichts gebracht.

Trotzdem Danke


Andreas
Thergana
05 Mai 2005, 19:28
Hallo Andreas,

in HTML-Programmierung habe ich keine Aktien. Doch vielleicht kann Dir auch die SelfHTML-Unterseite hier weiterhelfen? Die haben sich auf Bugfixings spezialisiert zwinkert.gif http://bugs.selfhtml.org

Viel Erfolg wünscht smilie_up.gif
Thergana
Al Bandi
08 Mai 2005, 09:06
QUOTE (jezzie @ 5.05.2005, 14:18)
Hallo Andreas,

Du mußt nur zwischen <head> und </head> folgendes einbauen:
<style type=>body {background-attachment:fixed; } </style>

Habe mal ne zeitlang Hp´s gestaltet und mir hat dabei SelfHtml sehr geholfen, guckst Du hier: http://de.selfhtml.org/

Grüßlis
Ingrid

Dies ist so nicht ganz richtig, es fehlt etwas.
Richtig heissen muss es:

<style type="text/css">
body { background-image:url(background.gif); background-attachment:fixed; margin: 0px; padding: 0px; top: 0px; left: 0px }
</style>

Zu beachten ist, das im ersten Teil der 'type' eingetragen sein muss, was in zitiertem Beispiel fehlt.
In der Background-Anweisung steht dann der Pfad (url) und das Hintergrundbild (background.gif, kann natürlich auch ein anderer 'zugelassener' Bildtype sein).
'margin' legt an sich nur die Position auf dem Monitor fest.
Hier also links oben ohne Zwischenpixels.

So müßte es eigentlich klappen.
Ralf
16 Aug 2005, 11:52
Hallo Andreas,

falls noch aktuell, hier mal ein Beispiel:

CODE
<body background="hintergrund/seite.bmp" bgproperties="fixed">


Liebe Grüße

Ralf winke.gif
Dies ist eine "Lo-Fi"-Version unseres Inhalts. Zur kompletten Version mit mehr Informationen, Formatierungen und Bildern bitte hier klicken .
Invision Power Board © 2001-2025 Invision Power Services, Inc.
Angepasst von Shaun Harrison
Übersetzt und modifiziert von Fantome et David, Lafter