Loading...   Upload Image

Mittels Grafiken im I-Frame ScollenForum » Tutorials » Help » Mittels Grafiken im I-Frame Scollen

Neues Thema verfassen Neues Thema

  • FeiertagUser ist offline
    Newbie



    Registriert: 07.02.2012
    Beitraege: 3

    07.02.2012 um 16:15 Uhr

    Hallo und schon mal Danke für etwaige Antworten!

    Ich möchte dieses javascript nutzen und möchte aber den Iframe zentriert auf der Seite haben. Irgendwie schaffe ich das nicht.
    Die grösse kann ich noch verändern, das schaffe ich aber dann beisst es aus. Kein PLan wie weiter!

    Bitte um Hilfe.



  • AliceUser ist offline
    Admin


    Alice

    Registriert: 14.12.2006
    Beitraege: 1059

    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 } ...
  • FeiertagUser ist offline
    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 würde ich dies gerne eben in der Mitte haben und die rauf/runter Button daneben rechts
    Würde mir sehr helfen.

    lg



  • AliceUser ist offline
    Admin


    Alice

    Registriert: 14.12.2006
    Beitraege: 1059

    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 } ...
  • FeiertagUser ist offline
    Newbie



    Registriert: 07.02.2012
    Beitraege: 3

    07.02.2012 um 21:50 Uhr

    Mal lieb Danke sag...




[ 1 ] Seite 1 von 1


Affiliates:   Colorful Gfx  •   Pat DG  •   Blue-Graphics  •   The Seduction  •   Design Grafixx  •   Gallery Yuri  •   Chibi Graphics  • Show all ...
designenlassen.de - Der Design-Marktplatz für Webdesign, Logo-Design, Flyerdesign u.v.m.        ALL-INKL.COM - Webhosting Server Hosting Domain Provider