allineamento

ibrido2009

Nuovo Utente
15 Giu 2009
6
0
0
salve, in questo piccolo sito http://www.alessandroleoni.altervista.org ho una cosa da risolvere.

Dunque, come noterete l'annuncio piu lungo (cioè quello di sinistra) parte dal logo a scendere, mentre io voglio che parte all'altezza di quell'0altro annuncio piu piccolo (quello di destra).

Vi posto il codice inerente a quel pezzo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Alessandro Leoni | The Official WebSite</title>
<!-- ONE STEP TO INSTALL MOUSE TRAIL:


1. Copia tutto il codice sotto l'HEADY del tuo documento HTML



<!-- STEP ONE: -->


<SCRIPT LANGUAGE="JavaScript1.2">
<!--//

//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more

// your message here
var msg='The Official WebSite';

var font='Trebuchet MS';
var size=3; // up to seven
var color='#666666';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.1;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=.1;

// Alter no variables past here!, unless you are good
//---------------------------------------------------

var ns=(document.layers);
var ie=(document.all);
var msg=msg.split('');
var n=msg.length;
var a=size*15;
var currStep=0;
var ymouse=0;
var xmouse=0;
var scrll=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg+'</font></center></layer>');
}
if (ie){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center;font-weight:regular;cursor:default">'+props+msg+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns)?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns)?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
y=new Array();
x=new Array();
Y=new Array();
X=new Array();
for (i=0; i < n; i++){
y=0;
x=0;
Y=0;
X=0;
}

function makecircle(){ // rotation properties
if (ie) outer.style.top=document.body.scrollTop;
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:iemsg.style;
d.top=y+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15;
d.left=x+a*Math.cos((currStep+i*1)/3.8)*2; // remove *2 for just a plain circle, not oval
}
}

function drag(){ // makes the resistance
scrll=(ns)?window.pageYOffset:0;
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y=Math.round(Y+=(y[i-1]-Y)*speed);
x=Math.round(X+=(x[i-1]-X)*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout('drag()',10);
}
if (ns||ie)window.onload=drag;

// -->
</SCRIPT>
<style type="text/css">
body {background: white; color:black}
p {font-family:Trebuchet MS; font-size:11px}
div {font-family:Trebuchet MS; font-size:11px}
a:link {background:white; color:#9900CC; text-align:center; text-decoration:none;}
a:visited {background:white; color:#9900CC; text-align:center; text-decoration:none}
a:hover {background:white; color:#9900CC; text-decoration:none; font-family : "Courier New", Courier, monospace; letter-spacing: 3px}
a:active {background:white; color:#9900CC; text-align:center}
.copyright {background:white; color:#666666; font-family:Trebuchet ms; font-size:10px; text-align:justify; font-style:italic}
.privacy {background:black; color:green; font-family:verdana; font-size:10px; font-style:bold}
</style>
</head>
<body>
<div align="center">
<table><tr><td valign="top">
<script type="text/javascript"><!--
google_ad_client = "pub-1789979067594205";
/* 120x600, creato 11/07/09 */
google_ad_slot = "7871516233";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td><td>
<table><tr><td>
<img src="http://www.alessandroleoni.altervista.org/header.jpg"></td><td><script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5010-purple.swf";obj.TimeZone="Italy_Rome";obj.width=222;obj.height=66;obj.wmode="transparent";showClock(obj);</script></td></tr></table>
</div>
<div align="center"><b>
<table><tr><td>
<a href="http://alessandroleoni.altervista.org/index.html">HOME /</a>
<a href="http://alessandroleoni.altervista.org/chisono.html">DICONO DI ME /</a>
<a href="http://alessandroleoni.altervista.org/cweb.html">PROGRESSI WEB /</a>
<a href="http://alessandroleoni.altervista.org/progetti.html">PROGETTI /</a>
<a href="http://alessandroleoni.altervista.org/down.html">DOWNLOADS /</a>
<a href="http://alessandroleoni.altervista.org/index.html">PORTAFOLIO /</a>
<a href="http://alessandroleoni.altervista.org/sitiamici.html">LINK /</a>
<a href="mailto:[email protected]">CONTATTAMI</a><br /><br /></b>
<div id="countrydivcontainer" style="border:2px solid #666666; width:600px; margin-bottom: 1em; padding: 10px">
<p align="justify"><b>
Benvenuti nel mio sito web ufficiale.<br>
In questo piccolo spazio verrà presentata la mia vita, i miei progressi nel web, i miei progetti e altro ancora...<br><br />
La grafica anche se non molto complessa, è stata creata da me.<br>
<i><u>E' assolutamente vietata la copia o la riproduzione di immagini o qualsiasi altro inerente a questo sito.</u></i><br><br>
Tutto il materiale contenuto in questo sito è completamente privo di minacce come Trojan, Spyware, Nuke, ecc... e sono stati
"condivisi" per solo scopo illustrativo, di conseguenza la responsabilità per uso scorretto di tali applicazioni è solo ed esclusivamente
del consumatore.<br><br><u><i>"L'UTENTE E' IL SOLO ED UNICO RESPONSABILE DEL MATERIALE CHE SCARICA".</i></u>
<br /><br />

Per contattarmi potete usufruire dell'apposito link sopra esposto.<br><br>
I linguaggi che ho utilizzato per programmare sono XHTML/HTML, CSS e Javascript.<br /><br /><br>
<style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
<div class="cse-branding-right" style="background-color:white;color:black">
<div class="cse-branding-form">
<form action="http://www.google.com/cse" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="partner-pub-1789979067594205:ud0lxavvdeh" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input type="text" name="q" size="31" />
<input type="submit" name="sa" value="Cerca" />

</div>
</form>
</div>
<div class="cse-branding-logo">
<img src="http://www.google.com/images/poweredby_transparent/poweredby_000000.gif" alt="Google" />
</div>
<div class="cse-branding-text">
AlessandroLeoni<br><br>
<p align="center"><b><i><u>>>> Si prega di non utilizzare il link "CONTATTAMI" per supporto personale. Grazie! <<< </u></i></b><br><br>
</p></div></div></p></div></div>
<p align="center"><b>
<a href="http://alessandroleoni.altervista.org/index.html">HOME /</a>
<a href="http://alessandroleoni.altervista.org/chisono.html">DICONO DI ME /</a>
<a href="http://alessandroleoni.altervista.org/cweb.html">PROGRESSI WEB /</a>
<a href="http://alessandroleoni.altervista.org/progetti.html">PROGETTI /</a>
<a href="http://alessandroleoni.altervista.org/down.html">DOWNLOADS /</a>
<a href="http://alessandroleoni.altervista.org/index.html">PORTAFOLIO /</a>
<a href="http://alessandroleoni.altervista.org/sitiamici.html">LINK /</a>
<a href="mailto:[email protected]">CONTATTAMI</a></b>
</p>
<div align="center">
<div id="countrydivcontainer" style="border:0px solid white; width:600px; margin-bottom: 1em; padding: 10px">
<p class="copyright">
Copyright ©2009 - Il materiale contenuto in questo sito è protetto da copyright (siano essi marchi, testi, immagini, file, video,
musica, o qualsiasi altra cosa inerente al sito) e tutto il codice software, sono di proprietà esclusiva di Alessandro Leoni o dei
rispettivi proprietari. Non è permesso a terzi di copiare, modificare, ripubblicare o comunque sfruttare qualsivoglia contentuo
del sito senza un autorizzazione scritta di Alessandro Leoni.</p><br>

</div></td><td>
<td valign="top">
<script type="text/javascript"><!--
google_ad_client = "pub-1789979067594205";
/* 120x240, creato 04/06/09 */
google_ad_slot = "7390319206";
google_ad_width = 120;
google_ad_height = 240;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br><br>
<script type="text/javascript"><!--
google_ad_client = "pub-1789979067594205";
/* 120x90, creato 18/07/09 */
google_ad_slot = "3376141588";
google_ad_width = 120;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td></tr></table>
</body>
</html>


Spero possiate aiutarmi, grazie a tutti :fonzie:
 

Vale_Barbato

Utente Attivo
15 Set 2005
465
0
0
Cambia questa parte di style:

<ins style="border: medium none ; margin: 0px 0pt 0pt; padding: 0pt; display: inline-table; height: 600px; position: relative; visibility: visible; width: 120px;"><ins style="border: medium none ; margin: 0pt; padding: 0pt; display: block; height: 600px; position: relative; visibility: visible; width: 120px;"><iframe height="600" frameborder="0" width="120" scrolling="no" vspace="0" style="left: 0pt; position: absolute; top: 0pt;" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-1789979067594205&amp;dt=1248101477048&amp;lmt=1247921098&amp;output=html&amp;slotname=7871516233&amp;correlator=1248101477048&amp;url=http%3A%2F%2Fwww.alessandroleoni.altervista.org%2F&amp;frm=0&amp;ga_vid=719835330.1248101477&amp;ga_sid=1248101477&amp;ga_hid=653483571&amp;flash=10.0.22&amp;w=120&amp;h=600&amp;u_h=900&amp;u_w=1440&amp;u_ah=870&amp;u_aw=1440&amp;u_cd=32&amp;u_tz=120&amp;u_his=2&amp;u_java=true&amp;u_nplug=17&amp;u_nmime=106&amp;dtd=56&amp;xpc=WfvI3E08of&amp;p=http%3A//www.alessandroleoni.altervista.org" name="google_ads_frame" marginwidth="0" marginheight="0" id="google_ads_frame1" hspace="0" allowtransparency="true"/></ins></ins>

Con questo:
<ins style="border: medium none ; margin: 100px 0pt 0pt; padding: 0pt; display: inline-table; height: 600px; position: relative; visibility: visible; width: 120px;"><ins style="border: medium none ; margin: 0pt; padding: 0pt; display: block; height: 600px; position: relative; visibility: visible; width: 120px;"><iframe height="600" frameborder="0" width="120" scrolling="no" vspace="0" style="left: 0pt; position: absolute; top: 0pt;" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-1789979067594205&amp;dt=1248101477048&amp;lmt=1247921098&amp;output=html&amp;slotname=7871516233&amp;correlator=1248101477048&amp;url=http%3A%2F%2Fwww.alessandroleoni.altervista.org%2F&amp;frm=0&amp;ga_vid=719835330.1248101477&amp;ga_sid=1248101477&amp;ga_hid=653483571&amp;flash=10.0.22&amp;w=120&amp;h=600&amp;u_h=900&amp;u_w=1440&amp;u_ah=870&amp;u_aw=1440&amp;u_cd=32&amp;u_tz=120&amp;u_his=2&amp;u_java=true&amp;u_nplug=17&amp;u_nmime=106&amp;dtd=56&amp;xpc=WfvI3E08of&amp;p=http%3A//www.alessandroleoni.altervista.org" name="google_ads_frame" marginwidth="0" marginheight="0" id="google_ads_frame1" hspace="0" allowtransparency="true"/></ins></ins>
 
Discussioni simili
Autore Titolo Forum Risposte Data
felino [Bootstrap] Allineamento verticale HTML e CSS 1
M [HTML] consiglio su label e checkbox riguardo l'allineamento HTML e CSS 2
E [HTML] Allineamento immagine agli angoli inferiori di un div HTML e CSS 12
C [HTML] Stampo contenuto di una variabile in TEXTAREA allineamento HTML e CSS 1
T Bootstrap: allineamento sotto il BADGE HTML e CSS 1
F [HTML] Allineamento in un TD HTML e CSS 2
C Report problema allineamento testo MS Access 0
E Form con campi allineamento HTML e CSS 4
N Griglia immagini allineamento "sfasato" HTML e CSS 3
R Bootstrap Carousel allineamento a sinistra impossibile! HTML e CSS 1
otto9due Allineamento tag <h1> e immagine.. HTML e CSS 2
Creatt Allineamento al centro con paragrafo allineato. HTML e CSS 9
E allineamento del testo in vari div HTML e CSS 1
I allineamento immagine WordPress 2
ivarello Allineamento e PHP PHP 3
Y problema allineamento form con internet explorer HTML e CSS 2
M Problemone con allineamento in tabella HTML e CSS 13
P Allineamento campi form HTML e CSS 7
M Allineamento Testo html css, help HTML e CSS 1
V problema allineamento div HTML e CSS 1
J Problema allineamento in base al browser HTML e CSS 1
W Problema di allineamento al TOP HTML e CSS 2
G Allineamento tabella verticale PHP 3
A Wordpress: allineamento logo WordPress 6
B problema allineamento contenuti sito HTML e CSS 1
S Problema Allineamento Sito HTML e CSS 3
N allineamento immagine e testo, padding larghezza e float HTML e CSS 2
Nyl Allineamento immagini con CSS HTML e CSS 1
N allineamento tag xml PHP 0
K Allineamento di un movieclip Flash 2
A Allineamento Layout [Front Page] Webdesign e Grafica 0
J Problemi allineamento tabella e testo HTML e CSS 7
R allineamento con publisher HTML e CSS 0
M Problema Doctype e allineamento HTML e CSS 0
M allineamento linx HTML e CSS 0

Discussioni simili