Salve, vorrei creare una tabella per organizzare e ordinare meglio le sezioni di questa pagina: http://goo.gl/zyVXv
Tra poco vi posterò il file .js che uso per questa pagina, in questo file troverete questa linea: template: "{avatar}{join}{text}
{time}"
Vorrei che la tabella fosse così organizzata:
---------Colonna 1-------------Colonna 2
Riga 1 -------------------------{join}{text}
---------{avatar}
Riga 2 -------------------------{time}
Mi piacerebbe che l'avatar fosse al centro tra le due righe e al centro della prima colonna, insomma, al centro in x e y.
Mi scuso anticipatamente per la lunghezza del messaggio e ringrazio tutti per la pazienza
Il codice della pagina è il seguente:
codice:
<!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=UTF-8" />
<title>Twitter Blog</title>
<link rel="icon" href="http://www.eminemitalianblog.it/Facebook%20Tabs/Twitter%20Blog/favicon.gif" type="image/gif"/>
<style>
body {
height: 100%; width: 520px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; overflow: hidden;
}
</style>
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>
<script language="javascript" src="http://www.eminemitalianblog.it/Facebook%20Tabs/Twitter%20Blog/jquery.tweet.js" type="text/javascript"></script>
<link href="http://www.eminemitalianblog.it/Facebook%20Tabs/Twitter%20Blog/jquery.tweet.css" media="all" rel="stylesheet" type="text/css"/>
</head>
<body>
<script type='text/javascript'>
jQuery(function($){
$(".tweet").tweet({
username: "eminemblog",
avatar_size: 50,
count: 9,
loading_text: "Loading tweets..."
});
});
</script>
<div class="tweet"></div>
</body>
</html>
Il codice dello javascript è il seguente:
http://goo.gl/nVvcS