CSS , Tabs jquery e Twitter

Nicky Calo'

Nuovo Utente
20 Gen 2012
9
0
0
Palermo, Italy, Italy
Ciao ragazzi, ho un problema
vorrei implementare in una pagina una navigazione a "TABS" in jquery

fin qui tutto bene.

vorrei inserire in ogni tab una ricerca su #hashtag Twitter, il problema è che i CSS vengono letti correttamente solo sul primo TAB quando passo al secondo mi sballa tutto, non sono riuscito a capire qual'è la causa, inizialmente pensavo che 2 widget twitter sulla stessa pagina facessero a botte ma se li inserisco l di fuori del "jquery tabs" funzionano entrambi perfettamente.

qui c'è l'esempio che sballa:
http://www.turismoisoladellefemmine.it/twittertabs.php

e questo è tutto il codice della pagina:
Codice:
<html>
<head>
  <title></title>
  <script src="vendor/jquery-1.7.1.min.js" type="text/javascript"></script> 
  <script src="vendor/jquery.hashchange.min.js" type="text/javascript"></script>
  <script src="lib/jquery.easytabs.min.js" type="text/javascript"></script>

  <script type="text/javascript">
    $(document).ready( function() {
      $('#tab-container').easytabs();
    });
  </script>
<style>
    /* Example Styles for Demo */
    .etabs { margin: 0; padding: 0; }
    .tab { 
	display: inline-block; 
	zoom:1; 
	*display:inline; 
	background: #eee; 
	border: solid 1px #999; 
	border-bottom: none; 
	-moz-border-radius: 4px 4px 0 0; 
	-webkit-border-radius: 4px 4px 0 0; 
	}
	
    .tab a { 
	font-size: 14px; 
	line-height: 2em; 
	display: block; 
	padding: 0 10px; 
	outline: none; 
	}
	
    .tab a:hover { 
	text-decoration: underline; 
	}
	
    .tab.active { 
	background: #fff; 
	padding-top: 6px; 
	position: relative; 
	top: 1px; 
	border-color: #666; 
	}
	
    .tab a.active { 
	font-weight: bold; 
	}
	
    .tab-container .panel-container { 
	background: #fff; 
	border: solid #666 1px; 
	padding: 10px; 
	-moz-border-radius: 0 4px 4px 4px; 
	-webkit-border-radius: 0 4px 4px 4px; 
	}
	
    .panel-container { 
	margin-bottom: 10px; 
	}
	
  </style>
</head>
<body>
<div id="tab-container" class='tab-container'>

 <ul class='etabs'>
   <li class='tab'><a href="#turismoisola">@turismoisola</a></li>
   <li class='tab'><a href="#trafficoA29">#trafficoA29</a></li>
 </ul>

 <div class='panel-container'>
 
   <div id="turismoisola">
  <p>    <!-- twitter -->
		<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 8,
  interval: 30000,
  width: 560,
  height: 300,
  theme: {
    shell: {
      background: '#4FB0DD',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#000000',
      links: '#c60000'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    behavior: 'all'
  }
}).render().setUser('turismoisola').start();
</script>
        <!-- end twitter -->
        </p>
  </div>
   
  <div id="trafficoA29">
    <p><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: '#trafficoA29',
  interval: 5000,
  title: 'Traffico sulla A29',
  subject: 'tra Palermo e Carini',
  rpp: 8,
  interval: 30000,
  width: 560,
  height: 300,
  theme: {
    shell: {
      background: '#4FB0DD',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#000000',
      links: '#c60000'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    toptweets: true,
    behavior: 'all'
  }
}).render().start();
</script>
        <!-- end twitter -->.</p>
  </div>
  
   
 </div>
</div>

</body>
</html>

ringrazio in anticipo chi vorrà aiutarmi ... :fonzie:
 
Discussioni simili
Autore Titolo Forum Risposte Data
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
Z Google Fonts CSS tra desktop e responsive HTML e CSS 1
Z Slide show CSS HTML e CSS 1
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
S problema con css bootstrap3 HTML e CSS 4
L Sovrascrivere CSS iframe su dominio diverso WordPress 0
E CSS non riconosciuto PHP 1
Shyson [CSS] Posizionare casella di ricerca HTML e CSS 3
Shyson Centrare box css HTML e CSS 2
R Primo script in PHP / CSS PHP 4
S non funzionano alcuni effetti (bottone futuristico creato con css) HTML e CSS 1
V [CSS] Uso degli id HTML e CSS 2
I creazione stile css HTML e CSS 3
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
P [WordPress] Messaggio di errore in file style.css WordPress 0
D Aggiungere file .css esterno su Android HTML e CSS 4
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
StephenSoftware Flexbox: definizione nel CSS HTML e CSS 4
Tommy03 Variabile PHP per impostare una proprietà CSS PHP 2
R javascript lettura css cross-browser Javascript 1
U [WordPress] [CSS] Come faccio a spostare più in basso lo slider WordPress 0
L [Javascript]Alternativa al position:sticky nel CSS Javascript 0
A Strumenti per filtrare il css HTML e CSS 1
S Il Css non si aggiorna, svuotata cache HTML e CSS 6
N [css] :active HTML e CSS 1
Shyson [WordPress] [CSS] Formattare casella WordPress 0
Shyson [CSS] Titolo del sito cambia dimensione HTML e CSS 2
A icone css in selectmenu jQuery 2
M Problematica CSS (tag html,body) HTML e CSS 4
W [C#] Il componente "WebBrowser" non mi esegue css e javascript .NET Framework 0
W inclusioni css in eccesso, cosa fare? HTML e CSS 1
M [WordPress] Modifiche CSS su lightbox WordPress 2
T countdown da sistemare con i CSS... HTML e CSS 4
Y Finestra dialogo CSS Modal HTML e CSS 6
L [css e html] destra e sinistra (menu navigazione) HTML e CSS 3
P [Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html Offerte e Richieste di Lavoro e/o Collaborazione 3
D How to learn HTML and CSS? HTML e CSS 2
M CSS posizionamento stile HTML e CSS 2
I [HTML/CSS] Consigli sul mio primo sito HTML e CSS 9
V Galleria con CSS e Javascript Javascript 2
C CSS pagina a schermo intero HTML e CSS 3
V Menù CSS da file in cartella esterna HTML e CSS 4
Koboshi Cambiare il css di una pagina con tasto "on off" HTML e CSS 5
V [WordPress] Come modificare link in tasto menu css WordPress 21
S [Javascript] [CSS] Spazio Bianco tra Slider e Menu foto Javascript 6
I [CSS] Galleria immagini non funziona HTML e CSS 12
M [css][php] codice php esterno non vede il css PHP 6
J XML e css XML 0

Discussioni simili