Joao Pedro Cruz 1 Denunciar post Postado Junho 12, 2013 Olá, eu já crie um tópico sobre este assunto mas infelizmente não me ajudou. O problema é, meu site foi feito em um PC de mesa (desktop) e Nele fica tudo normal mas quando eu levo ele para o Notebook (pelo pen-drive) ele fica todo desorganizado. Ele foi feito assim: 1 imagem com um logo no fundo (tamanho de toda a tela). Uma caixa de buscas e 2 botões e um menu com algumas opções (máximo 7) e outras coisas como o ©,Termos de uso,Ajuda etc. Bom alguém poderia me ajudar? como eu deixo ele do mesmo tamanho em outras resoluções diferentes? Lembrando: Eu já tentei vários códigos CSS para ajeitar só que nada :upset: Compartilhar este post Link para o post Compartilhar em outros sites
Bruno Ferreira da Silva 6 Denunciar post Postado Junho 12, 2013 tipo lek, eu uso no css o width e height por porcentagem tenta fazer isso nas divs Compartilhar este post Link para o post Compartilhar em outros sites
Bru_ce 53 Denunciar post Postado Junho 12, 2013 Poste seu HTML e CSS, aqui ninguém é "bidu" para adivinhar seu código amigo. Compartilhar este post Link para o post Compartilhar em outros sites
Joao Pedro Cruz 1 Denunciar post Postado Junho 12, 2013 Aqui meu código: <html> <head> <title>Buff Search</title> <link rel="shortcut icon" type="image/x-icon" href="***"> </head> <body background="***"> <small style="color: rgb(255, 255, 255);"><span style="font-family: Arial; font-weight: bold;"> Buscar Imagens Vídeos Notícias Novelty Mais</span></small><br> <br> <br> <br> <form method="get" action=""><br> <br> <div style="position: absolute; top: 249px; left: 74px;"></div> <div style="position: absolute; top: 294px; left: 350px; width: 534px;"><input style="padding: 5pt; height: 25pt; width: 400pt;" type="text"><br> </div> <br> <br> <div style="position: absolute; top: 339px; left: 489px; width: 278px;"><input img="" src="***" onmouseover="***'" onmouseout="***'" style="width: 90pt; height: 22pt;" border="0" type="image"> <input img="" src="***" onmouseover="this.src='***'" onmouseout="this.src='***'" style="width: 90pt; height: 22pt;" border="0" type="image"></div> </form> <br> <br> <div style="position: absolute; height: 43px; top: 6px; left: 1116px; width: 24px;"> <form action="http://www.google.com"><input img="" src="***" onmouseover="***'" onmouseout="this.src='***'" border="0" type="image"></form> </div> <br> <div style="position: absolute; height: 73px; top: 377px; left: 382px; width: 425px;"> <p class="MsoNormal"><span style="background: white none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-size: 8pt; line-height: 115%; font-family: "Arial","sans-serif"; color: rgb(31, 73, 125);"> </span><span style="background: white none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-size: 8pt; line-height: 115%; font-family: "Arial","sans-serif"; color: rgb(31, 73, 125);"> <br> © 2013 </span></p> </div> <br> <div style="position: absolute; top: 265px; left: 646px;"><span style="font-family: Arial; color: rgb(0, 0, 153); font-weight: bold;">Português</span> <br> </div> <div style="position: absolute; top: 289px; left: 342px; width: 1px;" =""><br> </div> </body> </html> O que tiver "***" são arquivos confidenciais e que não deu para postas. Eu retirei o CSS a algum tempo e por isso o cabeçalho não tem nem uma tag de CSS. No "Body background="***">" é o fundo que tem o logo e tal's. Compartilhar este post Link para o post Compartilhar em outros sites
Bru_ce 53 Denunciar post Postado Junho 12, 2013 Entendi,Para ficar organizado faça seu site em tableless, não coloque o CSS inline.Fica horrível assim, tanto para manutenção quanto para o navegador. Crie um CSS externo e coloque lá as configurações. Compartilhar este post Link para o post Compartilhar em outros sites
Joao Pedro Cruz 1 Denunciar post Postado Junho 12, 2013 Entendi, Para ficar organizado faça seu site em tableless, não coloque o CSS inline. Fica horrível assim, tanto para manutenção quanto para o navegador. Crie um CSS externo e coloque lá as configurações. Obrigado, vou fazer isso Outra dúvida básica, eu coloquei assim no Body: <table border="2" cellspacing="0" style="width: 100%; height: 100%;"> <td><td> <td><td> <td><td> <td><rs> <ts><td> <td><td> <td><td> </table> Que no caso vai ser a tabela mas ela não ocupa toda a tela, mesmo definindo a Width em 100% e a Height ela não ocupa a tela toda, fica faltando um pouquinho, quase nada... Compartilhar este post Link para o post Compartilhar em outros sites
Bru_ce 53 Denunciar post Postado Junho 12, 2013 Zera margin e padding no seu CSS <style type="text/css"> *{ margin:0; padding:0; } </style> Compartilhar este post Link para o post Compartilhar em outros sites
Joao Pedro Cruz 1 Denunciar post Postado Junho 13, 2013 vlw Compartilhar este post Link para o post Compartilhar em outros sites