Mittels Grafiken im I-Frame Scollen

Neues Thema verfassen Neues Thema

Feiertag
Newbie

Registriert: 07.02.2012
Beitraege: 3

07.02.2012 um 16:15 Uhr

Hallo und schon mal Danke fr etwaige Antworten!

Ich mchte dieses javascript nutzen und mchte aber den Iframe zentriert auf der Seite haben. Irgendwie schaffe ich das nicht.
Die grsse kann ich noch verndern, das schaffe ich aber dann beisst es aus. Kein PLan wie weiter!

Bitte um Hilfe.

Antworten Zitat
Alice
Admin

Registriert: 14.12.2006
Beitraege: 1058

07.02.2012 um 16:49 Uhr

Hallo,

ein I-Frame kann wie jedes andere Element auch mittels CSS zentriert werden...

Kann man sich das vielleicht irgendwo online anschauen?
Ansonsten kann ich da nicht wirklich viel weiter helfen, ohne den Code zu kennen

Liebe Gruesse
Alice

... { signatur } ...

Antworten Zitat
Feiertag
Newbie

Registriert: 07.02.2012
Beitraege: 3

07.02.2012 um 19:50 Uhr

Hallo, nun, du kennst das Tutorial ja, es ist ja hier auf der Seite.
Nun wrde ich dies gerne eben in der Mitte haben und die rauf/runter Button daneben rechts
Wrde mir sehr helfen.

lg

Antworten Zitat

Alice

Admin

Registriert: 14.12.2006
Beitraege: 1058

07.02.2012 um 20:09 Uhr

Nunja, dann mach einfach ein DIV um's I-Frame samt Scroll-Buttons,
das DIV sollte etwas Breiter sein als I-Frame und Scroll-Buttons zusammen,
dann noch dem DIV per CSS margin: 0 auto; verpassen, sollte ausreichen ...

Beispiel:

<style type="text/css">
body{
	color: #777;
	background: #B5B5B5;
	font: normal 0.9em Arial, Verdana, sans-serif;
	margin: 20px;
}

#scroll_it{
	float: left;
	border: 1px solid #80ACD9;
	padding: 5px;
	margin: 10px;
}

#buttons{
	position: relative;
	top: 120px;
}

#ram {
    background: #fff;
    border: 3px solid #EEE;
    margin: 10px auto;
    text-align: left;
    width: 540px;
    padding: 0px 15px;
    height: 530px;
}
</style>

</head>

<body>

<div id="ram">

<h1>I-Frame Scrolling mittels Javascript</h1>

<iframe id="scroll_it" name="scroll_it" src="test.html" width="450" height="400" border="0" frameborder="0" scrolling="no"></iframe>

<div id="buttons">

<img src="up.jpg" onmouseover="scroll_iframe('scroll_it', -5, 'i');" onmouseout="stopScroll();" title="Hoch scrollen" />

<br /><br /><br />

<img src="down.jpg" onmouseover="scroll_iframe('scroll_it', 5, 'i');" onmouseout="stopScroll();" title="Runter scrollen" />

</div>

<p style="clear:left;">I-Frame Scrolling mittels Javascript Beispielseite &middot; <a href="http://alice-grafixx.de">Alice-Grafixx.de</a></p>

</div>

</body>
</html>

=> http://alice-grafixx.de/beispiele/javascript/javscript_scroll/

... { signatur } ...

Antworten

Zitat