Visualizzazione dei risultati da 1 a 2 su 2

Visualizzazione discussione

  1. #1

    Problematiche SCROLL delle News

    Salve,
    ho trovato un esempio banale per lo scorrimento delle news da mettere nella mia pagina WEB lato sinistro e per la precisione nella mia master page
    Ieri avevo fatto delle prove e funzionava poi ho perso le mie modifiche e replicando la cosa non riesco più a farlo funzionare ne tanto meno ricordo come avevo fatto ora vorrei capre dove sto sbagliando e forse il problema potrebbe essere dovuto al tag table; comunque posto prima il codice originale :
    codice:
    !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    
    
    <html>
    <head>
        
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
     
        <title>Scroller di news - Esempio
            </title>
        
               <style type="text/css">
    
    
            @import "domnews.css";
        
               </style>
        
               <script type="text/javascript" src="domnews.js">
                   </script>
                        
    </head>
                           
    <body>
                               
    <h2>Titoli di prova</h2>
                                   
    <div id="news">
        
                                      <ul>
            
                                         <li>News</li>
                                        <li><a href="http://www.html.it">Inventato il linguaggio HTML</a>
                                          </li>
                                        <li>CSS is cool!</li>
                                 
            <li>Ti piace Javascript?</li>
                               
            <li>I Love DHTML</li>
                                 
        </ul>
    
    
                                  </div>
                           
    </body>
           
    </html>

    e il CSS :


    codice:
    /* the news box */
    #news
    {
        width:190px;
        background:#eee;
    }
    #news a
    {
        color:#000;
    }
    #news ul
    {
        margin:0 .5em 0 1em;
        padding:0;
    }
    #news li{
        line-height:2em;
    }
    /* the news box when JavaScript is available */
    #news.hasJS
    {
        height:120px;
        overflow:hidden;
        position:relative;
    }
    /* The nested UL when JavaScript is available */
    #news.hasJS ul
    {
        position:absolute;
        top:120px;
        left:0;
        margin:0 .5em 0 .5em;
        padding:0;
    }

    io invece ho fatto in questo modo :
    codice:
       <div>
     
             <table border="1" width="100%" height="500">
             <tr>
                  <td bgcolor="#FFFFCC" style="vertical-align:top"; width="200" >
     
                     <script type="text/javascript" src="domnews.js">
                     </script>
    
    
                    <ul>
                      <li>News</li>
                        <li><a href="http://www.html.it">Inventato il linguaggio HTML</a>
                     </li>
                     <li>CSS is cool!</li>
                       <li>Ti piace Javascript?</li>
                        <li>I Love DHTML</li>
                   </ul>
                   </td>
                   <td style="vertical-align:top";>
                   <asp:ContentPlaceHolder id="ContentPlaceHolder2" runat="server">
           
                   </asp:ContentPlaceHolder>
               </td> 
               </tr>
              </table>  
        </div>

    e la la restante parte con il codice per richiamare il css sopra :
    codice:
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <head runat="server">                     
        <title></title>
        <style  type="text/css">
                               @import "Styles/NSStyle.css";
        </style>    
        <asp:ContentPlaceHolder id="head" runat="server">
        </asp:ContentPlaceHolder>
    </head>

    Spero al più presto che qualcuno mi dica dove sto sbagliando. Grazie
    Ultima modifica di djciko; 23-10-2014 a 13:07

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.