Seite 1 von 1

Mitscrollendes Element an der Seite

Verfasst: 03.05.2011 11:18
von attemis
Hallo,

ich würde gerne auf meiner Webseite an der linken Seite eine verlinkte Grafik einfügen.
Diese sollte Mitscrollen.

Danke im voraus!

Re: Mitscrollendes Element an der Seite

Verfasst: 08.05.2011 13:42
von Talk19zehn
Hello attemis,

ich würde dir gerne helfen, die Informationen sind jedoch etwas dürftig.

Ein Ansatz wäre:
http://www.web-toolbox.net/webtoolbox/c ... en-bsp.htm

und

http://www.css4you.de/background-attachment.html

Beste Grüße

Re: Mitscrollendes Element an der Seite

Verfasst: 15.05.2011 17:14
von attemis
danke!
obwohl ich das etwas anders gemeint hatte:
wenn man auf der seite scrollt, ist links oder rechts eine kleine grafik (70 mal 70 oder so), die mitleuft

Re: Mitscrollendes Element an der Seite

Verfasst: 16.05.2011 13:59
von Talk19zehn
Mitscrollendes Element an der Seite
Hello, daraus ließe sich doch ein Konstrukt erstellen? Ich würde es wie folgt ausprobieren:

common.css

Code: Alles auswählen

body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
/*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0 auto;
	padding: 10px 0;
}
Ergänze hierin um:

Code: Alles auswählen

background-image: url("{T_THEME_PATH}/images/diegrafik.gif");
background-repeat: no-repeat;
background-position: 10px 100px;
background-attachment: fixed;
Anmerkung:
background-position: 10px 100px;
Abstand von links, Abstand von oben

Wenn nun Deine Grafik 70px breit ist und du den Abstand von links zzgl. ein paar Pixel hinzu nimmst, müsstest du das Forum ( Wrap ) um ca. 82px (?) nach rechts verschieben. Wenn die Grafik transparent ist, musst du mal schauen, welcher Abstand linksseitig ( padding 78px ) in Frage käme. Eventuell musst du ggf. auch mit margin experimentieren --> von Fall zu Fall, sozusagen.

Beispiel:

Code: Alles auswählen

#wrap {
padding: 0px 2px 0px 78px;
min-width: 650px;
margin: 0 auto;
}


Das sollte machbar sein. Nicht in allen Teilen getestet. :wink:
Siehe bitte ebenso:
http://www.css4you.de/padding-left.html
http://www.css4you.de/margin.html

Grüße

Re: Mitscrollendes Element an der Seite

Verfasst: 16.05.2011 18:21
von attemis
danke!
ich muss nähmlich noch nen link für den adventskalendar einbauen :wink:
obwohl es noch nicht weihnachten ist!

Re: Mitscrollendes Element an der Seite

Verfasst: 16.05.2011 18:28
von Talk19zehn
Hello!!
Bitte und gerne, wenn es geholfen hat.

Ich fange auch frühzeitig mit etlichen Teilchen an.... :wink: ---> Gut vorbereitet zu sein, kann nicht schaden!! Wer hat, der hat!!

LG