Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Contenuti... scorrevoli in tabella

    ciao per la prossima settimana devo fare un sito per scuola...sono gia ad un buon punto.Volevo aggiungere però questo script http://javascript.html.it/script/vedi/5801/contenuti-scorrevoli/ in una tabella...aggiungendola senza tabella è tutto ok ma con la tabella non viene...sicuramente ho sbagliato qualcosa visto che non sono ancora molto bravo....mi potreste far vedere un esempio di come devo metterlo???

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Benvenuto sul forum

    Fai vedere TU cosa hai fatto finora... sicuramente meno impegnativo per noi che non reinventare tutto

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    come devo fare per mettere quello che ho fatto??



    <html>
    <head>
    <title>Atletica Osimo-I migliori tempi</title>
    <script src="mootools.js" type="text/javascript"></script>
    <script src="slidingTabs.js" type="text/javascript"></script>
    <style type="text/css" media="screen">
    body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,f orm,fieldset,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
    }

    html { font-size: 13px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; }
    #heading {
    display: block;
    text-align: center;
    margin-bottom: 1em;
    }
    #heading * {
    display: inline;
    padding: 4px;
    user-select: none;
    cursor: pointer;
    vertical-align: middle;
    }
    #heading li.active {
    background-color: #66ccff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -opera-border-radius: 3px;
    -moz-border-radius: 3px;
    }

    #wrapper { border: 1px dotted gray; margin: 1em; padding: 1em; }

    #panes {
    text-align: justify;
    border-style: none;
    /*width: 245px;*/
    margin: 0 1em 0 1em;
    }

    #panes p {
    width: 600px;
    margin: 0 auto 1em auto;
    line-height: 1.2em;
    }

    #panes div div { overflow: hidden; }

    #previous { float: none; cursor: pointer; }
    #next { float: none; cursor: pointer; }
    </style>
    </head>
    <body background="immagini/38original.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" lang="it">
    <div align="center">
    <table width="1000" border="15" cellspacing="0" cellpadding="0">
    <tr>
    <td bgcolor="#FF0000" ><a name="quarto"></a>[img]immagini/img2.jpg[/img]</td>
    <td bgcolor="#FF0000" >[img]immagini/Immagine.png[/img]</td>
    </tr>
    </table>
    <table width="1000" height="20" border="0" cellpadding="0" cellspacing="1" bgcolor="#00000">
    <tr>
    <td bgcolor="#FFFF00" align="center" ><font face="Verdana" size=5 color="red">Home</font></td>
    </tr>
    </table>
    <table width="1000" height="600" border="1" cellpadding="10" cellspacing="20" background="immagini/38original.gif">
    <tr>
    <td width="130" align="center" valign="top" background="immagini/sfondo19-a.jpg" >

    <font face="Verdana">Prima Pagina</p>


    La Nostra Storia</p>


    Atleti</p>


    Links</p>


    Prossime Gare</p>


    Allenamenti</p>
    <pGalleria</p>


    Direttivo</p>


    Contatti</p>


    I migliori tempi</font></p></td>
    <td align="justify" background="immagini/sfondo19-a.jpg"><font face="Verdana" size=2 >
    <div id="wrapper">
    <div id="heading">

    [img]leftAlt3.png[/img]
    <ul id="buttons">
    [*]Ragazzi/e
    [*]Cadetti/e
    [*]Allievi/e
    [*]Juniores
    [*]Promesse
    [*]Assoluti


    [/list]
    [img]rightAlt3.png[/img]
    </div>


    <div id="panes">
    <div id="content">
    <div class="pane">
    <p align="justify">RAGAZZI OUTDOOR


    GareRagazzi OutdoorTempiAnno

    </p>

    </div>
    <div class="pane" id="bike">


    Test Test... 1, 2, 3...</p>

    </div>
    <div class="pane">


    There once was a pony who felt rather lonely, she wanted some friends to come play! She whinnied and blustered in to the breeze and the horses at work for a moment did freeze. They all wanted fun in the lovely bright sun, but the kiddies need rides to be pleased!?</p>
    </div>
    <div class="pane" id="rhyme2">


    She jumped over the fence with a playful defence, and the kids did they scream for the horse was now free, looking around, near a tree. And the children were out in the open about. Everyone froze, ears focused on pony as she wandered right down near the seating. She nickered and sniffed at the air near their chests, looking for carrots within them. But none to be found, kids pulled at her mane rather abruptly?</p>
    </div>

    <div class="pane" id="rhyme3">


    She snorted and ran from the grabby grab hands! There was nothing but dust moments later. The pony was gone and the kids were alone with the horses and teachers, all silenced. And then came a day when designers did say ?Hey, there's hoofprints all over my code here!? and the question remains unanswered to this very day, as the clippity clop on a keyboard does knock, why a pony would javascript anyway!</p>
    </div>

    <div class="pane" id="rhyme4">


    blabla</p>
    </div>


    </div>
    </div>
    </div>

    <script type="text/javascript" charset="utf-8">
    window.addEvent('load', function () {
    myTabs = new SlidingTabs('buttons', 'panes');

    // this sets up the previous/next buttons, if you want them
    $('previous').addEvent('click', myTabs.previous.bind(myTabs));
    $('next').addEvent('click', myTabs.next.bind(myTabs));

    // this sets it up to work even if it's width isn't a set amount of pixels
    window.addEvent('resize', myTabs.recalcWidths.bind(myTabs));
    });
    </script>
    </font></td>
    </tr>
    </table>
    <table width="1000" border="1" cellpadding="0" cellspacing="0" bgcolor="#fffff">
    <tr>
    <td><font face="Verdana" size=5 color="red"><marquee behavior="alternate"> Pagina a cura di Matteo Natalucci </marquee></font></td>
    </tr>
    </table>
    </div>
    </body>
    </html>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.