Ir para conteúdo
Fórum Script Brasil
  • 0

Topo da página sempre fica com um espaço branco! :/

ROGO

Perguntado por ROGO,

 Share

Pergunta

ROGO

ROGO

Postado
Postado

Oi Pessoal, primeiramente já adianto que sou iniciante no fórum e de modo geral nas linguagens de programação também.

Tenho criado um site no Dreamweaver CS5

o site estou criando para que ele se adapte a qualquer resolução de até 1440px de largura.

O problema é que já olhei todos os topicos daqui e já testei todos os códigos de solução de problemas parecidos mas mesmo assim, um espaço branco insiste em aparecer em minha pagina!

gostaria de saber de alguém sabe a solução.. irei postar o codigo que uso, lgoo abaixo:

<html>
<head>
<title>NOME DO SITE</title>
&lt;script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

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[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<br>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!-- 
.lol {border-top:none}
  {border:none}
  .dim {
    max-width:1440px;
    } body {
margin: 0px;
padding: 0px;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('alter/imagens/teste2_15.jpg','alter/imagens/teste2_16.jpg','alter/imagens/teste2_09.jpg','alter/imagens/teste2_10.jpg','alter/imagens/teste2_11.jpg','alter/imagens/teste2_04.jpg','alter/imagens/teste2_22.jpg')">
<table id="Tabela_01" width="1441" height="1712" border="0" cellpadding="0" cellspacing="0" class="dim">
    <tr>
        <td colspan="36">
            <img src="imagens/teste2_01.jpg" width="1440" height="46" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="46" alt=""></td>
    </tr>
    <tr>
        <td colspan="36">
            <img src="imagens/teste2_02.jpg" width="1440" height="54" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="54" alt=""></td>
    </tr>
    <tr>
    <td colspan="30">
      <img src="imagens/teste2_03.jpg" width="1166" height="210" alt=""></td>
        <td colspan="4" rowspan="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image146','','alter/imagens/teste2_04.jpg',1)"><img src="imagens/teste2_04.jpg" name="Image146" width="156" height="211" border="0"></a></td>
        <td colspan="2">
            <img src="imagens/teste2_05.jpg" width="118" height="210" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="210" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="imagens/teste2_06.jpg" width="130" height="1" alt=""></td>
        <td colspan="5">
            <img src="imagens/teste2_07.jpg" width="178" height="1" alt=""></td>
        <td colspan="3">
            <img src="imagens/teste2_08.jpg" width="152" height="1" alt=""></td>
        <td colspan="5" rowspan="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image143','','alter/imagens/teste2_09.jpg',1)"><img src="imagens/teste2_09.jpg" name="Image143" width="195" height="31" border="0"></a></td>
        <td colspan="10" rowspan="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image144','','alter/imagens/teste2_10.jpg',1)"><img src="imagens/teste2_10.jpg" name="Image144" width="285" height="31" border="0"></a></td>
        <td colspan="2" rowspan="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image145','','alter/imagens/teste2_11.jpg',1)"><img src="imagens/teste2_11.jpg" name="Image145" width="197" height="31" border="0"></a></td>
        <td rowspan="2">
            <img src="imagens/teste2_12.jpg" width="29" height="31" alt=""></td>
        <td colspan="2" rowspan="2">
            <img src="imagens/teste2_13.jpg" width="118" height="31" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="1" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="imagens/teste2_14.jpg" width="130" height="30" alt=""></td>
        <td colspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image141','','alter/imagens/teste2_15.jpg',1)"><img src="imagens/teste2_15.jpg" name="Image141" width="177" height="30" border="0"></a></td>
        <td colspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image142','','alter/imagens/teste2_16.jpg',1)"><img src="imagens/teste2_16.jpg" name="Image142" width="153" height="30" border="0"></a></td>
        <td colspan="4">
            <img src="imagens/teste2_17.jpg" width="156" height="30" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="30" alt=""></td>
    </tr>
    <tr>
        <td colspan="36">
            <img src="imagens/teste2_18.jpg" width="1440" height="18" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="18" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
            <img src="imagens/teste2_19.jpg" width="25" height="91" alt=""></td>
        <td colspan="6" rowspan="3">
            <img src="imagens/teste2_20.jpg" width="210" height="91" alt=""></td>
        <td colspan="4" rowspan="3">
            <img src="imagens/teste2_21.jpg" width="210" height="91" alt=""></td>
        <td colspan="6" rowspan="3"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image147','','alter/imagens/teste2_22.jpg',1)"><img src="imagens/teste2_22.jpg" name="Image147" width="210" height="91" border="0"></a></td>
        <td rowspan="3">
            <img src="imagens/teste2_23.jpg" width="1" height="91" alt=""></td>
        <td colspan="5" rowspan="3">
            <img src="imagens/teste2_24.jpg" width="161" height="91" alt=""></td>
        <td colspan="13">
            <img src="imagens/teste2_25.jpg" width="623" height="20" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="20" alt=""></td>
    </tr>
    <tr>
        <td colspan="10">
            <img src="imagens/teste2_26.jpg" width="469" height="60" alt=""></td>
        <td colspan="3">
            <img src="imagens/teste2_27.jpg" width="154" height="60" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="60" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="imagens/teste2_28.jpg" width="7" height="11" alt=""></td>
        <td colspan="12">
            <img src="imagens/teste2_29.jpg" width="616" height="11" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="11" alt=""></td>
    </tr>
    <tr>
        <td colspan="36">
            <img src="imagens/teste2_30.jpg" width="1440" height="19" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="19" alt=""></td>
    </tr>
    <tr>
        <td colspan="13" rowspan="3">
            <img src="imagens/teste2_31.jpg" width="478" height="130" alt=""></td>
        <td colspan="23">
            <img src="imagens/teste2_32.jpg" width="962" height="13" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="13" alt=""></td>
    </tr>
    <tr>
        <td colspan="23">
            <img src="imagens/teste2_33.jpg" width="962" height="102" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="102" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="imagens/teste2_34.jpg" width="3" height="15" alt=""></td>
        <td colspan="22">
            <img src="imagens/teste2_35.jpg" width="959" height="15" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="15" alt=""></td>
    </tr>
    <tr>
        <td colspan="36">
            <img src="imagens/teste2_36.jpg" width="1440" height="24" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="24" alt=""></td>
    </tr>
    <tr>
        <td colspan="3" rowspan="2">
            <img src="imagens/teste2_37.jpg" width="74" height="349" alt=""></td>
        <td colspan="7">
            <img src="imagens/teste2_38.jpg" width="274" height="169" alt=""></td>
        <td colspan="5">
            <img src="imagens/teste2_39.jpg" width="249" height="169" alt=""></td>
        <td colspan="11">
            <img src="imagens/teste2_40.jpg" width="256" height="169" alt=""></td>
        <td colspan="2">
            <img src="imagens/teste2_41.jpg" width="250" height="169" alt=""></td>
        <td colspan="7">
            <img src="imagens/teste2_42.jpg" width="253" height="169" alt=""></td>
        <td rowspan="12">
            <img src="imagens/teste2_43.jpg" width="84" height="903" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="169" alt=""></td>
    </tr>
    <tr>
        <td colspan="7">
            <img src="imagens/teste2_44.jpg" width="274" height="180" alt=""></td>
        <td colspan="5">
            <img src="imagens/teste2_45.jpg" width="249" height="180" alt=""></td>
        <td colspan="11">
            <img src="imagens/teste2_46.jpg" width="256" height="180" alt=""></td>
        <td colspan="2">
            <img src="imagens/teste2_47.jpg" width="250" height="180" alt=""></td>
        <td colspan="7">
            <img src="imagens/teste2_48.jpg" width="253" height="180" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="180" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="10">
            <img src="imagens/teste2_49.jpg" width="71" height="554" alt=""></td>
        <td colspan="33">
            <img src="imagens/teste2_50.jpg" width="1285" height="24" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="24" alt=""></td>
    </tr>
    <tr>
        <td rowspan="9">
            <img src="imagens/teste2_51.jpg" width="3" height="530" alt=""></td>
        <td colspan="2">
            <img src="imagens/teste2_52.jpg" width="120" height="60" alt=""></td>
        <td colspan="14">
            <img src="imagens/teste2_53.jpg" width="469" height="60" alt=""></td>
        <td>
            <img src="imagens/teste2_54.jpg" width="129" height="60" alt=""></td>
        <td>
            <img src="imagens/teste2_55.jpg" width="1" height="60" alt=""></td>
        <td colspan="10">
            <img src="imagens/teste2_56.jpg" width="468" height="60" alt=""></td>
        <td colspan="4">
            <img src="imagens/teste2_57.jpg" width="95" height="60" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="60" alt=""></td>
    </tr>
    <tr>
        <td colspan="32">
            <img src="imagens/teste2_58.jpg" width="1282" height="41" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="41" alt=""></td>
    </tr>
    <tr>
        <td colspan="7" rowspan="4">
            <img src="imagens/teste2_59.jpg" width="274" height="170" alt=""></td>
        <td colspan="6">
            <img src="imagens/teste2_60.jpg" width="251" height="1" alt=""></td>
        <td colspan="9" rowspan="3">
            <img src="imagens/teste2_61.jpg" width="252" height="168" alt=""></td>
        <td colspan="3" rowspan="2">
            <img src="imagens/teste2_62.jpg" width="252" height="164" alt=""></td>
        <td colspan="7" rowspan="4">
            <img src="imagens/teste2_63.jpg" width="253" height="170" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="1" alt=""></td>
    </tr>
    <tr>
        <td colspan="6" rowspan="2">
            <img src="imagens/teste2_64.jpg" width="251" height="167" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="163" alt=""></td>
    </tr>
    <tr>
        <td colspan="3" rowspan="3">
            <img src="imagens/teste2_65.jpg" width="252" height="175" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="4" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="imagens/teste2_66.jpg" width="249" height="2" alt=""></td>
        <td colspan="10">
            <img src="imagens/teste2_67.jpg" width="254" height="2" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="2" alt=""></td>
    </tr>
    <tr>
        <td colspan="7">
            <img src="imagens/teste2_68.jpg" width="274" height="169" alt=""></td>
        <td colspan="6">
            <img src="imagens/teste2_69.jpg" width="251" height="169" alt=""></td>
        <td colspan="9">
            <img src="imagens/teste2_70.jpg" width="252" height="169" alt=""></td>
        <td colspan="7">
            <img src="imagens/teste2_71.jpg" width="253" height="169" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="169" alt=""></td>
    </tr>
    <tr>
        <td colspan="32">
            <img src="imagens/teste2_72.jpg" width="1282" height="30" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="30" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="imagens/teste2_73.jpg" width="121" height="60" alt=""></td>
        <td colspan="13">
            <img src="imagens/teste2_74.jpg" width="468" height="60" alt=""></td>
        <td colspan="3">
            <img src="imagens/teste2_75.jpg" width="131" height="60" alt=""></td>
        <td colspan="10">
            <img src="imagens/teste2_76.jpg" width="468" height="60" alt=""></td>
        <td colspan="3">
            <img src="imagens/teste2_77.jpg" width="94" height="60" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="60" alt=""></td>
    </tr>
    <tr>
        <td colspan="36">
            <img src="imagens/teste2_78.jpg" width="1440" height="185" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="185" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="imagens/spacer.gif" width="25" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="46" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="3" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="56" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="64" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="40" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="72" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="40" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="97" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="15" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="18" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="3" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="116" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="2" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="56" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="7" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="129" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="23" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="7" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="27" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="2" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="87" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="163" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="34" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="29" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="95" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="24" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="36" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="34" height="1" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="84" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
</body>
</html>

Lembrando que já tentei de tudo, e uma pah de coisas já está com 0... mas nada mudou!

Obrigado desde já;

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
ROGO

ROGO

Postado
  • Autor
Postado (editado)
O site está hospedado na WEB? Se tiver teria como postar o link?

Caso não, teria alguma imagem?

Publiquei uma pagina de testes, neste link: LINK OFF AGORA

Dai tipo o layout está em 1440px.

Eu estou tentando fazer ele se redimensionar em resoluções menores também.

Mas o código style que estou usando, simplesmente não altera nada na tabela.

Ela já está configurada pra seguir o Style que criei, para redimensionar até cerca de 1440px de largura mesmo

e no min 800px.

Não queria fazer um site pequeno pra não ficar espaços aos cantos, e nem grande para não ficar aquela barra de mover para o lado.

Obrigado, desde já!

Editado por ROGO
Link para o comentário
Compartilhar em outros sites
  • 0
*FIT*

*FIT*

Postado
Postado

Bom, em relação a parte branca no topo, isso ocorre pois seu site está todo em tabela, mas nada que um margin-top negativo não resolva.

Já em relação a sua resolução, 1440px eu acho um exagero, pois muita gente ainda usa 1280 ou 1366, ai a barra de rolagem sempre vai aparecer.

Tente fazer em 1280, e centralize o site, assim ainda vai sobrar as bordas nas laterais, porém, antes isso do que a barra de rolagem na horizontal.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...