Valutazione 4.87/ 5 (100.00%) 5838 voti

Condividi:        

Larghezza pagina web / barra scorrimento impazzita?

Problemi di HTML? Di PHP, ASP, .NET, JSP, Perl, SQL, JavaScript, Visual Basic..?
Vuoi realizzare programmi in C, C++, Java, Ruby o Smalltalk, e non sai da che parte cominciare?
Entra qui e troverai le risposte!

Moderatori: Triumph Of Steel, archimede

Larghezza pagina web / barra scorrimento impazzita?

Postdi bella » 25/02/06 11:24

-----------------------------------------------------------------------------

Salve a tutti! Nella mia Home Page

http://www.italianrugby.net

ho inserito i codici html seguenti; tutto ok, eccetto il fatto che la larghezza della pagina mi da un problema; la barra di scorrimento orrizzontale sembra comprendere pure un ampio spazio bianco alla destra del video.
Cosa dovrei fare? Impostare margini, per impedire alla barra di scorrimento di spostarsi sulla destra? Oppure altro? Aiuto!!!

Bella
bella
Utente Junior
 
Post: 84
Iscritto il: 05/10/05 11:38

Sponsor
 

Re: Larghezza pagina web / barra scorrimento impazzita?

Postdi archimede » 25/02/06 11:42

bella ha scritto:ho inserito i codici html seguenti
:?:

Non sapendo cosa hai inserito, l'unico consiglio che mi viene in mente è verificare la larghezza (width) dei nuovi elementi.

HTH.

Alessandro
archimede
Moderatore
 
Post: 2755
Iscritto il: 07/11/02 12:41
Località: Genova

Postdi -Io- » 25/02/06 12:03

Io non so se è per problemi miei, ma non visualizzo correttamente nemmeno il testo scorrevole :-? ...
Cmq a salvare e lanciare la pagina in locale, è tutto corretto: niente barra di scorrimente laterale troppo lunga e testo scorrevole visualizzato correttamente.
-Io-
Utente Senior
 
Post: 134
Iscritto il: 20/02/06 14:44
Località: Gargnano

Postdi Triumph Of Steel » 25/02/06 12:44

se per un momento togli i testi scorrevoli, si vede bene?
Avatar utente
Triumph Of Steel
Moderatore
 
Post: 7852
Iscritto il: 22/08/01 01:00

Postdi -Io- » 25/02/06 13:01

Pure la disabilitazione del tasto destro non funziona: con Firefox lo uso senza problemi (solo con Explorer non riesco a cliccare col destro)...
-Io-
Utente Senior
 
Post: 134
Iscritto il: 20/02/06 14:44
Località: Gargnano

Postdi archimede » 25/02/06 13:52

Non capisco: -Io- e bella sono la stessa persona? :-?

Alessandro
archimede
Moderatore
 
Post: 2755
Iscritto il: 07/11/02 12:41
Località: Genova

Postdi -Io- » 25/02/06 13:57

No :lol: : io ho semplicemente copiato il sorgente e provato a fatto partire la pagine in locale sul mio pc, e quelli sono gli altri "difetti" che ho notato.
-Io-
Utente Senior
 
Post: 134
Iscritto il: 20/02/06 14:44
Località: Gargnano

Postdi bella » 25/02/06 22:04

Scusatemi, mi ero dimenticato di copiare il codice html, sperando che possa serivere: eccolo:
Codice: Seleziona tutto
<html>
<head>
<LINK REL="SHORTCUT ICON" HREF="http://www.italianrugby.net/favicon.ico">
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Italian Rugby Net Home Page</title>
<META NAME="DESCRIPTION" CONTENT="Sito Web del Rugby Italiano">
<META NAME="KEYWORDS" CONTENT="italianrugbynet,rugby,italia,chat,forum,notizie,super10,italy,league,risultati,classifiche,italian,news,eventi,tornei,azzurri',foto,video">
<META NAME="ROBOTS" CONTENT="index,follow">
<META NAME="REVISIT-AFTER" CONTENT="1 days">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="Microsoft Theme" content="none">
<script language="JavaScript1.2">
<!-- Start
/* prelevato su web-link: http://www.web-link.it */
function right(e) {
if (navigator.appName == 'Netscape' &&
(e.which == 3 || e.which == 2))
return false;
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("Il tasto destro del tuo Mouse e' disabilitato in questa pagina, per informazioni contattate webmaster@italianrugby.net");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
// end -->
</script>
<script language="JavaScript" type="text/javascript">
<!-- Start
<!--  prelevato su http://www.web-link.it -->
var bookmarkurl="http://www.italianrugby.net"
var bookmarktitle="Italian Rugby Home Page"
function addbookmark(){
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
//  End -->
</script>
</head>
<body style="background-color: #F5F5F5">
<div align="center">
<center>
<pre style="background-color: #F5F5F5; word-spacing: 0; margin: 0"><font face="Arial Black" size="2" color="#000000"><a href="http://www.italianrugby.net/index.php">ITALIAN</a></font> <img border="0" src="../Immagini/ball.gif" width="30" height="25"> <a href="http://www.italianrugby.net/index_en.php"><font face="Arial Black" color="#000000" size="1">ENGLISH</font></a></pre>
</center>
</div>
<div align="center">
<center><pre align="center" style="background-color: #F5F5F5; word-spacing: 0; margin: 0; padding-top: 7; background-position: top 50%"><sub> </sub><b><a href="http://www.italianrugby.net/index.php"><font face="Times New Roman" size="7"><sub><font color="#0000FF"><img border="0" src="../Immagini/nuovologo.jpg" width="100%" height="80"></font></sub></font></a></b></pre>
</center>
</div>
<table border="0" width="100%" height="50">
<tr>
<td width="14%" height="19" style="background-color: #0000FF">
<p align="center"><font face="Arial Black" size="2"><a href="http://www.italianrugby.net/index.php"><font color="#FFFFFF">HOME</font></a></font></p>
</td>
<td width="14%" height="19" style="background-color: #0000FF">
<p align="center"><font face="Arial Black" size="2"><a href="http://www.italianrugby.net/news/news.php"><font color="#FFFFFF">NEWS</font></a></font></p>
</td>
<td width="14%" height="19" style="background-color: #0000FF">
<p align="center"><font face="Arial Black" size="2"><a href="http://www.italianrugby.net/articoli/articoli.php"><font color="#FFFFFF">ARTICOLI</font></a></font></p>
</td>
<td width="14%" height="19" style="background-color: #0000FF">
<p align="center"><font face="Arial Black" size="2"><a href="http://www.italianrugby.net/classifiche/classifiche.htm"><font color="#FFFFFF">TORNEI</font></a></font></p>
</td>
<td width="14%" height="19" style="background-color: #0000FF">
<p align="center"><font face="Arial Black" size="2"><a href="http://www.italianrugby.net/union/union.htm"><font color="#FFFFFF">UNIONa15</font></a></font></p>
</td>
<td width="15%" height="19" style="background-color: #0000FF">
<p align="center"><font face="Arial Black" size="2"><a href="http://www.italianrugby.net/league/league.htm"><font color="#FFFFFF">LEAGUEa13</font></a></font></p>
</td>
<td width="15%" height="19" style="background-color: #0000FF">
<p align="center"><font face="Arial Black" size="2"><a href="http://www.italianrugby.net/sevens/sevens.htm"><font color="#FFFFFF">SEVENSa7</font></a></font></p>
</td>
</tr>
<tr>
<td width="14%" height="19" style="background-color: #0000FF">
<p align="center"><font face="Arial Black" size="2"><a href="http://www.italianrugby.net/tornei/tornei.htm"><font color="#FFFFFF">EVENTI</font></a></font></p>
</td>
<td width="14%" height="19" style="background-color: #0000FF">
<p align="center"><font face="Arial Black" size="2"><a href="http://www.italianrugby.net/chat/chat.htm"><font color="#FFFFFF">CHAT</font></a></font></p>
</td>
<td width="14%" height="19" style="background-color: #0000FF">
<p align="center"><font face="Arial Black" size="2"><a href="http://www.italianrugby.net/forum/forum.htm"><font color="#FFFFFF">FORUM</font></a></font></p>
</td>
<td width="14%" height="19" style="background-color: #0000FF">
<p align="center"><font face="Arial Black" size="2"><a href="http://www.italianrugby.net/giochi/giochi.htm"><font color="#FFFFFF">GIOCHI</font></a></font></p>
</td>
<td width="14%" height="19" style="background-color: #0000FF">
<p align="center"><font face="Arial Black" size="2"><a href="http://www.italianrugby.net/varie/varie.htm"><font color="#FFFFFF">VARIE</font></a></font></p>
</td>
<td width="15%" height="19" style="background-color: #0000FF">
<p align="center"><font face="Arial Black" size="2"><a href="http://www.italianrugby.net/cerca/cerca.htm"><font color="#FFFFFF">CERCA</font></a></font></p>
</td>
<td width="15%" height="19" style="background-color: #0000FF">
<p align="center" style="background-color: #0000FF"><font face="Arial Black" size="2"><a href="http://www.italianrugby.net/scrivici/scrivici.htm"><font color="#FFFFFF">SCRIVICI</font></a></font></p>
</td>
</tr>
</table>
<p align="center"><font face="Arial Black" size="6" color="#0000FF">HOME PAGE</font></p>
<p style="margin-left: 0; margin-right: 0; margin-top: 0" align="left">
<script language="JavaScript">
<!--
var data = new Date();
var set, gg, mm, aaaa;
//Crea la tabella dei mesi
var mesi = new Array();
mesi[0] = "Gennaio";
mesi[1] = "Febbraio";
mesi[2] = "Marzo";
mesi[3] = "Aprile";
mesi[4] = "Maggio";
mesi[5] = "Giugno";
mesi[6] = "Luglio";
mesi[7] = "Agosto";
mesi[8] = "Settembre";
mesi[9] = "Ottobre";
mesi[10] = "Novembre";
mesi[11] = "Dicembre";
//Crea la tabella dei giorni della settimana
var giorni = new Array();
giorni[0] = "Domenica";
giorni[1] = "Lunedi'";
giorni[2] = "Martedi'";
giorni[3] = "Mercoledi'";
giorni[4] = "Giovedi'";
giorni[5] = "Venerdi'";
giorni[6] = "Sabato";
//Estrae dalla tabella il giorno della settimana
set = giorni[data.getDay()] + " ";
gg = data.getDate() + " ";
//Estrae dalla tabella il mese
mm = mesi[data.getMonth()] + " ";
aaaa = data.getYear();
document.write("Benvenuto su ItalianRugby, oggi e' " + set + gg + mm + aaaa);
//-->
</script>
<hr>
<br>
<p align="left"><a href="http://www.italianrugby.net/news/news.php"><img border="1" src="immagini/newupdated.gif" width="142" height="109" align="right"></a></p>
<TABLE cellSpacing=0 cellPadding=0 width=551 bgColor=#efefef border=0>
<TBODY>
<TR>
<TD width="549">
<p style="word-spacing: 0; margin: 0"><font face="Britannic Bold" size="3"><b>COMUNICAZIONI
SITO/UPDATES </b></font></p>
</TD></TR>
<TR vAlign=top>
<TD bgColor=#efefef class=newsCell width="539">
<p style="word-spacing: 0; margin: 0"><b>Gentili Lettori, i servizi di
ItalianRugbyNet riprendono la normale attivita', al termine del periodo
Natalizio. A tutti un augurio di una fantastica stagione 2006 di Rugby. In
questo anno seguiremo i maggiori eventi di Rugby Internazionale, 6Nazioni,
3Nations, Super14, NPC, Currie Cup, Campionati Europei, Coppa del Mondo di Rugby
2006 W, IRB, NRL, ed altro; sempre il Meglio del Rugby, per il Meglio dei
supporters!</b>
</p>
<p style="word-spacing: 0; margin: 0" align="right"><b>LA DIREZIONE</b>
</p>
</TD></TR>
</TBODY></TABLE>
<br>
<!-- // Prelevato ed illustrato su http://www.web-link.it -->
<marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()" style="height:40px;width:75%;border:solid #B4C1D3 1px;background:#D7DDE6;padding:5px;" height="200" width="100%">
<b>Esclusivo</b><br />
Il Miglior Rugby Internazionale<br />
Gratis sul Net<br />
In diretta 24 ore su 24<br />
Per il miglior Pubblico di Rugby<br />
Buona Visione<br />
<b>www.italianrugby.net</b><br />
<a href="http://www.italianrugby.net/varie/webtvlive/webtvlive.html" target="_blank">Web.Tv.Live</a><br />
</marquee>
<br>
<br>
<!-- // Prelevato ed illustrato su http://www.web-link.it -->
<marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()" style="height:40px;width:100%;border:solid #B4C1D3 1px;background:#D7DDE6;padding:5px;" height="200" width="75%">
<b>Ancora Esclusivo</b><br />
Il pronostico sulla Coppa del Mondo di Rugby 2007<br />
secondo il pronostico<br />
dell'esperto di Rugby Italiano, Mr. Van<br />
<a href="http://www.italianrugby.net/classifiche/worldcup/worldcup2007.php" target="_blank">Pronosticone RWC 2007</a><br />
</marquee>
<hr>
<p align="left"><a href="http://www.italianrugby.net/news/news.php"><img border="1" src="immagini/newsflash.gif" width="142" height="109" align="right"></a></p>
<TABLE cellSpacing=0 cellPadding=0 width=551 bgColor=#efefef border=0>
<TBODY>
<TR>
<TD width="549">
<p style="word-spacing: 0; margin: 0"><font face="Britannic Bold" size="3"><b>RUGBY BREAKING NEWS</b></font></p>
</TD></TR>
<TR vAlign=top>
<TD bgColor=#efefef class=newsCell width="539">
<p style="word-spacing: 0; margin: 0"><script language="JavaScript" src="http://jade.mcli.dist.maricopa.edu/feed/feed2js.php?src=http%3A%2F%2Frds.yahoo.com%2FS%3D53720272%2FK%3Drugby%2Brugby%2Fv%3D2%2FSID%3Dw%2Fl%3DNRE%2FSIG%3D158iqlcse%2FEXP%3D1129016310%2F%2Ahttp%253A%2F%2Fnews.search.yahoo.com%2Fnews%2Frss%3Fei%3DUTF-8%26va%3Drugby%2Brugby%26va_vt%3Dany%26timeago%3Dday%26smonth%3D9%26sday%3D10%26emonth%3D10%26eday%3D10%26catfilt%3D1%26fl%3D1%26vl%3Dlang_it%26n%3D10&num=3&desc=100&date=y&targ=_blank" type="text/javascript"></script>
<noscript>
<a href="http://jade.mcli.dist.maricopa.edu/feed/feed2js.php?src=http%3A%2F%2Frds.yahoo.com%2FS%3D53720272%2FK%3Drugby%2Brugby%2Fv%3D2%2FSID%3Dw%2Fl%3DNRE%2FSIG%3D158iqlcse%2FEXP%3D1129016310%2F%2Ahttp%253A%2F%2Fnews.search.yahoo.com%2Fnews%2Frss%3Fei%3DUTF-8%26va%3Drugby%2Brugby%26va_vt%3Dany%26timeago%3Dday%26smonth%3D9%26sday%3D10%26emonth%3D10%26eday%3D10%26catfilt%3D1%26fl%3D1%26vl%3Dlang_it%26n%3D10&num=3&desc=100&date=y&targ=_blank&html=y">View RSS feed</a>
</noscript>
</p>
</TD></TR>
<TR>
<TD width="549">
<p style="word-spacing: 0; margin: 0">&nbsp;</TD></TR></TBODY></TABLE>
<hr>
<p align="left"><img border="1" src="immagini/tvrugby.jpg" width="142" height="109" align="right"></p>
<TABLE cellSpacing=0 cellPadding=0 width=550 bgColor=#efefef border=0>
<TBODY>
<TR>
<TD width="548">
<p style="word-spacing: 0; margin: 0"><b><font face="Britannic Bold" size="3">RUGBY IN TV</font></b><width=500></p>
</TD></TR>
<TR vAlign=top>
<TD bgColor=#efefef class=newsCell width="538">
<p style="word-spacing: 0; margin: 0"><script language="JavaScript" src="http://jade.mcli.dist.maricopa.edu/feed/feed2js.php?src=http%3A%2F%2Frds.yahoo.com%2FS%3D53720272%2FK%3Drugby%2Brai%2Bsky%2Fv%3D2%2FSID%3Dw%2Fl%3DNRE%2FSIG%3D14flech71%2FEXP%3D1129882855%2F%2A-http%253A%2F%2Fnews.search.yahoo.com%2Fnews%2Frss%3Fp%3Drugby%2Brai%2Bsky%26ei%3DUTF-8%26n%3D10%26fl%3D1%26vl%3Dlang_it%26timeago%3Dweek%26sday%3D20%26eday%3D20%26datesort%3D1&num=3&date=y&targ=y" type="text/javascript"></script>
<noscript>
<a href="http://jade.mcli.dist.maricopa.edu/feed/feed2js.php?src=http%3A%2F%2Frds.yahoo.com%2FS%3D53720272%2FK%3Drugby%2Brai%2Bsky%2Fv%3D2%2FSID%3Dw%2Fl%3DNRE%2FSIG%3D14flech71%2FEXP%3D1129882855%2F%2A-http%253A%2F%2Fnews.search.yahoo.com%2Fnews%2Frss%3Fp%3Drugby%2Brai%2Bsky%26ei%3DUTF-8%26n%3D10%26fl%3D1%26vl%3Dlang_it%26timeago%3Dweek%26sday%3D20%26eday%3D20%26datesort%3D1&num=3&date=y&targ=y&html=y">View RSS feed</a>
</noscript>
</p>
</TD></TR>
<TR>
<TD width="548">
<p style="word-spacing: 0; margin: 0"></p>
</TD></TR></TBODY></TABLE>&nbsp;
<hr>
<p align="right"><img border="0" src="../immagini/player.gif" width="100" height="120" align="left"></p>
<p style="word-spacing: 0; margin: 0" align="justify"><font face="Arial Black" color="#0000FF"><b>
<marquee>6 Nazioni 2006, FORZA AZZURRI!!!</marquee>
</b></font></p>
<SCRIPT>
// URLs of slides
var slideurl=new Array("../immagini/ireita1.jpg","../immagini/ireita2.jpg","../immagini/ireita3.jpg","../immagini/ireita4.jpg","../immagini/ireita5.jpg")
// comments displayed below the slides
var slidecomment=new Array("Sudafrica","Inghilterra","NuovaZelanda","Argentina","Australia")
// links for each slide
var slidelink=new
Array("http://www.italianrugby.net/varie/azzurri.php#azzurri","http://www.italianrugby.net/varie/azzurri.php#azzurri","http://www.italianrugby.net/varie/azzurri.php#azzurri","http://www.italianrugby.net/varie/azzurri.php#azzurri","http://www.italianrugby.net/varie/azzurri.php#azzurri")
// targets of the links. Allowed values: "_parent", "_top", "_blank", "_self"
var slidetarget=new Array("_blank","_blank","_blank","_blank","_blank")
// the width of the slideshow (pixels)
var scrollerwidth=400
// the height of the slideshow (pixels)
var scrollerheight=150
// width of the transparent zones (pixels)
var translayerszone=40
// font-attributes for the comments
var slidefont="Arial black"
var slidefontcolor="black"
var slidefontsize="2"
// background-color of webpage
var pagebgcolor="#F5F5F5"
// do not edit below this line
var translayerswidth=1
var translayersmax=Math.floor(translayerszone/translayerswidth)
var translayersleftpos=0
var translayersopacity=100
var translayersfactor=100/translayersmax
var translayerswidthall=translayersmax*translayerswidth
var allpicturewidth
var distancepictopic=0
var scrollerleft=0
var scrollertop=0
var pause=20
var step=2
var newstep=step
var clipleft,clipright,cliptop,clipbottom
var i_picture=0
var timer
var picturecontent=""
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0
var ie=document.all?1:0
var browserinfos=navigator.userAgent
var opera=browserinfos.match(/Opera/)
var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=slideurl[i]
}
function init() {
if (ie) {
allpicturewidth=document.all.picturediv.offsetWidth
document.all.picturediv.style.posTop=scrollertop
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.picturediv.style.visibility="visible"
scrollpicture()
}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.top=scrollertop
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.getElementById('picturediv').style.visibility="visible"
scrollpicture()
}
if (ns4) {
allpicturewidth=document.roof.document.picturediv.document.width
document.roof.document.picturediv.top=scrollertop
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0
document.roof.document.picturediv.clip.right=0
document.roof.document.picturediv.clip.top=0
document.roof.document.picturediv.clip.bottom=scrollerheight
document.roof.document.picturediv.visibility="visible"
scrollpicture()
}
}
function scrollpicture() {
if (ie) {
if (document.all.picturediv.style.posLeft>=scrollerleft-allpicturewidth) {
document.all.picturediv.style.posLeft-=step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns6) {
if (parseInt(document.getElementById('picturediv').style.left)>=scrollerleft-allpicturewidth) {
document.getElementById('picturediv').style.left=parseInt(document.getElementById('picturediv').style.left)-step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns4) {
if (document.roof.document.picturediv.left>=scrollerleft-allpicturewidth) {
document.roof.document.picturediv.left-=step
document.roof.document.picturediv.clip.right+=step
if (document.roof.document.picturediv.clip.right>scrollerwidth) {
document.roof.document.picturediv.clip.left+=step
}
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
}
function onmsover() {
step=0
}
function onmsout() {
step=newstep
}
function resetposition() {
if (ie) {
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns4) {
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0
document.roof.document.picturediv.clip.right=0
scrollpicture()
}
}
picturecontent=""
picturecontent+="<table cellpadding=2 cellspacing=0>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<a href=\""+slidelink[i]+"\" target=\""+slidetarget[i]+"\" onMouseOver=\"javascript:onmsover()\" onMouseOut=\"javascript:onmsout()\">"
picturecontent+="<img src=\""+slideurl[i]+"\" border=0></a>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<font face=\""+slidefont+"\" color=\""+slidefontcolor+"\" size="+slidefontsize+">"
picturecontent+=slidecomment[i]
picturecontent+="</font>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="</tr></table>"
if (ie || ns6) {
document.write('<div style="position:relative;width:'+scrollerwidth+'px;height:'+scrollerheight+'px;overflow:hidden">')
document.write('<div id="picturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
if (ie && !opera) {
for (i=0;i<=translayersmax;i++) {
document.write('<span ID="trans'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>')
translayersleftpos+=translayerswidth
translayersopacity-=translayersfactor
}
translayersleftpos=scrollerwidth-translayersleftpos
for (ii=0;ii<=translayersmax;ii++) {
document.write('<span ID="trans'+ii+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>')
translayersleftpos+=translayerswidth
translayersopacity+=translayersfactor
}
}
if (ns6 && !opera) {
for (i=0;i<=translayersmax-1;i++) {
document.write('<span ID="transleft'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';overflow:hidden"> </span>')
translayersleftpos+=translayerswidth
translayersopacity-=translayersfactor
if (translayersopacity<0) {translayersopacity=0.001}
}
translayersleftpos=scrollerwidth-translayersleftpos
translayersopacity=0.001
for (i=0;i<=translayersmax-1;i++) {
document.write('<span ID="transright'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';"> </span>')
translayersleftpos+=translayerswidth
translayersopacity+=translayersfactor
}
}
document.write('</div>')
document.write('<div id="emptypicturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
window.onload=init
}
if (ns4) {
document.write('<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>')
document.write('<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>')
document.write('</ilayer>')
window.onload=init
}
</script>
<hr>
<p align="center"><b><a href="http://www.italianrugby.net/regolamento.htm" target="_blank"><font face="Arial Black" size="3" color="#0000FF">REGOLAMENTO</font></a></b></p>
<hr>
<p align="center"
<!--Banner Promotion Code Starts Here-->
<table border="0" cellpadding="0" cellspacing="0" width="468">
<tr><td>
<iframe width="468" height="60" noresize="noresize" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" src="http://www.bannerpromotion.it/show.php?m=6694&amp;g=1&amp;t=iframe">
<a href="http://www.bannerpromotion.it/go.php?m=6694"><img alt="Clicca qui!" border="0" src="http://www.bannerpromotion.it/show.php?m=6694&amp;g=1&amp;t=image"></a></iframe></td></tr>
<tr><td align="center"><a href="http://www.bannerpromotion.it/bxsql-join.php?group=1&amp;refer=6694" target="_blank">
<img src="http://www.bannerpromotion.it/images/down.gif"
alt="<BR><font face='Verdana' size='1'>Iscriviti subito a </font> Banner Promotion" border="0" width="468" height="15"></a></td></tr></table>
<!--Banner Promotion Code Ends Here-->
<hr>
<p align="right">
<font size="3"><b><font face="Times New Roman" color="#0000FF">Pagine<script>showme='y'; st='img';</script>
Visitate, Grazie!</font></b> </font>
&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.countmypage.com/" target="new"><img src="http://www.countmypage.com/pphlogger.php?id=info&showme=y&st=img"></noscript></a>
<!-- countmypage.com Code END - DO NOT EDIT-->
<p align="center">
<br>
<a href="javascript:addbookmark()"><img border="0" src="/Immagini/preferiti.gif"></a>
<hr>
<?PHP include("cutenews/auto_archive.php"); ?>
<p align="justify"><strong><font face="Times New Roman" size="3">Tutti i diritti riservati. Il sito non si ritiene
responsabile per il contenuto degli articoli pubblicati dagli inserzionisti
collaboratori, in virtu' del principio di libera espressione e informazione.Per
maggiori informazioni potete contattare il Webmaster all'indirizzo <a href="mailto:webmaster@italianrugby.net">webmaster@italianrugby.net</a>
oppure potete contattare l'Amministratore all'indirizzo <a href="mailto:amministratore@italianrugby.net">amministratore@italianrugby.net</a></font></strong>
</p>
<p align="center">
<img border="0" src="/Immagini/email.gif" width="57" height="38">Copyright
ItalianRugbyNet2005
</body>
</html>
bella
Utente Junior
 
Post: 84
Iscritto il: 05/10/05 11:38

Postdi bella » 25/02/06 22:19

Wowo...grazie ragazzi per i consigli. Vi racconto cosa ho fatto, sperando che sia di aiuto per altri neofiti come me.
Innanzitutto ho creato un file (http://www.italianrugby.net/test.php) in cui fare le prove del caso.
Su questo file (test.php) ho copiato tutto il codice html, ed ho verificato che il problema sussisteva.
Poi, parte per parte, ho iniziato ad ELIMINARE quei codici che potrebbero dare quell'errore nella barra di scorrimento orizzontale, e finalmente dopo diverse prove ho trovato lo script (seguente) responsabile del movimento non voluto della barra orizzontale.
Ora, sto ancora provando ad inserire questo script correttamente (sono 5 foto da scorrere in sequenza), dovrei cercare semplicemente di dire in linguaggio html di inserirle nella pagina centrata, semplice?
Ma per un neofita come me, pure questo puo' risultare problematico :lol:
Codice: Seleziona tutto
<SCRIPT>
// URLs of slides
var slideurl=new Array("../immagini/ireita1.jpg","../immagini/ireita2.jpg","../immagini/ireita3.jpg","../immagini/ireita4.jpg","../immagini/ireita5.jpg")
// comments displayed below the slides
var slidecomment=new Array("Sudafrica","Inghilterra","NuovaZelanda","Argentina","Australia")
// links for each slide
var slidelink=new
Array("http://www.italianrugby.net/varie/azzurri.php#azzurri","http://www.italianrugby.net/varie/azzurri.php#azzurri","http://www.italianrugby.net/varie/azzurri.php#azzurri","http://www.italianrugby.net/varie/azzurri.php#azzurri","http://www.italianrugby.net/varie/azzurri.php#azzurri")
// targets of the links. Allowed values: "_parent", "_top", "_blank", "_self"
var slidetarget=new Array("_blank","_blank","_blank","_blank","_blank")
// the width of the slideshow (pixels)
var scrollerwidth=400
// the height of the slideshow (pixels)
var scrollerheight=150
// width of the transparent zones (pixels)
var translayerszone=40
// font-attributes for the comments
var slidefont="Arial black"
var slidefontcolor="black"
var slidefontsize="2"
// background-color of webpage
var pagebgcolor="#F5F5F5"
// do not edit below this line
var translayerswidth=1
var translayersmax=Math.floor(translayerszone/translayerswidth)
var translayersleftpos=0
var translayersopacity=100
var translayersfactor=100/translayersmax
var translayerswidthall=translayersmax*translayerswidth
var allpicturewidth
var distancepictopic=0
var scrollerleft=0
var scrollertop=0
var pause=20
var step=2
var newstep=step
var clipleft,clipright,cliptop,clipbottom
var i_picture=0
var timer
var picturecontent=""
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0
var ie=document.all?1:0
var browserinfos=navigator.userAgent
var opera=browserinfos.match(/Opera/)
var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=slideurl[i]
}
function init() {
if (ie) {
allpicturewidth=document.all.picturediv.offsetWidth
document.all.picturediv.style.posTop=scrollertop
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.picturediv.style.visibility="visible"
scrollpicture()
}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.top=scrollertop
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.getElementById('picturediv').style.visibility="visible"
scrollpicture()
}
if (ns4) {
allpicturewidth=document.roof.document.picturediv.document.width
document.roof.document.picturediv.top=scrollertop
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0
document.roof.document.picturediv.clip.right=0
document.roof.document.picturediv.clip.top=0
document.roof.document.picturediv.clip.bottom=scrollerheight
document.roof.document.picturediv.visibility="visible"
scrollpicture()
}
}
function scrollpicture() {
if (ie) {
if (document.all.picturediv.style.posLeft>=scrollerleft-allpicturewidth) {
document.all.picturediv.style.posLeft-=step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns6) {
if (parseInt(document.getElementById('picturediv').style.left)>=scrollerleft-allpicturewidth) {
document.getElementById('picturediv').style.left=parseInt(document.getElementById('picturediv').style.left)-step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns4) {
if (document.roof.document.picturediv.left>=scrollerleft-allpicturewidth) {
document.roof.document.picturediv.left-=step
document.roof.document.picturediv.clip.right+=step
if (document.roof.document.picturediv.clip.right>scrollerwidth) {
document.roof.document.picturediv.clip.left+=step
}
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
}
function onmsover() {
step=0
}
function onmsout() {
step=newstep
}
function resetposition() {
if (ie) {
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns4) {
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0
document.roof.document.picturediv.clip.right=0
scrollpicture()
}
}
picturecontent=""
picturecontent+="<table cellpadding=2 cellspacing=0>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<a href=\""+slidelink[i]+"\" target=\""+slidetarget[i]+"\" onMouseOver=\"javascript:onmsover()\" onMouseOut=\"javascript:onmsout()\">"
picturecontent+="<img src=\""+slideurl[i]+"\" border=0></a>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<font face=\""+slidefont+"\" color=\""+slidefontcolor+"\" size="+slidefontsize+">"
picturecontent+=slidecomment[i]
picturecontent+="</font>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="</tr></table>"
if (ie || ns6) {
document.write('<div style="position:relative;width:'+scrollerwidth+'px;height:'+scrollerheight+'px;overflow:hidden">')
document.write('<div id="picturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
if (ie && !opera) {
for (i=0;i<=translayersmax;i++) {
document.write('<span ID="trans'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>')
translayersleftpos+=translayerswidth
translayersopacity-=translayersfactor
}
translayersleftpos=scrollerwidth-translayersleftpos
for (ii=0;ii<=translayersmax;ii++) {
document.write('<span ID="trans'+ii+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>')
translayersleftpos+=translayerswidth
translayersopacity+=translayersfactor
}
}
if (ns6 && !opera) {
for (i=0;i<=translayersmax-1;i++) {
document.write('<span ID="transleft'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';overflow:hidden"> </span>')
translayersleftpos+=translayerswidth
translayersopacity-=translayersfactor
if (translayersopacity<0) {translayersopacity=0.001}
}
translayersleftpos=scrollerwidth-translayersleftpos
translayersopacity=0.001
for (i=0;i<=translayersmax-1;i++) {
document.write('<span ID="transright'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';"> </span>')
translayersleftpos+=translayerswidth
translayersopacity+=translayersfactor
}
}
document.write('</div>')
document.write('<div id="emptypicturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
window.onload=init
}
if (ns4) {
document.write('<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>')
document.write('<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>')
document.write('</ilayer>')
window.onload=init
}
</script>
bella
Utente Junior
 
Post: 84
Iscritto il: 05/10/05 11:38

Postdi Areknames » 26/02/06 22:25

Ciao Bella,

posso darti un consiglio?
Usa Dreamweaver invece di FrontPage. Per l'HTML è molto meglio.
Nel sito ci sono troppi JavaScript e comunque quando pubblichi un sito provalo sia con IE che con Mozilla.

Ciao
Areknames
Newbie
 
Post: 8
Iscritto il: 19/02/06 17:46
Località: Perugia

Postdi bella » 28/02/06 01:22

Grazie infinite Areknames; Dreamweawer e' gratuito e scaricabile dal net????
Effettivamente al momento avevo a disposizione solo il Front Page gratuitio di Windows98.

Poi inoltre non ho Mozilla, pure questo e' scaricabile gratuitamente dal net? Se si, a che indirizzo??

Grazie mille ancora per i consigli, sono molto prezioni per me ;)
bella
Utente Junior
 
Post: 84
Iscritto il: 05/10/05 11:38

Postdi steej » 28/02/06 10:29

mozilla firefox, gratuito, opensource, lo trovi su: http://www.mozilla.com/
Dreamweawer invece non è gratuito
come alternativa potresti provare NVU sempre gratuito ed opensource, lo trovi su: http://www.nvu.com
powered by Ubuntu - Linux
steej
Utente Junior
 
Post: 21
Iscritto il: 24/12/04 11:47

Postdi bella » 01/03/06 01:05

Grazie infinite Steej; ho quasi terminato di scaricare NVU?
Ma Mozilla, lo dovrei scaricare ed aprire, solo per vedere come appare il mio sito internet con questo Programma?

Cmq grazie ancora..siete tutti troppo gentili ;)
bella
Utente Junior
 
Post: 84
Iscritto il: 05/10/05 11:38

Postdi steej » 02/03/06 15:43

bella ha scritto:Ma Mozilla, lo dovrei scaricare ed aprire, solo per vedere come appare il mio sito internet con questo Programma?

no, puoi anche utilizzarlo al posto di internet explorer ;)
powered by Ubuntu - Linux
steej
Utente Junior
 
Post: 21
Iscritto il: 24/12/04 11:47


Torna a Programmazione


Topic correlati a "Larghezza pagina web / barra scorrimento impazzita?":


Chi c’è in linea

Visitano il forum: Nessuno e 6 ospiti