Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Problemi Css

  1. #1
    Utente di HTML.it L'avatar di Profeta
    Registrato dal
    Sep 2000
    Messaggi
    147

    Problemi Css

    Ho un problema nella mia homepage ho inserito questo script e fin qui tutto bene, ma se l'utente cambia il carattere nella visualizzazzione del browser ad esempio grande o molto grande il testo si sovrappone, penso dovrei applicare un css ma non funziona oppure sbaglio a compilarlo, chi mi può aiutare Grazie

    <script language="JavaScript1.2">

    var scrollerwidth=150
    var scrollerheight=120
    var scrollerbgcolor=''
    //set below to '' if you don't wish to use a background image
    var scrollerbackground='scrollerback.gif'

    //configure the below variable to change the contents of the scroller
    var messages=new Array()
    messages[0]="<font face='Arial'>ULTIMO AGGIORNAMENTO 17/09/02</a></font>"
    messages[1]="<font face='Arial'>INAUGURAZIONE NUOVO SITO IL ....</font>"
    messages[2]="<font face='Arial'>VIENI ALLA FESTA...</font>"
    messages[3]="<font face='Arial'>TEST....</font>"
    messages[4]="<font face='Arial'><a href='http://www'>TEST2..../a></font>"

    ///////Do not edit pass this line///////////////////////

    if (messages.length>1)
    i=2
    else
    i=0

    function move1(whichlayer){
    tlayer=eval(whichlayer)
    if (tlayer.top>0&&tlayer.top<=5){
    tlayer.top=0
    setTimeout("move1(tlayer)",3000)
    setTimeout("move2(document.main.document.second)", 3000)
    return
    }
    if (tlayer.top>=tlayer.document.height*-1){
    tlayer.top-=5
    setTimeout("move1(tlayer)",100)
    }
    else{
    tlayer.top=scrollerheight
    tlayer.document.write(messages[i])
    tlayer.document.close()
    if (i==messages.length-1)
    i=0
    else
    i++
    }
    }

    function move2(whichlayer){
    tlayer2=eval(whichlayer)
    if (tlayer2.top>0&&tlayer2.top<=5){
    tlayer2.top=0
    setTimeout("move2(tlayer2)",3000)
    setTimeout("move1(document.main.document.first)",3 000)
    return
    }
    if (tlayer2.top>=tlayer2.document.height*-1){
    tlayer2.top-=5
    setTimeout("move2(tlayer2)",100)
    }
    else{
    tlayer2.top=scrollerheight
    tlayer2.document.write(messages[i])
    tlayer2.document.close()
    if (i==messages.length-1)
    i=0
    else
    i++
    }
    }

    function move3(whichdiv){
    tdiv=eval(whichdiv)
    if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
    tdiv.style.pixelTop=0
    setTimeout("move3(tdiv)",3000)
    setTimeout("move4(second2)",3000)
    return
    }
    if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
    tdiv.style.pixelTop-=5
    setTimeout("move3(tdiv)",100)
    }
    else{
    tdiv.style.pixelTop=scrollerheight
    tdiv.innerHTML=messages[i]
    if (i==messages.length-1)
    i=0
    else
    i++
    }
    }

    function move4(whichdiv){
    tdiv2=eval(whichdiv)
    if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
    tdiv2.style.pixelTop=0
    setTimeout("move4(tdiv2)",3000)
    setTimeout("move3(first2)",3000)
    return
    }
    if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
    tdiv2.style.pixelTop-=5
    setTimeout("move4(second2)",100)
    }
    else{
    tdiv2.style.pixelTop=scrollerheight
    tdiv2.innerHTML=messages[i]
    if (i==messages.length-1)
    i=0
    else
    i++
    }
    }

    function startscroll(){
    if (document.all){
    move3(first2)
    second2.style.top=scrollerheight
    second2.style.visibility='visible'
    }
    else if (document.layers){
    document.main.visibility='show'
    move1(document.main.document.first)
    document.main.document.second.top=scrollerheight+5
    document.main.document.second.visibility='show'
    }
    }

    window.onload=startscroll

    </script>




    <ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; background=&{scrollerbackground}; visibility=hide>
    <layer id="first" left=0 top=1 width=&{scrollerwidth};>
    <script language="JavaScript1.2">
    if (document.layers)
    document.write(messages[0])
    </script>
    </layer>
    <layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
    <script language="JavaScript1.2">
    if (document.layers)
    document.write(messages[1])
    </script>
    </layer>
    </ilayer>

    <script language="JavaScript1.2">
    if (document.all){
    document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';h eight:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
    document.writeln('<div style="position:absolute;width:'+scrollerwidth+';h eight:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
    document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';l eft:0;top:1;">')
    document.write(messages[0])
    document.writeln('</div>')
    document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';l eft:0;top:0;visibility:hidden">')
    document.write(messages[1])
    document.writeln('</div>')
    document.writeln('</div>')
    document.writeln('</span>')
    }
    </script>

  2. #2
    Utente di HTML.it L'avatar di Profeta
    Registrato dal
    Sep 2000
    Messaggi
    147
    Nessuno mi può aiutare
    Grazie

  3. #3
    Utente di HTML.it L'avatar di Sgnafurz
    Registrato dal
    Mar 2003
    Messaggi
    2,182
    caro profeta, dal tuo codice non si capisce bene se il css sia presente, per quanto abbia capito io dovresti bloccare i font usando l'attributo font-size, nei punti in cui ti serve

  4. #4
    Utente di HTML.it L'avatar di Profeta
    Registrato dal
    Sep 2000
    Messaggi
    147
    Ciao grazie per la risposta
    ho fatto cosi
    messages[2]="<font face='Arial' size='2'>VIENI ALLA FESTA...</font>"
    messages[3]="<font face='Arial' size='2'>TEST....</font>"
    messages[4]="<font face='Arial' size='2'><a href='http://www'>TEST2....a></font>"
    ma non cambia niente
    I css non è presente secondo te devo inserirlo se si come dovrei fare
    Grazie

  5. #5
    Utente di HTML.it L'avatar di Sgnafurz
    Registrato dal
    Mar 2003
    Messaggi
    2,182
    Originariamente inviato da Profeta
    Ciao grazie per la risposta
    ho fatto cosi
    messages[2]="<font face='Arial' size='2'>VIENI ALLA FESTA...</font>"
    messages[3]="<font face='Arial' size='2'>TEST....</font>"
    messages[4]="<font face='Arial' size='2'><a href='http://www'>TEST2....a></font>"
    ma non cambia niente
    I css non è presente secondo te devo inserirlo se si come dovrei fare
    Grazie
    allora il css si inserisce in due modi
    codice:
    1) in linea:   link  ossia all'interno del tag interessato
    
    2) dall'esterno:
            a) nel foglio HTML tra i tag <HEAD> cosi
    
                 .stilefont{
                    font-face: Arial;
                     font-size: 2px;
                 }
     
                 stilefont è una "CLASSE" CSS e lo puoi richiamare nel tag interessato cosi:
                  link
    
    
             b) ti crei un file   nomefile.css
                 dove scrivi le classi che ti servono come stilefont
                 e le richiami nei tag interessati come nei punti precedenti. Per richiamare il file CSS nella pagina HTML devi inserire tra i tag <HEAD> questo:
                <LINK HREF="nomefile.css" REL="stylesheet" TYPE="text/css">

  6. #6
    Utente di HTML.it L'avatar di Profeta
    Registrato dal
    Sep 2000
    Messaggi
    147
    Grazie ho risolto il problema togliendo il font size e forzando un css
    Grazie ancora

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.