Visualizzazione dei risultati da 1 a 7 su 7

Discussione: Tabs navigazione

  1. #1

    TABS NAVIGAZIONE ...aiutatemi per favore!

    ho creato dei tabs di navigazione disposti in orizzontale a fondo pagina, per scorrere su una lista di contenuti.
    al click sui vari tab, la pagina anziché essere visualizzata dall'inizio fa esattamente l'opposto: si vede dalla fine. che errore ho commesso? aiutatemi, sono mesi che provo a risolvere il problema ma niente

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    ciao pris2019 e benvenuto,

    allora facciamo così (intanto che ti leggi attentamente il regolamento di sezione) :

    - chiudo l'altro post al quale non hai avuto risposta

    - correggo il titolo di questo

    - tu prepari un descrizione migliore del problema magari postando un po' di codice o un link alla pagina di esempio

    ti aspetto al prossimo post "ben illustrato"

  3. #3
    chiedo scusa, appena iscritta sto già dando problemi

    ad ogni modo, i tabs sono i classici
    codice:
    <ul class="nav">
    <li class="selected">1[*]2[*]3[/list]

    collegati a questi comandi CSS
    codice:
    .tabs {}
    .tabs ul.nav {float:left;padding-left:372px;padding-bottom:24px}
    .tabs ul.nav li{padding-right:1px;float:left}
    .tabs ul.nav li a{display:block;position:relative;width:32px;height:32px;font-size:19px;color:#fff;line-height:32px;background:#306;text-decoration:none;text-align:center}
    .tabs ul.nav .selected a, .tabs ul.nav  a:hover{background:#309}
    .tabs .tab-content {display:none}

    e a questo .js :
    codice:
    	tabs = {
      init : function(){
       $('.tabs').each(function(){
    
        var th=$(this),
         tContent=$('.tab-content',th),
         navA=$('ul.nav a',th)
    
        tContent.not().hide();
    	tab_act=$('ul.nav .selected a').attr('href');
    	$(tab_act).show();
    
        navA.click(function(){
         var th=$(this),
          tmp=th.attr('href')
         tContent.not($(tmp.slice(tmp.indexOf('#'))).fadeIn(600)).hide()
    	 $(th).parent().addClass('selected').siblings().removeClass('selected');
         return false;
        });
       });
    
      }
     }
    solo che, ripeto, mi caricano la pagina dalla fine, un disastro

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    Originariamente inviato da pris2019
    chiedo scusa, appena iscritta sto già dando problemi
    meglio ammazzare i problemi da piccoli

    t'è sfuggito di inserire il codice nel tag [CODE][/CODE]
    'sta volta correggo io


    bhè... non che si comporti poi tanto strano, visto che gli dici ci andare a #tabsN e, non trovando questa àncora, non va proprio da nessuna parte.
    in sintesi: o stai facendo un uso improprio di tabs, visto che non hai parlato di contenuti da mostrare; o devi inserire della àncore in cima alla pagina, o dove preferisci (es: <a name="#tab1"></a>)

  5. #5
    metto un link per far vedere bene il problema... un tab lo carica da metà pagina, uno alla fine.. non so proprio:

    http://www.casadellamusica.net/Cuffie.html

    mi spieghi meglio 'sta cosa del CODE ?

    lo so, sono un somaro e ti ringrazio comunque

  6. #6
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    .

  7. #7
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    per l'uso del tag CODE vedi qui:
    http://forum.html.it/forum/showthrea...9#post12942979

    per il resto, non ho inquadro bene il problema ma mi pare questione javascript.

    quindi sposto di là dove sapranno di certo aiutarti di più

    buon lavoro

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.