Scroll em Tabs

[Dieguinhu Web 0]

Gente eu tenho algumas abas aki no meu site só q precisará entrar mais em um curto espaço como eu faço a rolagem delas como fosse um menu do dreamweave e do excel???

 

 

 

abraço

 

 

ps:5º vez postando a mesma coisa!

[rafaelff 0]

usa css...

coloca assim:

<td style="overflow: scroll;">

 

overflow: o que fazer quando o conteúdo ultrapassar o limite dado

- scroll > exibe barra de rolagem

- visible > o conteúdo é exibido ultrapassando as bordas

- hidden > esconde o conteúdo

overflow-x: horizontal

overflow-y: vertical

 

Caso queira, por exemplo, que haja barra de rolagem horizontal e o conteúdo que ultrapassar o limite verticalmente seja escondido:

<td style="overflow-y: scroll; overflow-x: hidden;">

 

O mesmo funciona se suas abas estiverem dentro de uma div:

<div style="overflow: scroll;">

Mas lembre-se de definir o tamanho da div.

[Dieguinhu Web 0]

ei amigo e pra eu adaptar aki ???

 

como eu faço se caso eu incluir mais td´s??????

 

CODE

 

<table width="378px" border="0" cellspacing="0" id="t_abas" >

<tr id="tr_abas">

<td id="aba1" width="33,3%" class="sel" onClick="sel(this.id)" align="center"><a href="#item1" name="item1">Suspensão /Amortecedor</a></td><!-- colocar as abas aqui. Cuidado para não mudar as id das abas: formata: aba+número. ver exemplo-->

<td id="aba2" width="33,3%" class="unsel" onClick="sel(this.id)" align="center"><a href="#item2" name="item2"> Rodas / Disco de Freio</a></td>

<td id="aba3" width="33,3%" class="unsel" onClick="sel(this.id)" align="center"><a href="#item3" name="item3">Motor / Coxim</a></td>

</tr>

</table>

</div>

 

<div id="textaba1" class="divsel" >

balbalabla

poskopskp

</div>

[Dieguinhu Web 0]

ei amigo e pra eu adaptar aki ???

 

como eu faço se caso eu incluir mais td´s??????

 

CODE

 

<table width="378px" border="0" cellspacing="0" id="t_abas" >

<tr id="tr_abas">

<td id="aba1" width="33,3%" class="sel" onClick="sel(this.id)" align="center"><a href="#item1" name="item1">Suspensão /Amortecedor</a></td><!-- colocar as abas aqui. Cuidado para não mudar as id das abas: formata: aba+número. ver exemplo-->

<td id="aba2" width="33,3%" class="unsel" onClick="sel(this.id)" align="center"><a href="#item2" name="item2"> Rodas / Disco de Freio</a></td>

<td id="aba3" width="33,3%" class="unsel" onClick="sel(this.id)" align="center"><a href="#item3" name="item3">Motor / Coxim</a></td>

</tr>

</table>

</div>

 

<div id="textaba1" class="divsel" >

balbalabla

poskopskp

</div>