Ir para conteúdo

Arquivado

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

artur.aragao

Tableless é soda hein!!!

Por , em Desenvolvimento frontend

Recommended Posts

artur.aragao    0

artur.aragao
Postado

:blink: PutZZZ!!! Estava digitando um tempão aí apagou tudo porque a sessão havia expirado. DROGA! :angry: Bem, lá vamos nós denovo, mas com limitações pela falta de tempo. Eu desejo aprender tableless, mas não sei nem por onde começar, pois não existe um editor decente que trabalhe com esta filosofia. Fico impressionado como vocês conseguem fazer estes modelos na munheca. Achei um pouco difícil. Eu estou elaborando um Script de inventário que tem como saída um relatório no formato xhtml. A minha empreitada inicial no tableless foi um fracasso apesar de funcionar corretamente no IE 6.0. Pois desobedecia várias regras do CCS e de como estas tags trabalham com identificação. Meio que forcei a coisa como pode ser visto no código abaixo. --------------------------------------------------- <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br"> <head> <title>PCeX Inventory System v.2.0.06 r.18.03</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> </head> <style type="text/css"> <!-- a:link { color: #898989; text-decoration: none; } a:visited { color: #898989; text-decoration: none; } a:active { color: #898989; text-decoration: none; } a:hover { color: #000000; text-decoration: none; } body { font-family: Trebuchet MS; font-size: 11px; color: #000000; background-color: #B7C0CF; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F4F4F4, endColorStr=#B7C0CF, gradientType=1); } #l_head { font-family: Trebuchet MS; font-size: 11px; background-color: #757781; color: #ffffff; position: static; top:0px; left:0px; width: 650px; height: 15px; padding: 0 0 0 2; border-left: gray 1px solid; border-right: gray 1px solid; border-bottom: gray 1px solid; text-align: left; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#757781, endColorStr=#CFD0D4, gradientType=1); } #l_foot { font-family: Trebuchet MS; font-size: 11px; background-color: #757781; color: #ffffff; position: static; top:0px; left:0px; width: 648px; height: 15px; padding: 0 0 0 2; border-top: gray 1px solid; text-align: left; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#757781, endColorStr=#CFD0D4, gradientType=1); } #t_body { font-family: Trebuchet MS; font-size: 11px; background-color: #FFFFFF; color: #898989; position: static; width: 650px; padding: 0 0 0 0; border-left: gray 1px solid; border-right: gray 1px solid; text-align: center; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F4F4F4, endColorStr=#FFFFFF, gradientType=1); } #t_head { font-family: Trebuchet MS; font-size: 19px; background-color: #000000; color: #ffffff; position: static; width: 650px; height: 50px; padding: 10 0 0 0; border: 1px; border-left: gray 1px solid; border-right: gray 1px solid; border-top: gray 1px solid; border-bottom: gray 1px solid; text-align: center; cursor: hand; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#000000,endColorStr=#898989,gradientType=0); } #t_foot { font-family: Trebuchet MS; font-size: 19px; background-color: #000000; color: #ffffff; position: static; width: 648px; height: 50px; padding: 10 0 0 0; border: 1px; border-bottom: gray 1px solid; text-align: center; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#000000, endColorStr=#898989, gradientType=0); } #div_t1 { font-family: Trebuchet MS; font-size: 11px; background-color: #F4F4F4; width: 550px; padding: 2 2 2 2; margin: 0; border: 1px; border-right: gray 1px solid; border-top: gray 1px solid; border-left: gray 1px solid; border-bottom: gray 1px solid; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F4F4F4, endColorStr=#FFFFFF, gradientType=1); } .h_tmodule { font-family: Trebuchet MS; font-size: 18px; text-align: left; background-color: #000000; width: 100%; padding: 7 7 7 7; color: #ffffff; position: static; height: 40px; margin-bottom: 0px; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#000000, endColorStr=#898989, gradientType=1); } ul { margin: 0px; background-color: #FFFFFF; text-align: left; } .l_demarc { font-family: Trebuchet MS; font-size: 0px; background-color: #000000; position: static; width: 100%; margin-top: 1px; margin-bottom: 1px; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#000000, endColorStr=#898989, gradientType=1); } li.list_itens { display: inline; list-style-type: none; text-align: left; margin: 0px; } .li_itens { vertical-align: middle; padding: 2 4 2 4; } .s_line { font-family: Trebuchet MS; font-size: 10px; color: #FFFFFF; background-color: #757781; height: 20px; margin: 0px; padding: 2 0 0 5; position: static; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#757781, endColorStr=#CFD0D4, gradientType=1); } .red { color: #FF0000; } .green { color: green; } .orange { color: #FFBD19; } .l_foot { font-family: Trebuchet MS; text-align: center; background-color: #000000; color: #FFFFFF; position: static; width: 100%; height: 20px; padding: 5 5 5 5; text-align: left; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#000000, endColorStr=#898989, gradientType=1); } .showhide { cursor: hand; } #button_2 { font: menu; } --> </style> <body> <script language='javascript'> <!-- sAgent = navigator.userAgent; bIsMac = sAgent.indexOf('Mac') > -1; bIsIE = sAgent.indexOf('MSIE') > -1; bIsIE4 = sAgent.indexOf('IE 4') > -1; bIsIE5 = sAgent.indexOf('IE 5') > -1; bIsIE6 = sAgent.indexOf('IE 6') > -1; bIsIE7 = sAgent.indexOf('IE 7') > -1; bIsNav = sAgent.indexOf('Mozilla') > -1 && !bIsIE; bDoesAll = (bIsIE4 || bIsIE5 || bIsIE6 || bIsIE7) && !bIsMac; function Mostra(objItem, objItem2) { if (bDoesAll | bIsMac) { if (objItem.style.display == 'none') { objItem.style.display = ''; } else { objItem.style.display = 'none'; } } } function Mostratudo() { e = new Enumerator(document.all); for(;!e.atEnd();!e.moveNext()) { z = e.item(); if (z.id.substring(0, 3) == 'SH_') { if (bDoesAll | bIsMac) { if (z.style.display == 'none') { z.style.display = ''; } else { if (z.className != 'showhide') { z.style.display = 'none'; } } } } } } --> </script> <script language="VBScript"> Sub button_2() MsgBox "PCeX Inventory System v.2.0.06 r.18.03" & vbCrLf & vbCrLf & "Software de inventário escrito em VBScript unicamente com " & vbCrLf & "o intuito de facilitar o trabalho de Administradores de rede." & vbCrLf & vbCrlf & "Desenvolvedores responsáveis" & vbCrLf & "-------------------------------------" & vbCrLf & "Artur Aragão - aragaorj@hotmail.com" & vbCrLf & "Gildo Soares - gildosoares@gmail.com" & vbCrLf & "Vinicius Canto Xavier - scripterbr@gmail.com" & vbCrLf & "Alexandre Teixeira - ateixeira@coimex.com.br" & vbCrLf & "Flávio Bordignon - flavio@triangulodosol.com.br" & vbCrLf & "Rodrigo Andrade Araujo - foxmaster@pop.com.br" & vbCrLf & vbCrLf & "Testadores" & vbCrLf & "-------------" & vbCrLf & "Jamal Ibrahim - jamal.ibrahim@ig.com.br" & vbCrLf & "Leandro Ribeiro da Silva - leandro.silva@aebb.com.br" & vbCrLf & vbCrlf & "Versão: v.2.0.06" & vbCrLf & "Build: r.18.03" & vbCrLf & vbCrlf & "www.technetbrasil.com.br" & vbCrLf & "2004 ~ 2006", VBInformation, "PCeX Inventory System v.2.0.06 r.18.03" End Sub </script> <div id='t_head' onclick='Mostratudo();'>PCeX Inventory System v.2.0.06 r.18.03</div> <div id='l_head'>Início do inventário: 20/3/2006 às 15:15:40</div> <div id='t_body'> <br/> <div id='div_t1'> <span class='showhide' id='SH_0_txt' onclick='Mostra(SH_0,SH_0_txt);'><span class='h_tmodule'>Sumário do Sistema</span></span> <span class='l_demarc'></span> <span id='SH_0' style='display: none'> <ul class='list_itens'> <li><span class='showhide' id='SH_0a_txt' onclick='Mostra(SH_0a,SH_0a_txt);'><span class='s_line' style='width: 195px;'>COMPUTADOR</span><span class='s_line' style='width: 349px;'>MARKWAY-02</span></span></li> <span class='l_demarc'></span> <span id='SH_0a' style='display: none'> <li><span class='li_itens' style='width: 195px;'>Sistema Operacional</span><span class='li_itens' style='width: 349px;'>Microsoft Windows XP Professional</span></li> <li><span class='li_itens' style='width: 195px;'>Versão (Release)</span><span class='li_itens' style='width: 349px;'>5.1.2600</span></li> <li><span class='li_itens' style='width: 195px;'>Build</span><span class='li_itens' style='width: 349px;'>2600</span></li> <li><span class='li_itens' style='width: 195px;'>Função do Computador</span><span class='li_itens' style='width: 349px;'>Estação de Trabalho</span></li> <li><span class='li_itens' style='width: 195px;'>Idioma do Sistema</span><span class='li_itens' style='width: 349px;'>Português - Brasil</span></li> <li><span class='li_itens' style='width: 195px;'>Service Pack</span><span class='li_itens' style='width: 349px;'>Service Pack 2</span></li> <li><span class='li_itens' style='width: 195px;'>Nível de criptografia</span><span class='li_itens' style='width: 349px;'>168 Bit</span></li> <li><span class='li_itens' style='width: 195px;'>Suíte</span><span class='li_itens' style='width: 349px;'>-</span></li> <li><span class='li_itens' style='width: 195px;'>Data da instalação</span><span class='li_itens' style='width: 349px;'>12/07/2005 - 14:39:26</span></li> <li><span class='li_itens' style='width: 195px;'>Data do último boot</span><span class='li_itens' style='width: 349px;'>17/03/2006 - 09:27:07</span></li> <li><span class='li_itens' style='width: 195px;'>Data e Hora Local</span><span class='li_itens' style='width: 349px;'>20/03/2006 - 15:15:42</span></li> <li><span class='li_itens' style='width: 195px;'>Usuário registrado</span><span class='li_itens' style='width: 349px;'>INFRAPREV</span></li> <li><span class='li_itens' style='width: 195px;'>Organização registrada</span><span class='li_itens' style='width: 349px;'>INFRAPREV</span></li> <li><span class='li_itens' style='width: 195px;'>Diretório do Windows</span><span class='li_itens' style='width: 349px;'>C:\WINDOWS</span></li> <li><span class='li_itens' style='width: 195px;'>Diretório de Sistema</span><span class='li_itens' style='width: 349px;'>C:\WINDOWS\system32</span></li> <li><span class='li_itens' style='width: 195px;'>Número serial</span><span class='li_itens' style='width: 349px;'>55692-640-3871394-23750</span></li> <li><span class='li_itens' style='width: 195px;'>Chave Digital</span><span class='li_itens' style='width: 349px;'>-J</span></li> <li><span class='li_itens' style='width: 195px;'>Horário de Verão</span><span class='li_itens' style='width: 349px;'><span class='green'>Habilitado</span></span></li> <li><span class='li_itens' style='width: 195px;'>Tipo de computador</span><span class='li_itens' style='width: 349px;'>Workstation membro de um domínio</span></li> <li><span class='li_itens' style='width: 195px;'>Memória do sistema</span><span class='li_itens' style='width: 349px;'>256 MB</span></li> <li><span class='li_itens' style='width: 195px;'>Usuário logado</span><span class='li_itens' style='width: 349px;'>INFRAPREV\artur.aragao</span></li> <li><span class='li_itens' style='width: 195px;'>Tipo do sistema</span><span class='li_itens' style='width: 349px;'>X86-based PC</span></li> <li><span class='li_itens' style='width: 195px;'>Descrição</span><span class='li_itens' style='width: 349px;'>AT/AT COMPATIBLE</span></li> <li><span class='li_itens' style='width: 195px;'>Internet Explorer</span><span class='li_itens' style='width: 349px;'>6.0.2900.2180</span></li> <li><span class='li_itens' style='width: 195px;'>Outlook Express/Windows Mail</span><span class='li_itens' style='width: 349px;'>6.0.2800.2180</span></li> <li><span class='li_itens' style='width: 195px;'>DirectX</span><span class='li_itens' style='width: 349px;'>4.09.00.0904</span></li> <li><span class='li_itens' style='width: 195px;'>Media Player</span><span class='li_itens' style='width: 349px;'>10.0.0.3802</span></li> <li><span class='li_itens' style='width: 195px;'>MDAC (MS Data Access)</span><span class='li_itens' style='width: 349px;'>2.81.1117.0</span></li> <span class='l_demarc'></span> <li><span class='li_itens' style='width: 195px;'>Dispositivo de LAN</span><span class='li_itens' style='width: 349px;'>3Com EtherLink XL 10/100 PCI For Complete PC Management NIC (3C905C-TX) - Miniporta do agendador de pacotes</span></li> <li><span class='li_itens' style='width: 195px;'>Endereço Mac</span><span class='li_itens' style='width: 349px;'>00:04:75:AB:82:DA</span></li> <li><span class='li_itens' style='width: 195px;'>Endereço IP</span><span class='li_itens' style='width: 349px;'>10.31.128.41</span></li> <li><span class='li_itens' style='width: 195px;'>Máscara da Subnet</span><span class='li_itens' style='width: 349px;'>255.255.255.0</span></li> <li><span class='li_itens' style='width: 195px;'>Servidor Gateway</span><span class='li_itens' style='width: 349px;'>10.31.128.7</span></li> <li><span class='li_itens' style='width: 195px;'>Servidor DNS 1</span><span class='li_itens' style='width: 349px;'>10.31.128.23</span></li> <li><span class='li_itens' style='width: 195px;'>Servidor DNS 2</span><span class='li_itens' style='width: 349px;'>200.198.64.66</span></li> <li><span class='li_itens' style='width: 195px;'>Servidor DNS 3</span><span class='li_itens' style='width: 349px;'>200.198.64.83</span></li> <li><span class='li_itens' style='width: 195px;'>Nome do Domínio</span><span class='li_itens' style='width: 349px;'>infraprev.org.br</span></li> <li><span class='li_itens' style='width: 195px;'>Status do DHCP</span><span class='li_itens' style='width: 349px;'><span class='green'>Dinâmico</span></span></li> <li><span class='li_itens' style='width: 195px;'>Servidor DHCP</span><span class='li_itens' style='width: 349px;'>10.31.128.23</span></li> <li><span class='li_itens' style='width: 195px;'>Servidor WINS Primário</span><span class='li_itens' style='width: 349px;'>-</span></li> <li><span class='li_itens' style='width: 195px;'>Servidor WINS Secundário</span><span class='li_itens' style='width: 349px;'>-</span></li> <span class='l_demarc'></span> </span> </ul> <span class='l_foot'></span> </span> </div> <br/> <div id='div_t1'> <span class='showhide' id='SH_1_txt' onclick='Mostra(SH_1,SH_1_txt);'><span class='h_tmodule'>Centro de Segurança</span></span> <span class='l_demarc'></span> <span id='SH_1' style='display: none'> <ul class='list_itens'> <li><span class='showhide' id='SH_1a_txt' onclick='Mostra(SH_1a,SH_1a_txt);'><span class='s_line' style='width: 544px;'>PROTEÇÃO ANTIVÍRUS (SOFTWARE)</span></span></li> <span class='l_demarc'></span> <span id='SH_1a' style='display: none'> <li><span class='li_itens' style='width: 195px;'>Suporte do sistema operacional</span><span class='li_itens' style='width: 349px;'><span class='green'>Sim</span></span></li> <li><span class='li_itens' style='width: 195px;'>Antivírus</span><span class='li_itens' style='width: 349px;'>AntiVir PersonalEdition Classic Virus Protection</span></li> <li><span class='li_itens' style='width: 195px;'>Versão do Antivírus</span><span class='li_itens' style='width: 349px;'>0.0.0.0</span></li> <li><span class='li_itens' style='width: 195px;'>Fabricante</span><span class='li_itens' style='width: 349px;'>AntiVir PersonalProducts GmbH</span></li> <li><span class='li_itens' style='width: 195px;'>Escaneamento em tempo real</span><span class='li_itens' style='width: 349px;'><span class='green'>Ativado</span></span></li> <li><span class='li_itens' style='width: 195px;'>Definições de vírus</span><span class='li_itens' style='width: 349px;'><span class='green'>OK</span></span></li> <span class='l_demarc'></span> </span> <li><span class='showhide' id='SH_1b_txt' onclick='Mostra(SH_1b,SH_1b_txt);'><span class='s_line' style='width: 544px;'>PROTEÇÃO ANTIVÍRUS (HARDWARE - DEP/NX/EDB)</span></span></li> <span class='l_demarc'></span> <span id='SH_1b' style='display: none'> <li><span class='li_itens' style='width: 195px;'>Suporte do sistema operacional</span><span class='li_itens' style='width: 349px;'><span class='green'>Sim</span></span></li> <li><span class='li_itens' style='width: 195px;'>Suportado pelo processador</span><span class='li_itens' style='width: 349px;'><span class='red'>Não</span></span></li> <li><span class='li_itens' style='width: 195px;'>Proteção em aplicativos</span><span class='li_itens' style='width: 349px;'><span class='red'>Desativada</span></span></li> <li><span class='li_itens' style='width: 195px;'>Proteção em drivers</span><span class='li_itens' style='width: 349px;'><span class='red'>Desativada</span></span></li> <span class='l_demarc'></span> </span> <li><span class='showhide' id='SH_1c_txt' onclick='Mostra(SH_1c,SH_1c_txt);'><span class='s_line' style='width: 544px;'>UPDATES AUTOMÁTICOS</span></span></li> <span class='l_demarc'></span> <span id='SH_1c' style='display: none'> <li><span class='li_itens' style='width: 195px;'>Serviço de Update Automático</span><span class='li_itens' style='width: 349px;'><span class='green'>Iniciado</span></span></li> <li><span class='li_itens' style='width: 195px;'>No Auto Update</span><span class='li_itens' style='width: 349px;'>0 - Auto Update habilitado</span></li> <li><span class='li_itens' style='width: 195px;'>Uso de Servidor WSUS</span><span class='li_itens' style='width: 349px;'>1 - Cliente conectará ao servidor WSUS</span></li> <li><span class='li_itens' style='width: 195px;'>¬> Servidor WSUS</span><span class='li_itens' style='width: 349px;'><a href='http://s_infraprev03/wsusadmin' target='_blank'>http://s_infraprev03</a></span></li> <li><span class='li_itens' style='width: 195px;'>¬> Cliente WSUS</span><span class='li_itens' style='width: 349px;'><a href='http://s_infraprev03/wsusadmin' target='_blank'>http://s_infraprev03</a></span></li> <li><span class='li_itens' style='width: 195px;'>Opções do Update Automático</span><span class='li_itens' style='width: 349px;'>3 - Download automático dos updates, notificação para instalação.</span></li> <li><span class='li_itens' style='width: 195px;'>¬> Agendamento do dia</span><span class='li_itens' style='width: 349px;'>-</span></li> <li><span class='li_itens' style='width: 195px;'>¬> Agendamento da hora</span><span class='li_itens' style='width: 349px;'>-</span></li> <li><span class='li_itens' style='width: 195px;'>Reboot</span><span class='li_itens' style='width: 349px;'>Habilitado - Usuários serão notificados para reiniciar o sistema</span></li> <li><span class='li_itens' style='width: 195px;'>Reagendamento</span><span class='li_itens' style='width: 349px;'>-</span></li> <li><span class='li_itens' style='width: 195px;'>Estado do Update Automático</span><span class='li_itens' style='width: 349px;'>Ajuste inexistente</span></li> <span class='l_demarc'></span> </span> <li><span class='showhide' id='SH_1d_txt' onclick='Mostra(SH_1d,SH_1d_txt);'><span class='s_line' style='width: 544px;'>WINDOWS FIREWALL - CONFIGURAÇÃO DO PERFIL</span></span></li> <span class='l_demarc'></span> <span id='SH_1d' style='display: none'> <li><span class='li_itens' style='width: 195px;'>Windows Firewall</span><span class='li_itens' style='width: 349px;'><span class='red'>Não configurado</span></span></li> <li><span class='li_itens' style='width: 195px;'>Sem Exceções</span><span class='li_itens' style='width: 349px;'><span class='red'>Não configurado</span></span></li> <span class='l_demarc'></span> <li><span class='s_line' style='width: 544px;'>¬> APLICAÇÕES PERMITIDAS</span></li> <span class='l_demarc'></span> <li><span class='li_itens' style='width: 544px;'>%windir%\system32\sessmgr.exe</span></li> <li><span class='li_itens' style='width: 544px;'>C:\Arquivos de programas\Java\jdk1.5.0_04\jre\bin\java.exe</span></li> <li><span class='li_itens' style='width: 544px;'>C:\Arquivos de programas\BitTorrent\bittorrent.exe</span></li> <li><span class='li_itens' style='width: 544px;'>C:\Arquivos de programas\MSN Messenger\msnmsgr.exe</span></li> <li><span class='li_itens' style='width: 544px;'>C:\Arquivos de programas\MSN Messenger\msncall.exe</span></li> <span class='l_demarc'></span> <li><span class='s_line' style='width: 544px;'>¬> PORTAS PERMITIDAS</span></li> <span class='l_demarc'></span> <li><span class='li_itens' style='width: 544px;'>139:TCP</span></li> <li><span class='li_itens' style='width: 544px;'>445:TCP</span></li> <li><span class='li_itens' style='width: 544px;'>137:UDP</span></li> <li><span class='li_itens' style='width: 544px;'>138:UDP</span></li> <span class='l_demarc'></span> </span> <li><span class='showhide' id='SH_1e_txt' onclick='Mostra(SH_1e,SH_1e_txt);'><span class='s_line' style='width: 544px;'>WINDOWS FIREWALL - CONFIGURAÇÃO DO DOMÍNIO</span></span></li> <span class='l_demarc'></span> <span id='SH_1e' style='display: none'> <li><span class='li_itens' style='width: 195px;'>Windows Firewall</span><span class='li_itens' style='width: 349px;'><span class='green'>Ativo</span></span></li> <li><span class='li_itens' style='width: 195px;'>Sem Exceções</span><span class='li_itens' style='width: 349px;'><span class='red'>Desativado</span></span></li> <span class='l_demarc'></span> <li><span class='s_line' style='width: 544px;'>¬> APLICAÇÕES PERMITIDAS</span></li> <span class='l_demarc'></span> <li><span class='li_itens' style='width: 544px;'>C:\Arquivos de programas\Java\jdk1.5.0_04\jre\bin\java.exe</span></li> <li><span class='li_itens' style='width: 544px;'>C:\Arquivos de programas\DAP\DAP.exe</span></li> <li><span class='li_itens' style='width: 544px;'>C:\WINDOWS\system32\sessmgr.exe</span></li> <li><span class='li_itens' style='width: 544px;'>C:\Arquivos de programas\Java\jdk1.5.0_04\bin\java.exe</span></li> <li><span class='li_itens' style='width: 544px;'>C:\Arquivos de programas\Lexmark\MarkVision Professional\jre\bin\java.exe</span></li> <li><span class='li_itens' style='width: 544px;'>C:\Arquivos de programas\CA\eTrust Antivirus\InoRpc.exe</span></li> <li><span class='li_itens' style='width: 544px;'>C:\Arquivos de programas\CA\eTrust Antivirus\InocIT.exe</span></li> <li><span class='li_itens' style='width: 544px;'>C:\Arquivos de programas\CA\eTrust Antivirus\Realmon.exe</span></li> <li><span class='li_itens' style='width: 544px;'>C:\Arquivos de programas\CA\eTrust Antivirus\InoNmSrv.exe</span></li> <li><span class='li_itens' style='width: 544px;'>C:\Arquivos de programas\MSN Messenger\msnmsgr.exe</span></li> <li><span class='li_itens' style='width: 544px;'>C:\Arquivos de programas\MSN Messenger\msncall.exe</span></li> <span class='l_demarc'></span> <li><span class='s_line' style='width: 544px;'>¬> PORTAS PERMITIDAS</span></li> <span class='l_demarc'></span> <li><span class='li_itens' style='width: 544px;'>139:TCP</span></li> <li><span class='li_itens' style='width: 544px;'>445:TCP</span></li> <li><span class='li_itens' style='width: 544px;'>137:UDP</span></li> <li><span class='li_itens' style='width: 544px;'>138:UDP</span></li> <span class='l_demarc'></span> </span> </ul> <span class='l_foot'></span> </span> </div> </br> <div id='l_foot'>Término do inventário: 20/3/2006 às 15:15:47</div> <div id='t_foot' align='center'> <INPUT TYPE='button' ID='button_2' NAME='button_2' VALUE='Informação' onclick='button_2()'> </div> </div> </body> </html> -------------------------------------------------- Pois bem, iniciei uma nova interface, mas me perdi logo. O resultado é o que está abaixo. Queria tanto saber direito como fazer as linhas e spans ficarem da mesma forma como consegui no IE com o molde anterior. -------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>PCeX Project - VISTA STYLE</title> <style type="text/css"> <!-- body { font-size: 9pt; font-family: 'Trebuchet MS'; margin: 0px; } #corpo_pagina { width: 100%; position: static; height: 100%; background-color: white; padding-top: 10px; } h1 { text-align: center; } .window { border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; width: 500px; border-bottom: black 1px solid; height: 200px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 0px; } .main { font-family: Trebuchet MS; font-size: 11px; background-color: #F4F4F4; border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid; width: 100%; height: 100%; margin: 0; padding: 0px; } ul { text-align: left; margin: 0px; } li.lista { display: inline; list-style-type: none; text-align: left; margin: 0px; } .itens { vertical-align: middle; padding: 2 4 2 4; } --> </style> </head> <body> <div id="corpo_pagina" align="center"> <!-- Estrutura Principal --> <div class="window"> <h1>sumario</h1> <div class="main"> <ul class="lista"> <li><span class="itens" style="width: 200px;">Computador</span><span class="itens" style="width: 300px;">Athlon64</span></li> <li><span class="itens" style="width: 200px;">Processador</span><span class="itens" style="width: 300px;">Athlon 64 3000+</span></li> <li><span class="itens" style="width: 200px;">Memória</span><span class="itens" style="width: 300px;">1023MB</span></li> </ul> </div> </div> <br /> <div class="window"> <h1>Processador</h1> <div class="main"> <ul class="lista"> <li><span class="itens" style="width: 200px;">CPU</span><span class="itens" style="width: 300px;">Athlon 64 3000+</span></li> <li><span class="itens" style="width: 200px;">Clock</span><span class="itens" style="width: 300px;">2000Mhz</span></li> <li><span class="itens" style="width: 200px;">Cache L2</span><span class="itens" style="width: 300px;">512KB</span></li> </ul> </div> </div> <br /> </div> <!-- Fim da Estrutura Principal --> </body> </html> --------------------------------------------------- Queria que esta droga ficasse assim: --------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <table width="500" height="247" border="1" cellpadding="5" cellspacing="0" bordercolor="#000000"> <tr> <td height="245" bgcolor="#66FFFF"> <div align="center"><font size="6" face="Arial, Helvetica, sans-serif">SUMARIO </font></div> <table width="100%" height="197" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr> <td height="195" colspan="2"><table width="100%" height="196" border="0" cellpadding="0" cellspacing="0"> <tr bgcolor="#3399FF"> <td height="30">Processador</td> <td height="30">Athlon 64 3000+</td> </tr> <tr bgcolor="#3399FF"> <td height="30">Teste</td> <td height="30">teste</td> </tr> <tr bgcolor="#FFFF66"> <td height="30" colspan="2">Outras configurações</td> </tr> <tr bgcolor="#CCCCCC"> <td height="30">teste</td> <td height="30">teste</td> </tr> <tr bgcolor="#CCCCCC"> <td height="30">teste</td> <td height="30">teste</td> </tr> </table></td> </tr> </table></td> </tr> </table> </body> </html> ---------------------------------------------- Me ajudem por favor. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <table width="500" height="247" border="1" cellpadding="5" cellspacing="0" bordercolor="#000000"> <tr> <td height="245" bgcolor="#66FFFF"> <div align="center"><font size="6" face="Arial, Helvetica, sans-serif">SUMARIO </font></div> <table width="100%" height="197" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr> <td height="195" colspan="2"><table width="100%" height="196" border="0" cellpadding="0" cellspacing="0"> <tr bgcolor="#3399FF"> <td height="30">Processador</td> <td height="30">Athlon 64 3000+</td> </tr> <tr bgcolor="#3399FF"> <td height="30">Teste</td> <td height="30">teste</td> </tr> <tr bgcolor="#FFFF66"> <td height="30" colspan="2">Outras configurações</td> </tr> <tr bgcolor="#CCCCCC"> <td height="30">teste</td> <td height="30">teste</td> </tr> <tr bgcolor="#CCCCCC"> <td height="30">teste</td> <td height="30">teste</td> </tr> </table></td> </tr> </table></td> </tr> </table> </body> </html>_________________Novato é soda!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Artur,

 

Primeiro -> você disse q não sabe nem por onde começar....bom, se eu ou outra pessoa daqui ainda não lhe indicou, entre nesses sites e estuda:

 

www.maujor.com ; www.tableless.com.br ; www.revolucao.etc.br ; www.w3schools.org; www.brunodulcetti.com

 

Fora o q você pode encontrar aqui no forum (pesquisando) e na net (tb pesquisando)!!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Segundo -> Como diz o Bruno, nada de CÓDIGOS, links por favor.....

você nâo tem nada on line pra facilitar??? Ajuda o pessoal aqui do forum (em consenquencia, você tb) pq torna mais rápido as coisas!!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Olhar (tantos) código assim é complicado.....

 

Terceiro -> Não sei se tem editores muitos específicos para essa "filosofia", talvez um TopStyle da vida. você pode até achar complicado trabalhar na "munheca", mas depois acostuma e ai começa a detonar!!!!

 

É isso, abraços!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

É verdade, melhor ainda não ter um editor CSS que 'facilite' demais a vida do desenvolvedor, senão vira aquela bagunça q ocorreu com os editores visuais... quer aprender css, faz q nem eu, leia, leia leia, e leia sempre, ai qdo você começar a achar q ta entendendo algo... volta a estudar pq você não sabe nada, nem eu nem ninguém... é vivendo e aprendendo http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

[ ]'s

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