Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

mkboy

Table para TableLESS

Por , em Desenvolvimento frontend

Recommended Posts

mkboy    1

mkboy
Postado

Essa é a pagina inicial de meu site, ja enxuquei ela ao maximo!

Tem diversas tabelas que geram resultados, e coloquei tudo em funções, deixando assim a home bem limpa, as funções sem nenhuma tag fora do lugar, entao gostaria de saber como que este layout ficaria em tableless, ae se eu conseguir encaixar na minha cuca, hehee, eu ja monto esse site todo em tableless, visto que esta é a primeira pagina.

 

Entao gostaria de saber se vcs podem me ajudar a converter essa home para tableless, ae eu veria como foi feito e ia tentando criar as demais!

 

Pode ser?

 

ASP

[*]

[*]<html>

[*]<head>

[*]<!--#include file="titulo.asp"-->

[*]</head>

[*]<body leftmargin="00" topmargin="0" marginwidth="0" marginheight="0">

[*]

[*]<table width="100%" border="0" cellspacing="0" cellpadding="0">

[*]<tr>

[*]<td>

[*]<!--#include file="includes/topo.asp"-->

[*]<table width="100%" border="0" cellspacing="0" cellpadding="0">

[*]<tr>

[*]<td width="150" background="imagens/back_menu_esquerda.gif" valign="top">

[*]<!--#include file="includes/menu.asp"-->

[*]</td>

[*]<td valign="top"><table width="100%" height="100" border="0" cellpadding="0" cellspacing="0">

[*]<tr>

[*]<td background="imagens/degrade_fundo.jpg">

[*]<table width="100%" border="0" cellspacing="0" cellpadding="0">

[*]<tr>

[*]<td width="20"></td>

[*]<td><br><br><img src="imagens/link_bem_vindo.gif" width="300" height="26">

[*]</td>

[*]<td width="20"><img src="imagens/degrade_folha.jpg" width="150" height="100"></td>

[*]</tr>

[*]</table>

[*]</td>

[*]</tr>

[*]</table>

[*]<table width="100%" border="0" cellspacing="0" cellpadding="0">

[*]<tr>

[*]<td width="20"> </td>

[*]<td>

[*]

[*]<%

[*] with Response

[*]

[*] .write("<br><br>")

[*] .write("<font class=""padrao"">Estatísticas gerais do sistema</font>")

[*] Call select_07 'Monta tabela para exibir resumo de counts

[*] response.write("<font class=""padrao"">(</font>")

[*] Call Count_01 'Conta total de acessos ao sistema

[*] response.write("<font class=""padrao"">) </font>")

[*] .write("<font class=""padrao"">Usuários logados</font>")

[*] Call select_01 'monta tabela de usuarios logados no sistema

[*] response.write("<font class=""padrao"">(</font>")

[*] Call Count_02 'Conta total de acessos ao painel de login

[*] response.write("<font class=""padrao"">) </font>")

[*] .write("<a name=""01""></a>")

[*] .write("<font class=""padrao"">Acessos ao Painel de login administrativo</font>")

[*] Call select_06 ' Pesquisa todos acessos de usuarios logados na area administrativa

[*] response.write("<font class=""padrao"">(</font>")

[*] Call Count_03 'Conta usuários bloqueados

[*] response.write("<font class=""padrao"">) </font>")

[*] .write("<a name=""02""></a>")

[*] .write("<font class=""padrao"">Usuários bloqueados no Login Administrativo:</font>")

[*] Call select_05 'Pesquisa todos os usuarios bloqueados

[*] end with

[*]

[*]%>

[*]</td>

[*]<td width="20"> </td>

[*]</tr>

[*]</table>

[*]</td>

[*]<td width="63" valign="top" background="imagens/back_menu_direita.gif">

[*]<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

[*]<tr>

[*]<td height="18" bgcolor="6A7488"> </td>

[*]</tr>

[*]</table>

[*]<p align="center"><img src="imagens/documentacao.gif" width="25" height="32"></p></td>

[*]</tr>

[*]</table></td>

[*]</tr>

[*]<tr>

[*]<td><!--#include file="includes/rodape.asp"--></td>

[*]</tr>

[*]</table>

[*]</body>

[*]</html>

[*]

Compartilhar este post

Link para o post
Compartilhar em outros sites

gbk    0

gbk
Postado

Nossa velhinho só tem tabela !!!!!você conhece o comando DIV ? è isso que muda tudo, acesse sites, e veja a diferença. Eu tive dificuldades no começo, mas você vai ver que no tableless usando o CSS você faz isso bem baba.Acesse o www.tableless.com.br e você vai descobrir, como é facíl fazer isso sem usar TD ou TR?Boa sorte , mas não vou te dar de presente como ficaria, pois pelo nível de programação você consegue sozinhoGBK

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wallace.NET    0

Wallace.NET
Postado

Dá pra se trabalhar com design de sites com tableless a partir do Dreamweaver? Lá tem as ferramentas para DIV, mas dá pra se trabalhar tão bem quanto as tabelas?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wallace.NET    0

Wallace.NET
Postado

É como se fosse camada (por isso que existem as "div layers"), blocos de estrutura. Dê uma olhada em www.tableless.com.br que você entenderá.

Compartilhar este post

Link para o post
Compartilhar em outros sites

_ nEoN _    0

_ nEoN _
Postado

pq o dW usa posição absoluta pra todos... na verdade a maioria do pessoal q faz sites em tableless nen usa o dw, usa qualquer editor de texto, eu uso o EDIT PLUS.... ou até mesmo o notepad pra fazer...O DW poe mtoo lixo no seu codigo... acredito que na proxima versão do programa eles tenham um suporte melhor para standards, porem, se quiser fazer algo em tableless pode se acostumar com um simples editor que jah eh o bastante...

Compartilhar este post

Link para o post
Compartilhar em outros sites

mkboy    1

mkboy
Postado

Realmente se você discuidar ele usa 10 tags fonte pra mudar uma fonte!Mas eu uso-o na versão editor, pois pra programar ele muda as cores em caso de codigos não finalizados, acho isso útil, nao deixo nenhuma tag sobrando!Mas agora fiquei com receio do div, veja este que usei, que o cliente ta reclamando, no meu ta normal, no dele ele ta achando que ta em outra posicao.<div id="Layer1" style="position:absolute; left:87px; top:267px; width:198px; height:56px; z-index:2">

Compartilhar este post

Link para o post
Compartilhar em outros sites

_ nEoN _    0

_ nEoN _
Postado

position:absolute;quando se usa posição absoluta normalmente se usa um posicionamento ordenado por %, para sempre quando acontecer uma mudança de resolução, tamanho da área visivel no navegador, esse seja automaticamente orientado....dê uma pesquisa por "Fluid Layouts"

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito