|
|
Linha 1: |
Linha 1: |
| + | <!DOCTYPE html> |
| <html> | | <html> |
| + | <head> |
| + | <style> |
| + | /** This is just for coloring: */ |
| + | table { border: 1px solid #CC0; } |
| + | td { border: 1px solid #CCC; } |
| + | |
| + | table { |
| + | width: 100%; |
| + | table-layout: fixed; |
| + | } |
| + | |
| + | #first { |
| + | width: 300px; |
| + | } |
| + | </style> |
| + | </head> |
| + | <body> |
| + | |
| + | <p> |
| + | This play with table-layout:fixed; and applying the width to colgroup or col element. Firefox only recongize the width if it is applied on col element!</p> |
| + | <p> |
| + | On a perfect browser, both tables should look the same</p> |
| + | |
| + | <dl> |
| + | <dt>colgroup</dt> |
| + | <dd>300 px width is applied to the first colgroup element</dd> |
| + | </dl> |
| + | <div style="width: 400px;"> |
| + | <table> |
| + | <colgroup id="first" /></colgroup> |
| + | <colgroup id="second"/></colgroup> |
| + | <colgroup id="third" /></colgroup> |
| + | <tr> |
| + | <td>Very long?</td> |
| + | <td>#</td> |
| + | <td>$</td> |
| + | </tr> |
| + | </table> |
| </div> | | </div> |
− | <div id="pag_produtos">
| |
− | <div id="container_banners">
| |
− | <div id="botoes_principais">
| |
− | <div id="big_hosp">
| |
− | <a class="hosp_ico" href="http://wiki.locaweb.com.br/pt-br/Categoria:Hospedagem">
| |
− | </a>
| |
− | <div id="titulos">
| |
− | <p>
| |
− | <span class="titbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Categoria:Hospedagem">
| |
− | HOSPEDAGEM DE SITES
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | </div>
| |
− | <div id="links_banner">
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/FTP">
| |
− | FTP - Acesse ou altere sua senha.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Gerenciador_de_dom%C3%ADnios">
| |
− | Insira um domínio na hospedagem.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Como_criar,_editar_ou_excluir_entradas_no_DNS">
| |
− | Crie e gerencie entradas de DNS.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Formul%C3%A1rios_de_Envio">
| |
− | Crie um formulário de contatos.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Informa%C3%A7%C3%B5es_de_acesso_ao_banco_MySQL">
| |
− | Acesso ao banco MySQL.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | </div>
| |
− | <div class="see_buttom">
| |
− | <a class="seemore see_hosp" href="http://wiki.locaweb.com.br/pt-br/Categoria:Hospedagem">
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− | <div id="big_email">
| |
− | <a class="email_ico" href="http://wiki.locaweb.com.br/pt-br/Categoria:E-mail">
| |
− | </a>
| |
− | <div id="titulos">
| |
− | <p>
| |
− | <span class="titbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Categoria:E-mail">
| |
− | SERVIÇOS DE EMAIL
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | </div>
| |
− | <div id="links_banner">
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Configurando_E-mail">
| |
− | Configure seu e-mail.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Alterar_senha_do_e-mail_-_Novo_Painel_de_E-mail">
| |
− | Altere a senha da conta.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Assinatura_com_imagem_-_Webmail">
| |
− | Inclua uma assinatura de e-mail.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Criando_e-mails_-_Via_Central_do_Cliente">
| |
− | Crie uma caixa postal.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Configura%C3%A7%C3%A3o_de_MX">
| |
− | Configuração de MX.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | </div>
| |
− | <div class="see_buttom">
| |
− | <a class="seemore see_email" href="http://wiki.locaweb.com.br/pt-br/Categoria:E-mail">
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− | <div id="big_cloud">
| |
− | <a class="cloud_ico" href="http://wiki.locaweb.com.br/pt-br/Categoria:Cloud">
| |
− | </a>
| |
− | <div id="titulos">
| |
− | <p>
| |
− | <span class="titbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Categoria:Cloud">
| |
− | CLOUD
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | </div>
| |
− | <div id="links_banner">
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Acesso_-_Servidores_Linux">
| |
− | Acesso - Servidores Linux.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Acesso_-_Servidores_Windows">
| |
− | Acesso - Servidores Windows.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Snapshot_-_Cloud_Server_Pro">
| |
− | Snapshot.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Firewall_-_Cloud_Server_Pro">
| |
− | Firewall - Cloud Server Pro.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Atualiza%C3%A7%C3%A3o_do_XenTools_Cloud_Server_Pro">
| |
− | Atualização do XenTools - Cloud Server Pro.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | </div>
| |
− | <div class="see_buttom" style=align:center href="http://wiki.locaweb.com.br/pt-br/Categoria:Cloud">
| |
− | <a class="seemore see_cloud" href="http://wiki.locaweb.com.br/pt-br/Categoria:Cloud">
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− | <div id="big_cdc">
| |
− | <a class="cdc_ico" href="http://wiki.locaweb.com.br/pt-br/Categoria:Central_do_Cliente">
| |
− | </a>
| |
− | <div id="titulos">
| |
− | <p>
| |
− | <span class="titbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Categoria:Central_do_Cliente">
| |
− | CENTRAL DO CLIENTE
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | </div>
| |
− | <div id="links_banner">
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Obter_2%C2%AA_Via_do_Boleto">
| |
− | Obter 2ª via de Boleto.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Detalhar_Fatura">
| |
− | Detalhamento de fatura.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Reativar_Servi%C3%A7o_com_Pend%C3%AAncia_de_Pagamento">
| |
− | Reative seus serviços.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Acessando_a_Central_do_Cliente_pelo_celular">
| |
− | Aplicativo Central do Cliente.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | <p class="set_hosp set_links">
| |
− | <span class="linksbox">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Dados_Cadastrais">
| |
− | Dados Cadastrais.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | </div>
| |
− | <div class="see_buttom">
| |
− | <a class="seemore see_cdc" href="http://wiki.locaweb.com.br/pt-br/Categoria:Central_do_Cliente">
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− | <div id="botoes_tab01">
| |
− | <div id="bot285px">
| |
− | <div id="title_prods">
| |
− | <a class="reg_ico" href="http://wiki.locaweb.com.br/pt-br/Registro">
| |
− | </a>
| |
− | <span class="title_box">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Registro">
| |
− | REGISTRO DE DOMÍNIO
| |
− | </a>
| |
− | </span>
| |
− | <span class="text_box">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Registro">
| |
− | Aprenda a transferir o seu domínio para a Locaweb.
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | <div id="criador_bot">
| |
− | <div id="title_produtos">
| |
− | <a class="criador_ico icos" href="http://wiki.locaweb.com.br/pt-br/Criador_de_Sites">
| |
− | </a>
| |
− | <span class="title_box2">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Criador_de_Sites">
| |
− | CRIADOR DE SITES
| |
− | </a>
| |
− | </span>
| |
− | </div>
| |
− | </div>
| |
− | <div id="orago_bot">
| |
− | <div id="title_produtos">
| |
− | <a class="orago_ico icos" href="http://wiki.locaweb.com.br/pt-br/Categoria:Revenda_E-mail_Marketing">
| |
− | </a>
| |
− | <span class="title_box2 title_gestatm">
| |
− | <a href="http://wiki.systemintegration.locaweb.com.br/pt-br/Categoria:Revenda_E-mail_Marketing">
| |
− | REVENDA EMAIL MARKETING
| |
− | </a>
| |
− | </span>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div id="botoes_tab02">
| |
− | <div id="emkt_bot">
| |
− | <div id="title_produtos">
| |
− | <a class="emkt_ico icos" href="http://wiki.locaweb.com.br/pt-br/Email_Marketing">
| |
− | </a>
| |
− | <span class="title_box2">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Email_Marketing">
| |
− | EMAIL MARKETING
| |
− | </a>
| |
− | </span>
| |
− | </div>
| |
− | </div>
| |
− | <div id="smtp_bot">
| |
− | <div id="title_produtos">
| |
− | <a class="smtp_ico icos" href="http://wiki.locaweb.com.br/pt-br/Categoria:SMTP_Locaweb">
| |
− | </a>
| |
− | <span class="title_box2">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Categoria:SMTP_Locaweb">
| |
− | SMTP LOCAWEB
| |
− | </a>
| |
− | </span>
| |
− | </div>
| |
− | </div>
| |
− | <div id="plesk_bot">
| |
− | <div id="title_produtos">
| |
− | <a class="plesk_ico icos" href="http://wiki.locaweb.com.br/pt-br/Planos_revenda_plesk">
| |
− | </a>
| |
− | <span class="title_box2">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Planos_revenda_plesk">
| |
− | REVENDA PLESK
| |
− | </a>
| |
− | </span>
| |
− | </div>
| |
− | </div>
| |
− | <div id="cpanel_bot">
| |
− | <div id="title_produtos">
| |
− | <a class="cpanel_ico icos" href="http://wiki.locaweb.com.br/pt-br/Categoria:Revenda_cPanel">
| |
− | </a>
| |
− | <span class="title_box2">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Categoria:Revenda_cPanel">
| |
− | REVENDA CPANEL
| |
− | </a>
| |
− | </span>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div id="botoes_tab03">
| |
− | <div id="dedic_bot">
| |
− | <div id="title_produtos">
| |
− | <a class="dedic_ico icos" href="http://wiki.locaweb.com.br/pt-br/Categoria:Servi%C3%A7os_Corporativos">
| |
− | </a>
| |
− | <span class="title_box2 title_gestatm">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Categoria:Servi%C3%A7os_Corporativos">
| |
− | SERVIDORES DEDICADOS
| |
− | </a>
| |
− | </span>
| |
− | </div>
| |
− | </div>
| |
− | <div id="jelastic_bot">
| |
− | <div id="title_produtos">
| |
− | <a class="jelastic_ico icos" href="http://wiki.locaweb.com.br/pt-br/Categoria:Jelastic">
| |
− | </a>
| |
− | <span class="title_box2">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Categoria:Jelastic">
| |
− | JELASTIC
| |
− | </a>
| |
− | </span>
| |
− | </div>
| |
− | </div>
| |
− | <div id="eventials_bot">
| |
− | <div id="title_produtos">
| |
− | <a class="eventials_ico icos" href="http://suporte.eventials.com/hc/pt-br">
| |
− | </a>
| |
− | <span class="title_box2">
| |
− | <a href="http://suporte.eventials.com/hc/pt-br">
| |
− | EVENTIALS
| |
− | </a>
| |
− | </span>
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | <div id="gestatm_bot">
| |
− | <div id="title_produtos">
| |
− | <a class="gestatm_ico icos" href="http://wiki.locaweb.com.br/pt-br/Categoria:Backup_de_Sites">
| |
− | </a>
| |
− | <span class="title_box2 title_gestatm">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Categoria:Backup_de_Sites">
| |
− | BACKUP PRO
| |
− | </a>
| |
− | </span>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div id="botoes_tab04">
| |
− | <div id="comeletro_bot">
| |
− | <div id="title_produtos">
| |
− | <a class="comeletro_ico icos" href="http://wiki.locaweb.com.br/pt-br/Categoria:Com%C3%A9rcio_eletr%C3%B4nico">
| |
− | </a>
| |
− | <span class="title_box2 title_gestatm">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Categoria:Com%C3%A9rcio_eletr%C3%B4nico">
| |
− | COMÉRCIO ELETRÔNICO
| |
− | </a>
| |
− | </span>
| |
− | </div>
| |
− | </div>
| |
− | <div id="pabx_bot">
| |
− | <div id="title_produtos">
| |
− | <a class="pabx_ico icos" href="http://wiki.locaweb.com.br/pt-br/Categoria:PABX_Virtual">
| |
− | </a>
| |
− | <span class="title_box2">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Categoria:PABX_Virtual">
| |
− | PABX VIRTUAL
| |
− | </a>
| |
− | </span>
| |
− | </div>
| |
− | </div>
| |
− | <div id="stream_bot">
| |
− | <div id="title_produtos">
| |
− | <a class="stream_ico icos" href="http://wiki.locaweb.com.br/pt-br/Categoria:Streaming_Locaweb">
| |
− | </a>
| |
− | <span class="title_box2">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Categoria:Streaming_Locaweb">
| |
− | STREAMING LOCAWEB
| |
− | </a>
| |
− | </span>
| |
− | </div>
| |
− | </div>
| |
− | <div id="gfw_bot">
| |
− | <div id="title_produtos">
| |
− | <a class="gfw_ico icos" href="http://wiki.locaweb.com.br/pt-br/Categoria:Gmail_for_Work">
| |
− | </a>
| |
− | <span class="title_box2">
| |
− | <a href="http://wiki.locaweb.com.br/pt-br/Categoria:Gmail_for_Work">
| |
− | GMAIL FOR WORK
| |
− | </a>
| |
− | </span>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div id="guias">
| |
− | <div id="titulo_guias">
| |
− | <p>
| |
− | Não quer ler? Não tem problema, veja um vídeo!
| |
− | </p>
| |
− | <div id="botoes_suporte">
| |
− | <a class="botao_webinars" href="http://cursos.locaweb.com.br/">
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </html>
| |
| | | |
| + | <dl> |
| + | <dt>col</dt> |
| + | <dd>Each colgroup has an additional col element. The first col element is applied the 300 px width</dd> |
| + | </dl> |
| + | |
| + | <div style="width: 400px;"> |
| + | <table> |
| + | <colgroup><col id="first" /></colgroup> |
| + | <colgroup><col id="second"/></colgroup> |
| + | <colgroup><col id="third" /></colgroup> |
| + | <tr> |
| + | <td>Very long?</td> |
| + | <td>#</td> |
| + | <td>$</td> |
| + | </tr> |
| + | </table> |
| + | </div> |
| | | |
| | | |
<!DOCTYPE html>
<html>
<head>
<style>
/** This is just for coloring: */
table { border: 1px solid #CC0; }
td { border: 1px solid #CCC; }
This play with table-layout:fixed; and applying the width to colgroup or col element. Firefox only recongize the width if it is applied on col element!
Enable comment auto-refresher
Johnny vaz
Link permanente |
Usuário anônimo #1
Link permanente |
Usuário anônimo #1
Link permanente |
Luiz ricardo
Link permanente |
Luiz ricardo
Link permanente |
Luiz ricardo
Link permanente |
Johnny vaz
Link permanente |