Tables que se movem

jorda · Junho 4, 2003

Galera, me deem um help, por favor...sou nova no pedaco e to aqui ralando com o dreamweaver...Estou fazendo um menu vertical onde qse todos os topicos sao textos digitados no proprio dreamweaver. Mas tem um topico q abrira um sub menu. Entao soh nesse topico, fiz um pequeno gif do titulo pra inserir em um dos espacos dos rows dessas colums,certo?O q acontece eh q qdo insiro o gif pequenino do titulo, os rows se movem completamente abrindo um grande espaco pra cima e pra baixo desse gif. Como fazer pra esses rows nao sairem do lugar???Valeu mocada!!!! :(

Suissa · Junho 5, 2003

você setou os valores deles??

sitenovo · Junho 5, 2003

Seguinte,

entre no meu site que tenho exemplod e menu c/ submenus muito legal, alias, logo que entrar você já verá ele sendo usado lá...

SITENOVO - net community

Basta escolher o que achar melhor e pronto!

[]s

Rodney

jorda · Junho 5, 2003

Suissa, como eu faco o setup de cada row se eu nem mesmo sei qto vale cada row, pois qdo clico neles nem aparecem medidas no W e H? Desculpe-me a pergunta basica, mas como você percebe, comecei a aprender agora...RodneyO link abaixo do seu site nao estah abrindo. Soh aparece uma pagina do yahoo...e o outro ai do http nao tem menu vertical!? B)

jorda · Junho 5, 2003

você setou os valores deles??

Suissa, como eu faco o setup de cada row se eu nem mesmo sei qto vale cada row, pois qdo clico neles nem aparecem medidas no W e H? Desculpe-me a pergunta basica, mas como você percebe, comecei a aprender agora... B)

jorda · Junho 5, 2003

Na verdade, o tamanho de cada celula ja defini visualmente mesmo. Elas nao sao do tamanho da pagina pois eh um menu vertical a esquerda. Entende? O q eu quero eh inserir o gif (q aparentemente eh e cabe com folga dentro de um desses rows, sem q o resto saia do lugar pois qdo insiro ele, a celula de cima e a de baixo saem do lugar de onde estavam e a celula onde entra o gif fica gigante??? B) :P :o

rcdesign · Junho 5, 2003

posta aqui o código de sua página... assim fica mais fácil saber o que está errado pra poder ajudar.

Se preferir me mande o código e a imagem por e-mail: rcdesign@rcdesignbrasil.com

premiere · Junho 6, 2003

Surgiro que voce faça o menu pelo fireworks usando slices, lá voce pode escolher cores, tamanhos etc e até a posição onde quer que ele apareça, ok?

jorda · Junho 6, 2003

Falo galera, deixe eu me achar aqui q coloco o codigo no ar pra vcs verem...o negocio eh q eu nao to achando onde atachar os files aqui... :D :D

sitenovo · Junho 6, 2003

P/ jorda...

foi mal... digitei algo errado...

Tente agora....

[]s

Rodney

jorda · Junho 6, 2003

Rodney, legal...tem bastante coisa pra aprender ai, mas nao sei se tem exatamente o q eu to querendo...todos casos, super valeu!Nadia, nao adianta copiar e colar pq ainda to sem um dominio postar na internet, entende.Posso passar por email, se quiser... B)

jorda · Junho 6, 2003

Pessoal, sabe q eu ateh consegui achar um caminho, espero q seja correto... coloquei medidas fixas em pixels nas celulas e iseri um layer para chamar a imagem JOBS...qdo ela veio, ela se limitou dentro do layer e no navegador, nao saiu do lugar... agora o lance eh q eu to querendo fazer um submenu q aparece com o mouseover sobre o JOBS e mesmo colocando hidden, qdo a gente chama o navegador ele fica aparente, e soh some qdo eu dou um clique no jobs. Ai ele funciona direitinho...em seguida, eu quero q ele fique paradinho aparecendo os subtitulos pra serem escolhidos e o bichinho some... como fazer ele ficar paradinho lah ateh eu escolher um subitem pra dar link???ai vai o code pra vcs darem uma olhada:<area shape="rect" coords="-12,1,77,35" href="#" onMouseOver="MM_showHideLayers('SUBMENU','','show')" onMouseOut="MM_showHideLayers('SUBMENU','','hide')"> B) <div id="SUBMENU" style="position:absolute; left:187px; top:170px; width:171px; height:152px; z-index:5; overflow: hidden;"><img src="images/TITULOS.jpg" width="170" height="148" border="0" usemap="#Map2"> <map name="Map2"> <area shape="rect" coords="4,0,167,145" href="#"> </map></div>

jorda · Junho 6, 2003

Xi, falha nossa!!!Ai vai...<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>portmag</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><table width="750" height="468" border="0" align="left" cellpadding="0" cellspacing="0"> <tr> <td width="28%" height="215"><img src="images/portfolio/rostopreto.gif" width="217" height="213"></td> <td width="51%" rowspan="2" valign="top" bgcolor="#FFCC00"><div align="right"><font color="#FFFFFF" size="4" face="Verdana, Arial, Helvetica, sans-serif">PORTFOLIO-MAGAZINES</font> </div> <table width="100%" height="445" border="0" align="left">  <tr> <td width="379" height="441" valign="top" bgcolor="#000000"><iframe name="main" leftmargin=0 topmargin=0 marginWidth=0 marginHeight=0 src="icover.htm" frameBorder=0 width=393 height=441 scrolling=no></iframe></td> </tr> </table></td> <td width="21%" rowspan="2" bgcolor="#990000"><img src="images/portfolio/thumbtripa.jpg" width="158" height="600" border="0" usemap="#Map"></td> </tr> <tr> <td><font color="#000000"> </font></td> </tr></table><p> </p><map name="Map"> <area shape="rect" coords="30,50,116,126" href="images/portfolio/magazines/cover1.jpg" target="main"> <area shape="rect" coords="29,135,118,212" href="images/portfolio/magazines/magz3.jpg" target="main"> <area shape="rect" coords="30,222,116,298" href="images/portfolio/magazines/mag4.jpg" target="main"> <area shape="rect" coords="30,307,119,386" href="images/portfolio/magazines/magz2.jpg" target="main"> <area shape="rect" coords="66,264,67,267" href="#"> <area shape="rect" coords="30,394,117,471" href="images/portfolio/magazines/sand.jpg" target="main"> <area shape="rect" coords="30,480,117,556" href="images/portfolio/magazines/sand2.jpg" target="main"></map></body></html> :huh:

jorda · Junho 6, 2003

Nossa, viajei!!! Esquece esse codigo ai de cima, o q tah valendo eh esse aqui...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized

if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_showHideLayers() { //v6.0

var i,p,v,obj,args=MM_showHideLayers.arguments;

for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];

if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }

obj.visibility=v; }

}

//-->

</script>

<style type="text/css">

<!--

menuoran {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16px;

text-transform: capitalize;

color: #FF9900;

text-decoration: none;

}

a:link {

color: #FF9900;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16px;

text-transform: uppercase;

font-style: normal;

line-height: normal;

text-decoration: none;

}

a:hover {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16px;

text-transform: uppercase;

color: #FFCC00;

text-decoration: none;

font-style: normal;

}

a:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16px;

font-style: normal;

text-transform: uppercase;

text-decoration: none;

}

menubra {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16px;

font-style: normal;

line-height: normal;

text-transform: uppercase;

color: #FFFFFF;

background-color: #FFCC00;

}

a.menubra:link {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16.1px;

font-style: normal;

text-transform: uppercase;

color: #FFFFFF;

text-decoration: none;

background-color: #FFCC00;

}

a.menubra:hover {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16.1px;

font-style: normal;

text-transform: uppercase;

color: #FF9900;

text-decoration: none;

background-color: #FFCC00;

}

a.menubra:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16.1px;

font-style: normal;

text-decoration: none;

background-color: #FFCC00;

color: #FFFFFF;

}

-->

</style>

</head>

<body bgcolor="#000000" text="#FF9900" link="#FF9900" vlink="#FF9900" alink="#FFCC00">

<div id="LOGO" style="position:absolute; left:480px; top:156px; width:176px; height:107px; z-index:2"><img src="images/logojordaok.gif" width="234" height="116"></div>

<div id="FOTO" style="position:absolute; left:465px; top:283px; width:286px; height:189px; z-index:1; overflow: visible;"><img src="images/fotoro.gif" width="286" height="187"></div>

<div id="JOBS" style="position:absolute; left:87px; top:171px; width:86px; height:36px; z-index:4; overflow: visible;">

<table width="100" border="0" cellpadding="0" cellspacing="0">

<tr>

<td><div align="right"><img src="images/titulojob.gif" width="77" height="35" border="0" usemap="#Map"></div></td>

</tr>

</table>

</div>

<map name="Map2">

<area shape="rect" coords="4,0,167,145" href="#">

</map>

</div>

<table width="750" height="400" border="0" align="center" cellpadding="0" cellspacing="0">

<tr valign="bottom">

<td colspan="9" bgcolor="#990000"><div align="right"><font color="#FFFFFF" size="4" face="Verdana, Arial, Helvetica, sans-serif">HOME</font></div></td>

</tr>

<tr>

<th width="143" height="49" bordercolor="#990000" bgcolor="#FFCC00"><div align="right"><font color="#FFFFFF" size="3" face="Verdana, Arial, Helvetica, sans-serif">HOME</font></div></th>

<td width="527" colspan="8" rowspan="7" align="right" valign="middle" bordercolor="#FFCC00" bgcolor="#FF9900"><div align="right">

</div></td>

</tr>

<tr>

</tr>

<tr>

<th width="143" height="49" bordercolor="#FFFFFF" bgcolor="#FFCC00"><div align="left">

<p align="right" class="menubra"><font color="#FFFFFF" size="3" face="Verdana, Arial, Helvetica, sans-serif"></font></p>

</div></th>

</tr>

<tr>

<th width="143" height="49" bordercolor="#FF9900" bgcolor="#FFFF00"><div align="right"><font color="#FF9900" size="3" face="Verdana, Arial, Helvetica, sans-serif"><a href="letspla.htm">LET'S

PLAY</a> </font></div></th>

</tr>

<tr>

<th width="143" height="49" bordercolor="#FFFFFF" bgcolor="#FFCC00"><div align="right"><font color="#FFFFFF" size="3" face="Verdana, Arial, Helvetica, sans-serif"><a href="listenup.htm" class="menubra">LISTEN

UP </a></font></div></th>

</tr>

<tr>

<th width="143" height="49" bordercolor="#FF9900" bgcolor="#FFFF00"><div align="right"><font color="#FF9900" size="3" face="Verdana, Arial, Helvetica, sans-serif"><a href="links.htm">LINKS</a></font></div></th>

</tr>

<tr>

<th width="143" height="49" bordercolor="#FFFFFF" bgcolor="#FFCC00"><div align="right" class="menubra"><font color="#FFFFFF" size="3" face="Verdana, Arial, Helvetica, sans-serif"><a href="sayhell.htm" class="menubra">SAY

HELLO </a></font></div></th>

</tr>

</table>

<table width="750" height="55" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td colspan="9" bgcolor="#990000"> </td>

</tr>

</table>

<p> </p>

<map name="Map">

<area shape="rect" coords="-12,1,77,35" href="#" onMouseOver="MM_showHideLayers('SUBMENU','','show')" onMouseOut="MM_showHideLayers('SUBMENU','','hide')">

<area shape="rect" coords="38,31,41,37" href="#">

<area shape="rect" coords="-10,-1,-4,0" href="#">

</map>

</body>

</html>

:huh: :huh:

jorda · Junho 6, 2003

Nossa Nadia, qta boa vontade da sua parte! To aqui tentando assimilar e aplicar tudo o q você falou, jah te aviso no q deu, tah? Brigadao mesmo! :D :D :D

jorda · Junho 6, 2003

Nadia, ai vai o resultado...

você me deu uma boa luz, resolvi um montao de duvidas como o hidden do visibility, para

deixar o link do submenu aparecendo, qto ao tamanho da imagem pq na verdade, a

celula, eu quero q fique com 49px e nao 35 como estava a imagem, porisso alterei o

tamanho da imagem pra 49 tbem...agora vao as proximas perguntas...

Que milagre você fez q o primeiro titulo, home.gif, nao tinha jeito de ficar alinhado a direita

como os outros, nem eu pondo alinhamento a direita... ALem disso, no IE, esses

titulozinhos do menu, mesmo pedindo alinhamento a direita, nao encostavam na linha da

coluna, ficavam com um espaco para a esquerda... Outra coisa eh: mesmo aproximando

e alinhando o layer do submenu ao menu, conforme você falou, nos navegadores ele

aparece deslocado completamente...você sabe porque??? E a pergunta final, a fotoro.jpg

estah em um lugar no dw e nos navegadores tbem se posiciona diferente. Pq essa

alteracao? Nao dah pra visualizar no navegador exatamente o q a gente tah fazendo no

dreamweaver??? Bom, pra você saber em q peh estah, ai vai o codigo novamente da

pagina, tah? Valeu Nadia.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized

if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_showHideLayers() { //v6.0

var i,p,v,obj,args=MM_showHideLayers.arguments;

for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];

if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }

obj.visibility=v; }

}

//-->

</script>

<style type="text/css">

<!--

menuoran {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16px;

text-transform: capitalize;

color: #FF9900;

text-decoration: none;

}

a:link {

color: #FF9900;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16px;

text-transform: uppercase;

font-style: normal;

line-height: normal;

text-decoration: none;

}

a:hover {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16px;

text-transform: uppercase;

color: #FFCC00;

text-decoration: none;

font-style: normal;

}

a:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16px;

font-style: normal;

text-transform: uppercase;

text-decoration: none;

}

menubra {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16px;

font-style: normal;

line-height: normal;

text-transform: uppercase;

color: #FFFFFF;

background-color: #FFCC00;

}

a.menubra:link {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16.1px;

font-style: normal;

text-transform: uppercase;

color: #FFFFFF;

text-decoration: none;

background-color: #FFCC00;

}

a.menubra:hover {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16.1px;

font-style: normal;

text-transform: uppercase;

color: #FF9900;

text-decoration: none;

background-color: #FFCC00;

}

a.menubra:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16.1px;

font-style: normal;

text-decoration: none;

background-color: #FFCC00;

color: #FFFFFF;

}

-->

</style>

</head>

<body bgcolor="#000000" text="#FF9900" link="#FF9900" vlink="#FF9900" alink="#FFCC00">

<div id="LOGO" style="position:absolute; left:480px; top:156px; width:176px; height:107px; z-index:2"><img src="images/logojordaok.gif" width="234" height="116"></div>

<div id="FOTO" style="position:absolute; left:465px; top:283px; width:286px; height:189px; z-index:1; overflow: visible;"><img src="images/fotoro.gif" width="286" height="187"></div>

</div>

<table width="750" height="400" border="0" align="center" cellpadding="0" cellspacing="0">

<tr valign="bottom">

<td colspan="9" bgcolor="#990000"><div align="right"><font color="#FFFFFF" size="4" face="Verdana, Arial, Helvetica, sans-serif">HOME</font></div></td>

</tr>

<tr>

<th width="166" height="49" align="right" bordercolor="#990000" bgcolor="#FFCC00">

<font color="#FFFFFF" size="3" face="Verdana, Arial, Helvetica, sans-serif">HOME</font></th>

<td width="584" colspan="8" rowspan="7" align="right" valign="middle" bordercolor="#FFCC00" bgcolor="#FF9900"><div align="right">

</div></td>

</tr>

<tr>

<th width="166" height="49" align="right" bordercolor="#FF9900" bgcolor="#FFFF00">

<font color="#FF9900" size="3" face="Verdana, Arial, Helvetica, sans-serif"><a href="bio.htm">BIO</a></font></th>

</tr>

<tr>

<th width="166" height="35" align="right" bordercolor="#FFFFFF" bgcolor="#FFCC00">

<p class="menubra"><img src="images/titulojob2.gif" width="63" height="49" onMouseOver="MM_showHideLayers('SUBMENU','','show')" onMouseOut="MM_showHideLayers('SUBMENU','','hide')"></p></th>

</tr>

<tr>

<th width="166" height="49" align="right" bordercolor="#FF9900" bgcolor="#FFFF00">

<font color="#FF9900" size="3" face="Verdana, Arial, Helvetica, sans-serif"><a href="letspla.htm">LET'S

PLAY</a> </font></th>

</tr>

<tr>

<th width="166" height="49" align="right" bordercolor="#FFFFFF" bgcolor="#FFCC00">

<font color="#FFFFFF" size="3" face="Verdana, Arial, Helvetica, sans-serif"><a href="listenup.htm" class="menubra">LISTEN

UP </a></font></th>

</tr>

<tr>

<th width="166" height="49" align="right" bordercolor="#FF9900" bgcolor="#FFFF00">

<font color="#FF9900" size="3" face="Verdana, Arial, Helvetica, sans-serif"><a href="links.htm">LINKS</a></font></th>

</tr>

<tr>

<th width="166" height="49" align="right" bordercolor="#FFFFFF" bgcolor="#FFCC00">

<div class="menubra"><font color="#FFFFFF" size="3" face="Verdana, Arial, Helvetica, sans-serif"><a href="sayhell.htm" class="menubra">SAY

HELLO </a></font></div></th>

</tr>

</table>

<table width="750" height="55" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td colspan="9" bgcolor="#990000"> </td>

</tr>

</table>

<p> </p>

</body>

</html>

jorda · Junho 7, 2003

Pessoal, to aqui, preciso de um help. Nadia, cade você...socorro!!!!!!!!!!! :rolleyes:

jorda · Junho 9, 2003

Nadia, taih, achei o codigo pra você analisar e dizer aonde foi q eu errei!!! Lembra daquela musica do Kid Abelha ;) ? AHahahah

jorda · Junho 9, 2003

Oh, galera, nao precisa ser soh a Nadia nao, vcs tbem podem me ajudar!!!!!!!

Arquivado

Tables que se movem

Recommended Posts

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Suissa 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

sitenovo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

rcdesign 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

premiere 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

sitenovo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jorda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

select com varias categorias por horario