Spice Boy Postado Julho 3, 2010 Denunciar Share Postado Julho 3, 2010 Oi gente!eu to fazendo tudo certo, pelo menos eu axoolha ai o code:<html> <head> <meta http-equiv="Content-Language" content="pt-br"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Nova pagina 1</title> </head> <STYLE type="text/css"> #noticias{ height: 100%; width: 577px; position:fixed; left:0; top:0; z-index: 99; overflow:visible; } #ads{ height: 620px; width: 180px; position:fixed; float: left; margin:10px; left:0; top:0; z-index: 99; overflow:visible; } #enquete{ height: 217px; width: 259px; position:fixed; left:0; top:0; z-index: 99; overflow:visible; } #lightbox{ height: 100%; width: 577px; position:fixed; float: left; left:0; top:0; z-index: 98; overflow:visible; background-color:#0E070E; opacity:0.9; filter:alpha(opacity=90); } </STYLE> <body topmargin="0" bgcolor="#150B15"> <p> <img border="0" src="banner.jpg" width="800" height="440"></p> <div id="lightbox"> <p style="margin-top: 5; margin-bottom: 0" align="center"> <img border="0" src="noticias.png" width="566" height="36"></div> <div id="lightbox"> </div> <div id="ads"> <script src="http://www.fansitehost.org/ad_code_160.js"></script></div> <div id="lightbox"> </div> <div id="enquete"> </div> </body> </html>a div ADS não fica ao lado da div noticias...o codigo ta errado? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 *FIT* Postado Julho 3, 2010 Denunciar Share Postado Julho 3, 2010 Bom, na verdade seu código tem 1 erro, não costuma se usar o mesmo id para dois elementos, e no caso você está usando o id lightbox em 3, apesar que isso não vai influenciar no problema.Outra coisa, seu código não tem nenhuma div "noticias", talvez por isso ela não fique aonde queira. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Spice Boy Postado Julho 3, 2010 Autor Denunciar Share Postado Julho 3, 2010 coloquei ela la FIT, mas mesmo assim não foi nada pro lugar olha:<html> <head> <meta http-equiv="Content-Language" content="pt-br"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Nova pagina 1</title> </head> <STYLE type="text/css"> #noticias{ height: 100%; width: 577px; position:fixed; left:0; top:0; z-index: 99; overflow:visible; } #ads{ height: 620px; width: 180px; position:fixed; float: left; margin:10px; left:0; top:0; z-index: 99; overflow:visible; } #enquete{ height: 217px; width: 259px; position:fixed; left:0; top:0; z-index: 99; overflow:visible; } #lightbox{ height: 100%; width: 577px; position:fixed; float: left; left:0; top:0; z-index: 98; overflow:visible; background-color:#0E070E; opacity:0.9; filter:alpha(opacity=90); } #adslightbox{ height: 100%; width: 577px; position:fixed; float: left; left:0; top:0; z-index: 98; overflow:visible; background-color:#0E070E; opacity:0.9; filter:alpha(opacity=90); } #enquetebox{ height: 259px; width: 217px; position:fixed; float: left; left:0; top:0; z-index: 98; overflow:visible; background-color:#0E070E; opacity:0.9; filter:alpha(opacity=90); } </STYLE> <body topmargin="0" bgcolor="#150B15"> <p> <img border="0" src="banner.jpg" width="800" height="440"></p> <div id="lightbox"> </div> <div id="noticias"> </div> <div id="ads"> <script src="http://www.fansitehost.org/ad_code_160.js"></script></div> <div id="adsbox"> </div> </div> <div id="enquetebox"> </div> <div id="enquete"> </div> </body> </html> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 *FIT* Postado Julho 3, 2010 Denunciar Share Postado Julho 3, 2010 Tem o link? Assim fica mais facil de ver o que está acontecendo.Mas uma dica seria colocar um float left na div noticias. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Spice Boy Postado Julho 3, 2010 Autor Denunciar Share Postado Julho 3, 2010 Tem o link? Assim fica mais facil de ver o que está acontecendo.Mas uma dica seria colocar um float left na div noticias.ai o link http://www.spicegirlsforeverbrasil.com.br/teste/ Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 *FIT* Postado Julho 4, 2010 Denunciar Share Postado Julho 4, 2010 Nossa cara, ta tudo muito confuso, como é que tem que ficar? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Spice Boy Postado Julho 5, 2010 Autor Denunciar Share Postado Julho 5, 2010 Nossa cara, ta tudo muito confuso, como é que tem que ficar?FIT eu refi os codigos olha:http://www.spicegirlsforeverbrasil.com.br/teste/e mesmo assim não ficou nada no lugar...eles tem q ficar nessa posição: http://i11.photobucket.com/albums/a181/sgfb/lay02.jpgjá tentei de tudo, mas elas não ficam no lugar de jeito nenhum... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Spice Boy Postado Julho 6, 2010 Autor Denunciar Share Postado Julho 6, 2010 alguém? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 *FIT* Postado Julho 6, 2010 Denunciar Share Postado Julho 6, 2010 Boa Tarde, evite fazer o que fez acima, postando repetidamente, antes que alguém responda. Qualquer duvida da uma lida na Regra 3.8 ;)Em relação ao seu código, esta bem confuso, preciso parar e analisar certinho para poder dar uma resposta mais precisa, mas já vou adiantando que não vai ser em uma coisa só que terá que mexer.De imediato, aconselho um div global, e todas as outras dentro dela, e não diretamente "soltas" no html. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Spice Boy Postado Julho 6, 2010 Autor Denunciar Share Postado Julho 6, 2010 ops, me desculpa pelo flood...e tipo, sobre a Div Global, eu to entendendo, mas ai é so eu usar esse codigo de uma div, e depois eu colocar outras divs dentro dela? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 *FIT* Postado Julho 6, 2010 Denunciar Share Postado Julho 6, 2010 Bom, isso já vai facilitar para alinhas as outras depois, pois você define o tamanho dela de acordo com o tamanho total das divs juntas (no caso o tamanho do site).Mas mesmo assim ainda vai precisar mexer em algumas coisas para arrumar, como disse não tive tempo de sentar com calma pra ver isso ainda, logo mais vejo isso. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Spice Boy Postado Julho 6, 2010 Autor Denunciar Share Postado Julho 6, 2010 (editado) editado dia 14/07Eu criei 3 divs, e usei tabela dentro de uma delas e dividi a tabela em 3 partes...gente, eu to quase conseguindo, mas quando muda as resoluções de tela as divs so ficam no canto...ai o print com a resolução 800x600IEhttp://img59.imageshack.us/img59/7561/printie.jpgFIREFOXhttp://img153.imageshack.us/img153/9581/printmozila.jpgso q se eu vizualizar com a resolução 1024x768 as divs fican no canto:IEhttp://img641.imageshack.us/img641/4001/printie2.jpgFIREFOXhttp://img269.imageshack.us/img269/3474/printmozila2.jpgEu usei tabelas dentro da div, olha ai o code:<html> <head> <meta http-equiv="Content-Language" content="pt-br"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Nova pagina 3</title> </head> <STYLE type="text/css"> #layout { /** largura **/ width: 800px; /** altura **/ height: 100%; position:fixed; } #noticias { /** cor do fundo **/ background-color: #0E070E; /** largura **/ width: 557px; /** altura **/ height: 100%; float: left; } #ads { /** cor do fundo **/ background-color: #0E070E; /** largura **/ width: 168px; /** altura **/ height: 608px; float: right; margin:5px; } #enquete { /** largura **/ width: 553px; /** altura **/ height: 100%; float: left; margin:3px; } </STYLE> <body topmargin="0" bgcolor="#150B14"> <center> <p> <img border="0" src="banner.jpg" width="800" height="440"></p> </center> <div id="noticias"> <p align="left" style="margin-top: 6"> <img border="0" src="noticias.png" width="566" height="36"></div> <center> <div id="ads"></div><div id="enquete"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="553" id="AutoNumber1" height="291"> <tr> <td width="275" height="291" bgcolor="#0E070E" valign="top" rowspan="3"> <p style="margin-top: 5"> <img border="0" src="enquete.png" width="177" height="33"></td> <td width="8" height="303" rowspan="3"> </td> <td width="270" height="207" bgcolor="#0E070E" valign="top"> <p style="margin-top: 5"> <img border="0" src="fadomes.png" width="177" height="33"></td> </tr> <tr> <td width="270" height="3"></td> </tr> <tr> <td width="270" height="98" bgcolor="#0E070E" valign="top"> <p style="margin-top: 5"> <img border="0" src="top.png" width="177" height="33"></td> </tr> </table> </div></body> </center> </html>bom, to quase xegando lá XDgostaria de saber se alguém ai pode me ajudar com isso? Editado Julho 14, 2010 por Spice Boy Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 *FIT* Postado Julho 14, 2010 Denunciar Share Postado Julho 14, 2010 Você chegou a usar a dica que eu dei? Usando uma div global, que engloba todas as outras?Faça isso e centralize essa div, como as outras estarão dentro dela, também ficarão centralizadas. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Spice Boy Postado Julho 14, 2010 Autor Denunciar Share Postado Julho 14, 2010 Você chegou a usar a dica que eu dei? Usando uma div global, que engloba todas as outras?Faça isso e centralize essa div, como as outras estarão dentro dela, também ficarão centralizadas.Oi Fiteu tenter axar na net como fazer a div global, mas não axei nada (eu sou burro né?)teria como você postar o codigo de div global??? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 *FIT* Postado Julho 14, 2010 Denunciar Share Postado Julho 14, 2010 Não tem código de div global Spice Boy, vou te explicar melhor.O que eu quero dizer com div global é apenas um div aonde todas as outras divs vão estar, por exemplo:<div id="global"> <div id="topo"></div> <div id="conteudo"></div> <div id="menu"></div> <div id="rodape"></div> </div>Assim, você pode percerber que existe uma div que engloba todo o site, sem conteudos e textos direto nela, apenas outras divs, assim, como eu havia citado, você centraliza essa div, determinar um tamanho pra ela, normalmente 900 ou 1000px de largura, e a altura vai depender do conteudo do seu site, a partir dai, você configura as outras dentro dela. Isso facilita muito na organização, é como se fosse uma tabela, você não monta uma tabela e configura os textos e todo resto a partir das <TD>? A idéia é a mesma, só que com divs, que é muito melhor. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Spice Boy Postado Julho 14, 2010 Autor Denunciar Share Postado Julho 14, 2010 tipo asssim:<div id="global"> <div id="noticias"></div> <div id="ads"></div> <div id="conteudo01"></div> <div id="conteudo02"></div> </div> CSS da div global <STYLE type="text/css"> #global { /** largura **/ width: 800px; /** altura **/ height: 100%; position:fixed; }??? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 *FIT* Postado Julho 14, 2010 Denunciar Share Postado Julho 14, 2010 Bom, a idéia é essa, agora o CSS dela, vai de acordo com o que você precisa, só aconselho alinhar no centro. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Spice Boy Postado Julho 15, 2010 Autor Denunciar Share Postado Julho 15, 2010 namoral, desisto!nada fica bom...nossa, meu layout mais legal, acabou indo por agua a baixo... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 *FIT* Postado Julho 15, 2010 Denunciar Share Postado Julho 15, 2010 Cara, como já tinhamos dito a uma semana ou duas, tanto eu como o Thelon, da uma boa estudada em CSS primeiro, entenda como os elementos se comportam na página, veja para que, como e onde usar cada atributo, eu até poderia fazer a estrutura para você, porém tempo custa dinheiro, e o intuito do fórum e dar as coordenadas, fazer com que as pessoas entendam o porque e aonde estão errando, mostrar como resolver e tal.Não precisa saber tudo, mesmo porque acho muito dificil alguém aqui saber, afinal, estamos todos aqui para aprender, mas para começar a desenvolver, precisamos ao menos ter uma boa noção de como tudo vai se desenrolar. Fica o conselho mais uma vez, e não precisa ter pressa de aprender tudo, vai com calma e não desista porque não está dando certo, tente aprender um pouco mais, e ai sim re-comece, com novas "forças".Qualquer dúvida, continuamos por aqui. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Spice Boy Postado Julho 15, 2010 Autor Denunciar Share Postado Julho 15, 2010 Obrigado por tudo mesmo FITmas eu já perdi mais de 1 mês com esse layout... já tentei de tudo mesmo, e olha q eu tava bem animado em fazer um layout estilo portal...é uma pena eu desistir mesmo, mas é q eu já to atrazado pacas por causa dissoo jeito q eu fazer outro mesmo, no estilo comum: banner + 2 colunas e nada de CSSabração ^^ Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Spice Boy
Oi gente!
eu to fazendo tudo certo, pelo menos eu axo
olha ai o code:
a div ADS não fica ao lado da div noticias...
o codigo ta errado?
Link para o comentário
Compartilhar em outros sites
19 respostass a esta questão
Posts Recomendados
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.