Questo sito utilizza cookies solo per scopi di autenticazione sul sito e nient'altro. Nessuna informazione personale viene tracciata. Leggi l'informativa sui cookies.
Username: Password: oppure
HTML / CSS - due cosine
Forum - HTML / CSS - due cosine

Avatar
ibrido2009 (Normal User)
Rookie


Messaggi: 28
Iscritto: 02/03/2009

Segnala al moderatore
Postato alle 13:05
Sabato, 18/07/2009
salve, ho due cosine da risolvere e mi rifugio da voi...

dunque:

1- vorrei capire come mai anche facendo <td valign="top"> l'allineamento dell'annuncio di sx va a partire dal logo e non dall'inizio della tabella centrale.

2- vorrei far partire il logo dal margine sinistro della cella centrale diciamo, mentre attualmente è centrata.

di seguito vi posto il codice della home:

Testo quotato

<!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">& ... src="http://www.clocklink.com/embed.js"></script><s ... 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">PR ... /</a>
<a href="http://alessandroleoni.altervista.org/down.html">DOWNLOADS /</a>
<a href="http://alessandroleoni.altervista.org/index.html">PORTA ... /</a>
<a href="http://alessandroleoni.altervista.org/sitiamici.html">LINK /</a>
<a href="mailto:alessandroleoni@fastwebmail.it">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>Tuttavia <u>"L'UTENTE E' IL SOLO ED UNICO RESPONSABILE DEL MATERIALE CHE SCARICA"</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/powered ..." 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">PR ... /</a>
<a href="http://alessandroleoni.altervista.org/down.html">DOWNLOADS /</a>
<a href="http://alessandroleoni.altervista.org/index.html">PORTA ... /</a>
<a href="http://alessandroleoni.altervista.org/sitiamici.html">LINK /</a>
<a href="mailto:alessandroleoni@fastwebmail.it">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></td></tr></table></body>
</html>




Grazie a tutti :k:

PM Quote
Avatar
Mte90 (Member)
Guru


Messaggi: 1144
Iscritto: 25/03/2008

Segnala al moderatore
Postato alle 20:08
Sabato, 18/07/2009
Non si è capito molto cosa vuoi fare...
Metti il codice nel tag code non in quote, e poi un link al sito per poter vedere il tutto...

PM Quote
Avatar
ibrido2009 (Normal User)
Rookie


Messaggi: 28
Iscritto: 02/03/2009

Segnala al moderatore
Postato alle 0:56
Domenica, 19/07/2009
allora il sito è http://www.alessandroleoni.altervista.org e cmq come ben vedrai l'annuncio di destra (qll piu lungo) parte dal logo verticalmente mentre il voglio che parte dai collegamenti come l'annuncio di dx.... tutto qui ;)

PM Quote
Avatar
Mte90 (Member)
Guru


Messaggi: 1144
Iscritto: 25/03/2008

Segnala al moderatore
Postato alle 14:18
Domenica, 19/07/2009
peggio di prima XD
fai un immagine di prima e dopo di come lo vorresti così non ci dobbiamo dilungare XD

PM Quote
Avatar
ibrido2009 (Normal User)
Rookie


Messaggi: 28
Iscritto: 02/03/2009

Segnala al moderatore
Postato alle 14:32
Domenica, 19/07/2009
ti ho allegato l'immagine di come è adesso... come vedrai l'annuncio quello alla tua sinistra quindi quello piu lungo, parte dal logo a scendere, mentre io vorrei che partisse all'altezza di quell'altro annuncio che è sulla destra.

Spero di essere stato kiaro ;)


ibrido2009 ha allegato un file: Immagine.JPG (154193 bytes)
Clicca qui per guardare l'immagine
PM Quote
Avatar
Mte90 (Member)
Guru


Messaggi: 1144
Iscritto: 25/03/2008

Segnala al moderatore
Postato alle 14:53
Lunedì, 20/07/2009
Adesso si che con firefox non le vedo le pubblicità ho il adblock.
1) Innanzitutto abbandona ie7 perchè è tra i peggiori per l'affidabilità per il web a partire dagli standard ai bug grafici.
2) Per poter mettere il banner a sinistra alla stessa altezza dell'altro non è facile anche per me quell'altro è più lungo quindi per me dovresti fare un altra cosa.
3) Mettere quello a destra alla stessa altezza di quello a sinistra, se si trovano in una tabella imposta nel td align=top e li avrai tutti e due in cima.

PM Quote
Avatar
ibrido2009 (Normal User)
Rookie


Messaggi: 28
Iscritto: 02/03/2009

Segnala al moderatore
Postato alle 10:16
Martedì, 21/07/2009
ciao mte 90!
Ho IE8 comunque le ho provate tutte ma si sballa tutto... qual'è il tuo consiglio?

PM Quote
Avatar
Mte90 (Member)
Guru


Messaggi: 1144
Iscritto: 25/03/2008

Segnala al moderatore
Postato alle 14:25
Martedì, 21/07/2009
Pure ie8 non scherza con inaffidabilità ma non lo ho ancora provato per fortuna.
Ma metterne due uguali no?
a quanto vedo è colpa degli adsense di google che utilizzano dei settaggi grafici particolari che non permettono di spostarli.
per me ti conviene metterli uguali tanto spazio ce ne è ma fai prima a non metterli perchè tanto le pubblicità di altervista prima che ti fanno avere dei soldi ti ci vogliono anni...

PM Quote