Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
http://forum.imasters.com.br/public/style_emoticons/default/upset.gif oi gente, esse é o meu primeiro tópico aqui no fórum, e já começo com um problemaão que está me tirando o sono :S
entao, vamos ao q interessa.....
eu acompanhei e fiz como no artigo do paulo lomato http://www.imasters.com.br/artigo/4163/aja...sua_totalidade/ ..... só q o menu do cara eh na vertical, eu consegui colocar na horizontal, mas o problema é q nao consigo colocar os links do menu na posição horizontal, eles ficam ordenados na posição vertical http://www.idbheliopolis.net/Ajax/imasters_ajax_2/ ....
explicando um pouco melhor: O Arquivo Index.html recebe a lista de menus de um arquivo XML q por sua vez passa por um java script, e essa lista acaba ficando ordenada de forma vertical e eu quero coloca-la horizontal :S
HELPPP GENTEEEEE...
abraços...
p.s: ja mandei e-mail pro colunista, e nadaaa...
entao, deixa eu explicar melhor.. to mandando os codigos pra vcs verem....
Index.html
<html><head><script src="ajax.js"></script><script src="site.js"></script><style type="text/css"> BODY,DIV,SPAN,TD,A { font-family: Arial, Verdana, Serif; font-size: 11px; color: #333333; background-position: center; } .hidden { display: none; } .menu { position: absolute; width: 500px; height: 100px; border: 1px solid #CCCCCC; left: 120px; top: 12px; overflow: auto; padding: 5px; font-family: Geneva, Arial, Helvetica, sans-serif; font-style: normal; background-position: center; visibility: visible; display: inline; } .conteudo { position: absolute; width: 500px; height: 300px; border: 1px solid #CCCCCC; left: 120px; top: 115px; overflow: auto; padding: 5px; } .tituloLivro { font-weight: bold; background-color: #F3F3F3; padding: 5px; } .autorLivro { font-weight: bold; padding: 5px; } .sinopseLivro { margin-bottom: 10px; padding: 5px; }</style></head><body><!-- DIV que será utilizado para a apresentação de todo o conteúdo gerado pelo JavaScript --><div id="conteudo" class="conteudo"><img src="loading.gif">Aguarde... carregando os componentes</div><div id="menu" class="menu" display: "inline" horizontal-align: "center"></div><!-- DIV que será utilizado para a apresentação do menu --></body></html>
menu = document.getElementById('menu');
/* Carrega os dados do menu */
carregarMenu();
/* Exibe a mensagem inicial de boas vindas */
conteudo.innerHTML = 'Selecione uma categoria acima para carregar as informações.';
}/ Função para carregamento do menu /
function carregarMenu() {
/* Instancia o objeto XML para carregarmos o XML que contém os dados do menu */
var objMenu = new xml();
/* Determina qual arquivo XML a ser carregado. */
objMenu.file = 'categorias.xml';
/* Função que será executada quando o arquivo XML for carregado e inicializado */
objMenu.ret = function () {
var categorias = objMenu.xmlDoc.getElementsByTagName('categoria');
if (categorias.length == 0) {
alert('Nenhuma categoria encontrada.');
return false;
}
menu.innerHTML = '<b>Destaques</b><hr />';
for (var i = 0; i < categorias.length; i++) {
var nomeCategoria = categorias*.getElementsByTagName('nome')[0].firstChild.nodeValue;**
var arquivoCategoria = categorias**.getElementsByTagName('arquivo')[0].firstChild.nodeValue;*
*
menu.innerHTML += '<a href="java script _linenums:0'>/* Faz o carregamento da página */window.onload = paginaCarregada;/* Seta variáveis globais do conteúdo e do menu */var conteudo = null;var menu = null;/* Primeira função a ser executada quando a página for totalmente carregada */function paginaCarregada() { /* Atribui os objetos "menu" e "conteudo" nas variaveis globais pre-definidas */ conteudo = document.getElementById('conteudo'); menu = document.getElementById('menu'); /* Carrega os dados do menu */ carregarMenu(); /* Exibe a mensagem inicial de boas vindas */ conteudo.innerHTML = 'Selecione uma categoria acima para carregar as informações.';}/* Função para carregamento do menu */function carregarMenu() { /* Instancia o objeto XML para carregarmos o XML que contém os dados do menu */ var objMenu = new xml(); /* Determina qual arquivo XML a ser carregado. */ objMenu.file = 'categorias.xml'; /* Função que será executada quando o arquivo XML for carregado e inicializado */ objMenu.ret = function () { var categorias = objMenu.xmlDoc.getElementsByTagName('categoria'); if (categorias.length == 0) { alert('Nenhuma categoria encontrada.'); return false; } menu.innerHTML = '<b>Destaques</b><hr />'; for (var i = 0; i < categorias.length; i++) { var nomeCategoria = categorias**.getElementsByTagName('nome')[0].firstChild.nodeValue; var arquivoCategoria = categorias**.getElementsByTagName('arquivo')[0].firstChild.nodeValue; menu.innerHTML += '<a href="java script:carregarCategoria(\''+arquivoCategoria+'\');">'+nomeCategoria+'</a><br />'; } } /* Carrega o arquivo XML */ objMenu.load();}/* Função para carregamento dos livros */function carregarCategoria(arquivo) { conteudo.innerHTML = 'Aguarde... Carregando'; var objCategoria = new xml(); objCategoria.file = arquivo; objCategoria.ret = function () { var livros = objCategoria.xmlDoc.getElementsByTagName('livro'); if (livros.length > 0) { var buffer = ''; for (var i = 0; i < livros.length; i++) { var tituloLivro = livros**.getElementsByTagName('titulo')[0].firstChild.nodeValue; var autorLivro = livros**.getElementsByTagName('autor')[0].firstChild.nodeValue; var sinopseLivro = livros**.getElementsByTagName('sinopse')[0].firstChild.nodeValue; buffer += '<div class="tituloLivro">'+tituloLivro+'</div>'; buffer += '<div class="autorLivro">'+autorLivro+'</div>'; buffer += '<div class="sinopseLivro">'+sinopseLivro+'</div>'; } conteudo.innerHTML = buffer; } else { conteudo.innerHTML = 'Não foram encontrados livros para a sua pesquisa.'; } } objCategoria.load();}**
ARQUIVO ajax.js*
*
*
/*// XML Loading Function// Author: Lomanto, Paulo H.// Last Change: 2005-12-27// Current Version: 1.08// Last Revisions// 1.08: self.xml now is not required (for simple GET operations)// 1.07: Added support for IE 5.0 and Safari// Checks if get or post file exists*/var xml = function() { var self = this; this.file = null; this.ret = null; this.xml = ''; this.xmlDoc = null; this.transf = 'GET'; this.debug = false; this.returnType = 'xml'; var xmlhttp = null; this.load = _load; function _load() { if (self.file && self.ret) { try { self.xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e1) { try { self.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e2) { if (!self.xmlhttp && typeof XMLHttpRequest!='undefined') { self.xmlhttp = new XMLHttpRequest(); } } } if (self.xmlhttp != null) { self.xmlhttp.onreadystatechange = _testReadyStateSend; self.xmlhttp.open(self.transf,self.file,true); if (this.transf == 'POST'){ self.xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); } self.xmlhttp.send(self.xml); } } else { return false; } } function _testReadyStateSend() { if (self.xmlhttp.readyState == 4) { if (self.xmlhttp.status == '200') { _evalInternalGet(); } else { alert('Página não encontrada'); return false; } } } function _evalReturn() { var retFunc = ''; if (typeof(self.ret) == 'function') { eval('new self.ret'); } } function _evalInternalGet() { self.xmlDoc = (self.returnType == 'xml' ? self.xmlhttp.responseXML : self.xmlhttp.responseText); if (self.debug){ var container = document.getElementsByTagName("BODY"); if (container.length > 0){ var newDiv = document.createElement("DIV"); newDiv.setAttribute("style", "position:absolute; width:640; left:150; top:300; background: #FFFFFF; border: 2px solid #F0F0F0"); var txt = document.createTextNode(self.xmlhttp.responseText); newDiv.appendChild(txt); container[0].appendChild(newDiv); } } _evalReturn(); }}*
E PRA FINALIZAR.. O ARQUIVO (XML) RESPONSAVEL PELAS CATEGORIAS DO MENU... categorias.xml*
*
*
<?xml version="1.0" encoding="ISO-8859-1" ?><dados> <categoria> <item name="Romannce" adr="romance.xml" /> <nome>Romance</nome> <arquivo>romance.xml</arquivo> </categoria> <categoria> <nome>Ficção</nome> <arquivo>ficcao.xml</arquivo> </categoria> <categoria> <nome>Aventura</nome> <arquivo>aventura.xml</arquivo> </categoria></dados>entao... soh pra vcs verem como está dificil a coisa, tudo esta assim.. http://www.idbheliopolis.net/Ajax/imasters_ajax_2/
soh que a DIV nao aceita formatação, eh esse meu grande problema, pq ela recebe pre-formatado (agora nao sei se eh do XML ou do JS)..
socorroooooo
=(
tenta colocar assim:<!-- DIV que será utilizado para a apresentação de todo o conteúdo gerado pelo JavaScript --><div id="conteudo" class="conteudo"><img src="loading.gif">Aguarde... carregando os componentes</div><div id="menu" class="menu"></div>
>
entao, deixa eu explicar melhor.. to mandando os codigos pra vcs verem....Index.html
<html><head><script src="ajax.js"></script><script src="site.js"></script><style type="text/css"> BODY,DIV,SPAN,TD,A { font-family: Arial, Verdana, Serif; font-size: 11px; color: #333333; background-position: center; } .hidden { display: none; } .menu { position: absolute; width: 500px; height: 100px; border: 1px solid #CCCCCC; left: 120px; top: 12px; overflow: auto; padding: 5px; font-family: Geneva, Arial, Helvetica, sans-serif; font-style: normal; background-position: center; visibility: visible; display: inline; } .conteudo { position: absolute; width: 500px; height: 300px; border: 1px solid #CCCCCC; left: 120px; top: 115px; overflow: auto; padding: 5px; } .tituloLivro { font-weight: bold; background-color: #F3F3F3; padding: 5px; } .autorLivro { font-weight: bold; padding: 5px; } .sinopseLivro { margin-bottom: 10px; padding: 5px; }</style></head><body><!-- DIV que será utilizado para a apresentação de todo o conteúdo gerado pelo JavaScript --><div id="conteudo" class="conteudo"><img src="loading.gif">Aguarde... carregando os componentes</div><div id="menu" class="menu" display: "inline" horizontal-align: "center"></div><!-- DIV que será utilizado para a apresentação do menu --></body></html>
/* Faz o carregamento da página */window.onload = paginaCarregada;/* Seta variáveis globais do conteúdo e do menu */var conteudo = null;var menu = null;/* Primeira função a ser executada quando a página for totalmente carregada */function paginaCarregada() { /* Atribui os objetos "menu" e "conteudo" nas variaveis globais pre-definidas */ conteudo = document.getElementById('conteudo'); menu = document.getElementById('menu'); /* Carrega os dados do menu */ carregarMenu(); /* Exibe a mensagem inicial de boas vindas */ conteudo.innerHTML = 'Selecione uma categoria acima para carregar as informações.';}/* Função para carregamento do menu */function carregarMenu() { /* Instancia o objeto XML para carregarmos o XML que contém os dados do menu */ var objMenu = new xml(); /* Determina qual arquivo XML a ser carregado. */ objMenu.file = 'categorias.xml'; /* Função que será executada quando o arquivo XML for carregado e inicializado */ objMenu.ret = function () { var categorias = objMenu.xmlDoc.getElementsByTagName('categoria'); if (categorias.length == 0) { alert('Nenhuma categoria encontrada.'); return false; } menu.innerHTML = '<b>Destaques</b><hr />'; for (var i = 0; i < categorias.length; i++) { var nomeCategoria = categorias[i].getElementsByTagName('nome')[0].firstChild.nodeValue; var arquivoCategoria = categorias[i].getElementsByTagName('arquivo')[0].firstChild.nodeValue; menu.innerHTML += '<a href="java script:carregarCategoria(\''+arquivoCategoria+'\');">'+nomeCategoria+'</a><br />'; } } /* Carrega o arquivo XML */ objMenu.load();}/* Função para carregamento dos livros */function carregarCategoria(arquivo) { conteudo.innerHTML = 'Aguarde... Carregando'; var objCategoria = new xml(); objCategoria.file = arquivo; objCategoria.ret = function () { var livros = objCategoria.xmlDoc.getElementsByTagName('livro'); if (livros.length > 0) { var buffer = ''; for (var i = 0; i < livros.length; i++) { var tituloLivro = livros[i].getElementsByTagName('titulo')[0].firstChild.nodeValue; var autorLivro = livros[i].getElementsByTagName('autor')[0].firstChild.nodeValue; var sinopseLivro = livros[i].getElementsByTagName('sinopse')[0].firstChild.nodeValue; buffer += '<div class="tituloLivro">'+tituloLivro+'</div>'; buffer += '<div class="autorLivro">'+autorLivro+'</div>'; buffer += '<div class="sinopseLivro">'+sinopseLivro+'</div>'; } conteudo.innerHTML = buffer; } else { conteudo.innerHTML = 'Não foram encontrados livros para a sua pesquisa.'; } } objCategoria.load();}ARQUIVO ajax.js/*// XML Loading Function// Author: Lomanto, Paulo H.// Last Change: 2005-12-27// Current Version: 1.08// Last Revisions// 1.08: self.xml now is not required (for simple GET operations)// 1.07: Added support for IE 5.0 and Safari// Checks if get or post file exists*/var xml = function() { var self = this; this.file = null; this.ret = null; this.xml = ''; this.xmlDoc = null; this.transf = 'GET'; this.debug = false; this.returnType = 'xml'; var xmlhttp = null; this.load = _load; function _load() { if (self.file && self.ret) { try { self.xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e1) { try { self.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e2) { if (!self.xmlhttp && typeof XMLHttpRequest!='undefined') { self.xmlhttp = new XMLHttpRequest(); } } } if (self.xmlhttp != null) { self.xmlhttp.onreadystatechange = _testReadyStateSend; self.xmlhttp.open(self.transf,self.file,true); if (this.transf == 'POST'){ self.xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); } self.xmlhttp.send(self.xml); } } else { return false; } } function _testReadyStateSend() { if (self.xmlhttp.readyState == 4) { if (self.xmlhttp.status == '200') { _evalInternalGet(); } else { alert('Página não encontrada'); return false; } } } function _evalReturn() { var retFunc = ''; if (typeof(self.ret) == 'function') { eval('new self.ret'); } } function _evalInternalGet() { self.xmlDoc = (self.returnType == 'xml' ? self.xmlhttp.responseXML : self.xmlhttp.responseText); if (self.debug){ var container = document.getElementsByTagName("BODY"); if (container.length > 0){ var newDiv = document.createElement("DIV"); newDiv.setAttribute("style", "position:absolute; width:640; left:150; top:300; background: #FFFFFF; border: 2px solid #F0F0F0"); var txt = document.createTextNode(self.xmlhttp.responseText); newDiv.appendChild(txt); container[0].appendChild(newDiv); } } _evalReturn(); }}E PRA FINALIZAR.. O ARQUIVO (XML) RESPONSAVEL PELAS CATEGORIAS DO MENU... categorias.xml<?xml version="1.0" encoding="ISO-8859-1" ?><dados> <categoria> <item name="Romannce" adr="romance.xml" /> <nome>Romance</nome> <arquivo>romance.xml</arquivo> </categoria> <categoria> <nome>Ficção</nome> <arquivo>ficcao.xml</arquivo> </categoria> <categoria> <nome>Aventura</nome> <arquivo>aventura.xml</arquivo> </categoria></dados>=================================entao carlaohsv, eu incorporei o codigo q você me falou e nao deu certo, continou listando os menus de forma vertical ..brigadao cara....
vi uma coisa que parece está errada.
é nessa linha do script que faz carregamento do menu.
>
Função para carregamento do menu /
function carregarMenu() {
/ Instancia o objeto XML para carregarmos o XML que contém os dados do menu /
var objMenu = new xml();
/ Determina qual arquivo XML a ser carregado. /
objMenu.file = 'categorias.xml';
/ Função que será executada quando o arquivo XML for carregado e inicializado /
objMenu.ret = function () {
var categorias = objMenu.xmlDoc.getElementsByTagName('categoria');
if (categorias.length == 0) {
alert('Nenhuma categoria encontrada.');
return false;
}
**menu.innerHTML = '<b>Destaques</b><hr />';**
for (var i = 0; i < categorias.length; i++) {
var nomeCategoria = categorias*.getElementsByTagName('nome')[0].firstChild.nodeValue;*
*var arquivoCategoria = categorias**.getElementsByTagName('arquivo')[0].firstChild.nodeValue;*
*menu.innerHTML += '<a href="java script:carregarCategoria(\''+arquivoCategoria+'\');">'+nomeCategoria+'</a><br />';*}
}
/ Carrega o arquivo XML /
objMenu.load();
}
*você tem que gerar é uma lista ao invés de só os links, e depois colocar o **display: inline; na lista. *
qualquer coisa é só postar.
entao carlao...deixa eu ver se eu entendi...do jeito q o codigo esta, ele esta gerando apenas os links.... certo??...eu vou ter q incoporar essa funçao ao JS para tentar ordenar a lista?
isso mesmo ele está gerando apenas links.
e uma solução para ele gerar a lista com os links seria essa:
menu.innerHTML = '<b>Destaques</b><hr />';menu.innerHTML = '<ul>';for (var i = 0; i < categorias.length; i++) {var nomeCategoria = categorias[i].getElementsByTagName('nome')[0].firstChild.nodeValue;var arquivoCategoria = categorias[i].getElementsByTagName('arquivo')[0].firstChild.nodeValue;menu.innerHTML += '<li><a href="java script:carregarCategoria(\''+arquivoCategoria+'\');">'+nomeCategoria+'</a></li>';}menu.innerHTML = '</ul>';ai você formata a lista com o CSS.
qualquer dúvida é só postar ai. [http://forum.imasters.com.br/public/style_emoticons/](http://forum.imasters.com.br/public/style_emoticons/)default/thumbsup.gifcarlao, estou fazendo os testes..mas pelo q estou percebendo ja esta dando certo...brigadaaaaaaaaaaaaaaaaao cara...genio genio genio...Fica com Deus...
pra te ajudar eu peguei esses script e fui testando e encontrei a solução:
o aquivo site.js fica assim:
>
/ Faz o carregamento da página /
window.onload = paginaCarregada;
/ Seta variáveis globais do conteúdo e do menu /
var conteudo = null;
var menu = null;/ Primeira função a ser executada quando a página for totalmente carregada /
function paginaCarregada() {
/ Atribui os objetos "menu" e "conteudo" nas variaveis globais pre-definidas /
conteudo = document.getElementById('conteudo');
menu = document.getElementById('menu');/ Carrega os dados do menu /
carregarMenu();
/ Exibe a mensagem inicial de boas vindas /
conteudo.innerHTML = 'Selecione uma categoria acima para carregar as informações.';
}/ Função para carregamento do menu /
function carregarMenu() {
/ Instancia o objeto XML para carregarmos o XML que contém os dados do menu /
var objMenu = new xml();
/ Determina qual arquivo XML a ser carregado. /
objMenu.file = 'categorias.xml';
/ Função que será executada quando o arquivo XML for carregado e inicializado /
objMenu.ret = function () {
var categorias = objMenu.xmlDoc.getElementsByTagName('categoria');
if (categorias.length == 0) {
alert('Nenhuma categoria encontrada.');
return false;
}
**menu.innerHTML = '<b>Destaques</b><hr />';**
menu.innerHTML += '<ul>';
for (var i = 0; i < categorias.length; i++) {
var nomeCategoria = categorias*.getElementsByTagName('nome')[0].firstChild.nodeValue;*
*var arquivoCategoria = categorias**.getElementsByTagName('arquivo')[0].firstChild.nodeValue;*
*menu.innerHTML += '<li><a href="java script:carregarCategoria(\''+arquivoCategoria+'\');">'+nomeCategoria+'</a></li>';*}
menu.innerHTML += '</ul>';
}
/ Carrega o arquivo XML /
objMenu.load();
}
/ Função para carregamento dos livros /
function carregarCategoria(arquivo) {
conteudo.innerHTML = 'Aguarde... Carregando';
var objCategoria = new xml();
objCategoria.file = arquivo;
*objCategoria.ret = function () {*
*var livros = objCategoria.xmlDoc.getElementsByTagName('livro');*if (livros.length > 0) {
*var buffer = '';*
*for (var i = 0; i < livros.length; i++) {*
*var tituloLivro = livros**.getElementsByTagName('titulo')[0].firstChild.nodeValue;*
*var autorLivro = livros**.getElementsByTagName('autor')[0].firstChild.nodeValue;*
*var sinopseLivro = livros**.getElementsByTagName('sinopse')[0].firstChild.nodeValue;*
*buffer += '<div class="tituloLivro">'+tituloLivro+'</div>';*
*buffer += '<div class="autorLivro">'+autorLivro+'</div>';*
*buffer += '<div class="sinopseLivro">'+sinopseLivro+'</div>';*}
conteudo.innerHTML = buffer;
} else {
conteudo.innerHTML = 'Não foram encontrados livros para a sua pesquisa.';
}
}
objCategoria.load();
}
*e o **index.html** fica assim:*
>
*<html>*
*<head>*
*<script src="ajax.js"></script>*
*<script src="site.js"></script>*
*<style type="text/css">*BODY,DIV,SPAN,TD,A {
font-family: Arial, Verdana, Serif;
font-size: 11px;
color: #333333;
background-position: center;
}
.hidden {
display: none;
}
.menu {
position: absolute;
width: 500px;
height: 100px;
border: 1px solid #CCCCCC;
left: 120px;
top: 12px;
overflow: auto;
padding: 5px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style: normal;
background-position: center;
visibility: visible;
}
.menu li{
display: inline;
padding: 5px;
}
.conteudo {
position: absolute;
width: 500px;
height: 300px;
border: 1px solid #CCCCCC;
left: 120px;
top: 115px;
overflow: auto;
padding: 5px;
}
.tituloLivro {
font-weight: bold;
background-color: #F3F3F3;
padding: 5px;
}
.autorLivro {
font-weight: bold;
padding: 5px;
}
.sinopseLivro {
margin-bottom: 10px;
padding: 5px;
}
*</style>*
*</head>*
*<body>*<!-- DIV que será utilizado para a apresentação de todo o conteúdo gerado pelo JavaScript -->
*<div id="conteudo" class="conteudo"><img src="loading.gif">Aguarde... carregando os componentes</div>*
*<div id="menu" class="menu">*
</div>
<!-- DIV que será utilizado para a apresentação do menu -->
*</body>*
*</html>**---** *
e depois de testar mais um pouquinho achei uma outra solução:
>
*menu.innerHTML = '<b>Destaques</b><hr />';*
*for (var i = 0; i < categorias.length; i++) {*
*var nomeCategoria = categorias**.getElementsByTagName('nome')[0].firstChild.nodeValue;*
*var arquivoCategoria = categorias**.getElementsByTagName('arquivo')[0].firstChild.nodeValue;*
*menu.innerHTML += '<a href="java script:carregarCategoria(\''+arquivoCategoria+'\');">'+nomeCategoria+'****</a><br />****';*}
*é só tira esse **<br />, ai nem precisa colocar display: inline;*
NOSSSSSSSSSSSSSSSSSSSSSSSSA..... http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif
D++++++++++ CARA.. NEM SEI COMO TE AGRADECER... FICOU MTOOOOOOOOOOO LEGAL, AGORA VOU FAZER UNS TESTE PRA COLOCAR O MENU COM BOTOES AO INVES DE TEXTO...
NOSSA, VOU TE AGRADECER PRA SEMPRE... ME AJUDOU MTOOOOOOOOOOOOOO
BRIGAOOO CARLAO....
BRIGADAOOO MSM :D
\O/
Fico muito feliz por ter ajudado. :) :) :) :)
T!aGo aGoGô, bem vindo ao iMasters!!!
Deixa eu ver se entendi, você quer um menu horizontal?
Veja se ajda você, http://forum.imasters.com.br/index.php?s=&...st&p=688060
Qualquer dúvida volte a postar!
[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif