Refazendo site

[pa_bruno 0]

Este post foi enviado pelo renanfrog... mas como estava entrando num post q naum tinha a ver, estou colocando num tópioco separado... ;)

 

to refazendo um site meu em tableless... to apanhando mas tem uma prévia aqui, da uma olhada pra você ver:

 

http://www.cineimperfeito.com.br/v2/index.htm

 

Ve ai o q você acha!!

 

bom, naum sei como você está fazendo, se é dinâmico, etc... mas em um novo paragrafo, ao invés de utilizar 2 <br />s eu utilizaria um <p> ;)

 

ao invés de <strong> utilize <b>, ou entaum um <hn> mesmo... ;)

 

no rodapé, utilize listas... ;)

 

como eh a párte de edição anteriores? se você mermo editar, deixe em listas e coloque as imagens como background no css... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

bom, isso na parte de codigo... aogra no visual, tah meio tenebroso, mto cinza... meio morto... uma cor ia dar uma revigorada, uma levantada... tah mto sem cor... nem a foto da capa tem cor direito... ;)

 

bom, eh isso... d resto tah show... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[renanfog 0]

Fala cara!Foi mau ter postado isso naquele tópico... :( Os "<br />" eu acho q não tem como trocar, essa parte vem do banco (isso q eu mostrei é só um prototipo) e no Asp eu troco o vbcrlf por "<br />" .... pra fazer isso dinâmico, criar os paragrafos vai ser meio treta.. depois penso"O strong não é o recomendado?? Eu li q o <b> tava em desuso.... sei lá, posso ta viajando, depois troco!No rodapé vou fazer a lista!As edições anteriores tb vem do banco... ele monta uma lista, e as ultimas três aparecem com imagem, então acho q nem tem como fazer isso no CSS.. só se fizer inline :wacko: Agora do visual, eu quis fazer assim mesmo, foi o padrão q eu criei.... .... bem dark mesmo, só com o contraste do vermelho, até todas as fotos eu deixo avermelhadas... mas sei lá, vou ver se não dou uma animada, mas a intenção foi essa!valeu! qdo tiver pronto eu posto!

[pa_bruno 0]

hm... beleza... podes crer... em relação ao visual, relax... se esse era o q você queria, show...

 

na verdade nem o strong e nem o b saum recomendados... estaum depreciados... seria legal usar uma classe e chama-la por span

ex:

<span class="negrito">Texto</span>.negrito {font-weight:bold;}

isso eh melhor, pq ainda pode fazer várias outras modificações, sem ser somente o nrgrito... ;)

 

trabalhar com tabless em sites dinamicos eh bem complicado... eh bem dificil deiá-lo semantico... mas, tah relax... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[renanfog 0]

fala cara!Eu vou fazer esse esquema do span negrito, e vou fazer uma gambi em asp pra trocar os <br /> por parágrafo... vou tentar deixar bem semântico, mesmo sendo dinâmicoCara, eu atualizei a versão lá pra você ver, ta dando um pau... :wacko: eu fiz aquele esquema, um div principal engloba tudo..dai dentro dele, coloco um div como relative...dentro desse relative, um div sem position nenhum (vai grudar na esquerda) e um com absolute pra jogar ele na direita...só q se esse absolute estoura o tamanho, o div pai não cresce... :wacko: como eu posso fazer??você tem mais alguma recomendação pro meu codigo??valeu! :D

[pa_bruno 0]

falae rapaz... primeira coisa, teu codigo tah sujo, poderia tirar varias coisas d lah,deixando mais semantico:

<div id="cabecalho"><div id="topo">	<ul id="menuPrincipal">		<li><a href="teste.htm" id="menuPrincipalItem1">Especial do Mês</a></li>		<li><a href="teste.htm" id="menuPrincipalItem2">Em Cartaz</a></li>		<li><a href="teste.htm" id="menuPrincipalItem3" class="menuAtivo">Espaço Aberto</a></li>		<li><a href="teste.htm" id="menuPrincipalItem4">Entrevista</a></li>		<li><a href="teste.htm" id="menuPrincipalItem5">Notas</a></li>		<li><a href="teste.htm" id="menuPrincipalItem6">Vídeos</a></li>		<li><a href="teste.htm" id="menuPrincipalItem7">Oficinas</a></li>		<li><a href="teste.htm" id="menuPrincipalItem8">Sobre</a></li>	</ul></div><div id="logoPagina"></div></div>

pode ficar assim:

<div id="cabecalho"><h1 class="logoPagina"></h1>	<ul>		<li><a href="teste.htm">Especial do Mês</a></li>		<li><a href="teste.htm">Em Cartaz</a></li>		<li><a href="teste.htm" class="menuAtivo">Espaço Aberto</a></li>		<li><a href="teste.htm">Entrevista</a></li>		<li><a href="teste.htm">Notas</a></li>		<li><a href="teste.htm">Vídeos</a></li>		<li><a href="teste.htm">Oficinas</a></li>		<li><a href="teste.htm">Sobre</a></li>	</ul></div>

logicamente você mudaria o #logoPagina pra .logoPagina

e no rodapé coloque isso:

#rodape{width:750px;height:35px;margin-top:17px;padding-top:5px;text-align:center;background-image:url(../imagens/rodape.jpg);background-repeat:no-repeat;color:#EEEEEE;clear: both; /* esse código aqui */}

veja ae e qq coisa fale... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[renanfog 0]

fala cara!Sobre o excesso de divs no cabecalho eu to ligado q ta feio, mas é q eu ia ter dois blocos de conteudo bem distintos, ainda não fiz... mas se for ficar simples mesmo, vou transformar em um só, valeu pela dica!Sobre o clear:both não funcionou... :wacko: Ontem eu tinha tentado isso.... tem outra idéia?valeu!

[pa_bruno 0]

cara... tah cheio d position absolute, relative... tudo desnecessário... ;)

 

outra coisa, quando você zerar um atributo, naum precisado tipo de tamanho, tipo px, em, etc... eh soh colocar 0:

ex:

margin: 0px;

pode ser assim:

margin: 0;

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[renanfog 0]

Mas como eu posso montar esse layout do melhor jeito possível?? :wacko: :wacko: :wacko: :wacko: Nem sei como arrumar.... se eu tirar os relative e absolute, como fica?

[pa_bruno 0]

cara, eu ateh tava tentando fazer algumas coisas aki... mas ae eu teria q refazer o layout todo... ae eh f***... sinceramente? eu remontaria o site... =DDD eh f***, meio desesperador, mas eh a forma mais certa...

[renanfog 0]

putz... :( mas como eu montaria as colunas lado a lado??Só da a direção... . . dai eu refaçoeu quero ficar bobo assim mesmo.. um div de 540px e do lado direito dele um de 210px... o container tem 750px..só isso!como posso fazer?

[pa_bruno 0]

#container {width: 750px;}#esquerda {float: left;width: 540px;}#direita {width: 210px;margin-left: 540px;}

provavelmente o i.e. dará algum problema, pq qnd eh exato ele faz o div pular pra baixo... ae vai ajeitando o margin left... ;) e o width tb, claro... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

o segundo artigo tah falando sobre isso...

[renanfog 0]

p****, cara, valeu...

 

só pra ter certeza, na ordem do HTML o div "esquerda" fica antes do "direita", né??

tipo assim:

 

<div id="container">		  <div id="esquerda"></div>		  <div id="direita"></div></div>

 

valeu mesmo! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[pa_bruno 0]

fica... por causa do float: left... se colocar o direita antes, teria q tirar o float: left do #esquerda e colocar um float: right; no #direita... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[renanfog 0]

p**** cara.... :(

ficou tudo zoado no Ie...

no firefox ficou quase certo, só um espaçamento entre os dois blocos e o menu q ficou zoado.....

 

e agora nem tem como publicar no ftp, no Ie tem q diminiu o tamanho??

 

#contexto{	clear:both;	width:750px;	background-image:url(../imagens/background_baixo.jpg);	background-repeat:repeat-y;}#conteudo{	float:left;	margin:0px;	padding:8px 12px;	width:516px;}#barraLateral{	display:block;	width:210px;	margin:0px 0px 0px 540px;	padding:0px;}

html

 

<div id="contexto"><div id="conteudo">	   <h1>Editorial</h1></div><div id="barraLateral">	   <span class="tituloBarraLateral">Edição atual</span></div></div>

[pa_bruno 0]

tem q ver o restodo codigo tb... algum elemteno pode estar influenciando no posicionamento... ;)

[renanfog 0]

e ai caracontinuei a trampar nessa pagina mas ainda não ta legaleu tirei os positions e tal, joguei o float left mas agora se o div com float estoura o tamanho do container, ele ta passando por cima do div...eu vou postar o codigo aqui, se tiver como você ver vai me ajudar pra caramba, é q não tenho acesso ao ftp aqui, senão vou preparar uma versão e publico a noite....não precisa refazer não, só me da a direção... do q to fazendo errado, depois vou melhorar o codigoNão ta muito semântico ainda, eu sei, ignora o conteudo, ve so o posicionamento dos divs...valeu cara!!!!!! :D

<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br"> <head> <meta name="keywords" content="1,2,3" /> <meta name="description" content="1,2,3" /> <meta name="author" content="Renan Gomes Fogaca" /> <meta name="robots" content="all" /> <meta name="language" content="pt-br" /> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" /> <title>teste</title> <link rel="alternate" type="application/rss+xml" title="RSS 2.0 - Cine Imperfeito" href="http://www.cineimperfeito.com.br/rss2.asp" /> <style type="text/css">body{ margin:0px; padding:0px; text-align:center; font-family:Arial, Times, Serif; font-size:11px; color:#000000; background-color:#555555;}img{ border:0px;}a{ text-decoration:none;}/* Fix IE. Hide from IE Mac \*/* html ul li { float: left; }* html ul li a { height: 1%; }/* End */#container{ width:770px; padding:0px 10px; margin:0 auto; text-align:left; background-color:#eee; background-image:url(../imagens/background.jpg); background-repeat:repeat-y;}html>body #container{ width:750px;}#cabecalho{ width:750px; background-image:url(../imagens/background_cima.jpg); background-repeat:repeat-y;}#contexto{ clear:both; width:750px; background-image:url(../imagens/background_baixo.jpg); background-repeat:repeat-y;}#topo{ float:left; margin:0px; padding:0px; width:540px; height:121px;}#logoPagina{ margin:0px 0px 0px 540px; padding:0px; height:121px;}#menuPrincipal{ position:absolute; top:79px; margin:0px; padding:0px; list-style-type:none;} #menuPrincipal li{ float:left; } #menuPrincipal li a{ display:block; float:left; margin:20px 0px 0px 0px; height:20px; padding:3px 7px 0px 7px; background-color:#333333; background-image:url(../imagens/menuprincipal.jpg); background-repeat:repeat-x; font-weight:bold; color:#CCCCCC; } #menuPrincipal li a:hover{ margin-top:0px; padding:14px 7px 9px 7px; background-color:#333333; background-image:url(../imagens/menuprincipal_over.jpg); background-repeat:repeat-x; color:#EEEEEE; } #menuPrincipal .menuAtivo{ display:block; float:left; margin:18px 0px 0px 0px; padding:4px 8px 1px 8px; background-color:#FF6666; background-image:url(../imagens/menuprincipal_ativo.jpg); background-repeat:repeat-x; font-weight:bold; color:#000000; } #menuPrincipal .menuAtivo:hover{ margin-top:18px; padding:4px 8px 1px 8px; background-color:#FF6666; background-image:url(../imagens/menuprincipal_ativo.jpg); background-repeat:repeat-x; color:#666666; }#hintMenu{ z-Index:4; position:absolute; top:13px; left:145px; display:none; padding:7px; width:250px; border-top:1px solid #333; border-left:1px solid #333; border-right:2px solid #333; border-bottom:2px solid #333; background-color:#FF6666; background-image:url(../imagens/menuprincipal_hint.jpg); background-repeat:repeat-x; color:#000000;}#conteudo{ float:left; margin:0px; padding:8px 12px; width:516px; position:relative;} #conteudo h1{ margin:5px 0px 0px 0px; padding:0px; font-size:19px; } #conteudo h6{ margin:0px 0px 12px 0px; padding:0px 0px 0px 5px; border-left:14px solid #666666; font-size:13px; } #conteudo img{ float:left; margin-left:2px; margin-right:5px; margin-bottom:5px; top:0px; left:231px; border-top:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #666666; border-bottom:4px solid #333333; } #conteudo #RSSlink{ z-Index:2; position:absolute; top:7px; left:493px; } #conteudo #RSSlink img{ border:1px solid #666666; } #conteudo #Boletimlink{ z-Index:2; position:absolute; top:7px; left:328px; display:block; padding:0px 12px; background-color:#CCCCCC; border:1px solid #000000; color:#000000; } #conteudo #Boletimlink:hover{ color:#000000; background-color:#EEEEEE; }#formBoletim{ display:none; position:absolute; z-Index:3; top:32px; left:150px; width:330px; padding:5px; border:2px solid #666666; background-image:url(../imagens/formBoletim.jpg); background-repeat:repeat-x; text-align:center;} #formBoletim fieldset{ border:1px solid #666666; } #formBoletim legend{ font-weight:bold; border:1px solid #666666; padding:0px 5px; background-color:#333333; color:#EEEEEE; } #formBoletim p{ margin:4px 8px; padding:0px; text-align:left; color:#CCCCCC; } #formBoletim label{ display:block; float:left; color:#EEEEEE; width:50px; } #formBoletim input{ font-family:Verdana, Times, Serif; font-size:11px; border:1px solid #999999; color:#EEEEEE; background-color:#333333; margin-bottom:5px; } #formBoletim #txtNome{ width:250px; } #formBoletim #txtEmail{ width:250px; }#barraLateral{ display:block; margin:0px 0px 0px 540px; padding:0px;} #barraLateral ul{ margin:10px 0px; padding:0px; list-style-type:none; } #barraLateral ul li{ margin-bottom:2px; } #barraLateral ul li a{ border-left:4px solid #333333; border-bottom:1px solid #333333; display:block; padding:3px 6px; width:193px; background-image:url(../imagens/barralateralitens.jpg); background-repeat:repeat-y; background-color:#DDDDDD; color:#000000; } #barraLateral ul li a:hover{ border-left:4px solid #999999; border-bottom:1px solid #999999; background-image:url(../imagens/barralateralitens_over.jpg); background-repeat:repeat-x; background-color:#666666; color:#EEEEEE; } #barraLateral ul li a span{ display:block; font-size:80%; color:#333333; }.tituloBarraLateral{ padding-top:6px; padding-left:3px; padding-right:3px; margin:0px; display:block; border-bottom:3px solid #999999; font-size:15px; letter-spacing:2px;}#edicoesAnteriores{ margin:5px;} #edicoesAnteriores ul li a{ border-left:4px solid #333333; border-bottom:1px solid #333333; display:block; padding:3px 6px; width:184px; background-image:none; background-color:#999999; color:#000000; } #edicoesAnteriores ul li a:hover{ border-left:4px solid #666666; border-bottom:1px solid #666666; background-image:none; background-color:#333333; color:#EEEEEE; }#rodape{ width:750px; height:35px; margin-top:17px; padding-top:5px; text-align:center; background-image:url(../imagens/rodape.jpg); background-repeat:no-repeat; color:#EEEEEE;} #rodape ul{ margin:0px 210px; padding:0px; list-style-type:none; } #rodape ul li{ float:left; } #rodape a{ color:#EEEEEE; font-weight:bold; } </style> </head><body> <div id="container"> <div id="cabecalho"> <div id="topo"> <ul id="menuPrincipal"> <li><a href="teste.htm" id="menuPrincipalItem1">Especial do Mês</a></li> <li><a href="teste.htm" id="menuPrincipalItem2">Em Cartaz</a></li> <li><a href="teste.htm" id="menuPrincipalItem3" class="menuAtivo">Espaço Aberto</a></li> <li><a href="teste.htm" id="menuPrincipalItem4">Entrevista</a></li> <li><a href="teste.htm" id="menuPrincipalItem5">Notas</a></li> <li><a href="teste.htm" id="menuPrincipalItem6">Vídeos</a></li> <li><a href="teste.htm" id="menuPrincipalItem7">Oficinas</a></li> <li><a href="teste.htm" id="menuPrincipalItem8">Sobre</a></li> </ul> </div> <div id="logoPagina"></div> </div> <div id="contexto"> <div id="conteudo"> <h1>Editorial</h1> <h6>Especial : Documentários de João Batista de Andrade</h6> <img src="imagens/imagemtexto.jpg" alt="dsjfh sdifh idsufh sidfh d" /> Cineastas e a Imagem do Povo é talvez o livro de maior repercussão de Jean Claude Bernardet e já em seu título expõe uma situação limite do cinema brasileiro: um indivíduo que busca representar por meio de sua visão pessoal a imagem desse "todo" sem forma e sem cara (ou com muitas formas e muitas caras) que é o povo. Essa dialética - cineastas/imagem do povo - talvez seja a maior engrenagem do cinema de João Batista de Andrade que desde seu primeiro filme (Liberdade de Imprensa, 1966) aposta que, desse choque, nem um pouco harmônico e nada definitivo, surja algo especialmente novo que traga novos questionamentos acerca desse tema generalizante. <br /><br /> Nos anos 70 e 80, João Batista talvez tenha sido o cineasta mais participante (ou militante), estava com sua câmera no olho do furacão, nas principais agitações do período de abertura democrática como as paralisações nas fábricas e a intervenção no sindicato dos metalúrgicos de São Bernardo em Greve!, de 1979, a eleição e morte de Tancredo Neves em Céu Aberto, de 1985, mas também nas histórias anônimas de um país que, a despeito da passagem democrática, tinha feridas que não começaram com a ditadura e nem se estancariam com o fim dela como em Migrantes, Caso Norte e Wilsinho Galiléia, O Homem que Virou Suco e, de algum modo, A Próxima Vítima que seria uma espécie de elo entre seu cinema que procura o Brasil anônimo e o que testemunha a história oficial. <br /><br /> Apesar de nunca ter um limite estabelecido entre ficção e documentário na maior parte de seus filmes " o que é muito claro em Wilsinho Galiléia e O Homem que Virou Suco " em caráter de catalogação e procedimento de produção, é possível realizar essa divisão. Nesse sentido, discutimos nessa edição os seus filmes que se definem como "documentário", não por razão de valor, mas porque se vê necessário hoje em dia discutir esse formato que no cinema brasileiro está tão viciado e, não raro, objeto de má consciência e denuncismo. Documentário virou desculpa pra anemia formal e mau uso educativo, é a permuta do prejuízo estético pelo ganho como ferramenta didática e informativa. Os festivais não nos deixam mentir. É infindável a quantidade de (maus) documentários circulando por aí. <br /><br /> Os documentários de João Batista de Andrade não partilham dessa lógica barata, podem até ser alvos de crítica, mas não nesse sentido. Discutir esses documentários é procurar no formato essa crise dos limites estabelecidos no "modelo sociológico" (que parece ser a pretensão de muitos dos filmes documentários que vem à luz todos os anos) como ficção-documentário, indivíduo-povo, história oficial-história anônima, cineasta-personagem etc. Tarefa espinhosa, pois se trata também dos filmes de um artista que também é secretário de cultura do estado de São Paulo e, por isso, o caminho mais fácil seria o peleguismo da adulação e até mesmo a segurança da neutralidade. Nos textos abordamos somente o cineasta, que, como qualquer um, é sujeito tanto aos elogios quanto às intempéries da análise fílmica. <br /><br /> O cineasta filmou mais de trinta exemplares desde 1966, essa edição se debruça sobre meia dúzia deles, os que são considerados mais importantes, além de ser uma ótima oportunidade de reavaliação de alguns de seus trabalhos mais significativos, já que estréia ainda nesse mês de setembro seu documentário Vlado Trinta Anos Depois, sobre a história do jornalista Vladimir Herzog, assassinado em 1975. <br /><br /> Francis Vogner dos Reis <br /><br /><br /> <strong>Entrevista</strong> A entrevista com João Batista de Andrade irá ao ar em outubro. <br /><br /> <strong>Notas</strong> Notícias sobre cinema, eventos e política audiovisual são atualizadas diariamente na seção "notas". <br /><br /> <strong>Espaço Aberto</strong> Durante o mês o Espaço Aberto lançará regularmente algumas críticas sobre os lançamentos em DVD da Aurora. A primeira já está no ar: O Beijo Amargo (Naked Kiss) de Samuel Fuller. <br /><br /> <strong>Em Cartaz</strong> A seção "Em Cartaz" continua lançando textos regularmente. <a id="RSSlink" href="http://www.cineimperfeito.com.br/rss2.asp" target="_blank"><img src="imagens/rssicon.gif" alt="RSS 2.0 do Cine Imperfeito" /></a> <a id="Boletimlink" href="java script:showFormBoletim();" title="Assine o Boletim Informativo do Cine Imperfeito e receba no seu e-mail as atualizações do site">Assine o Boletim Informativo</a> <div id="hintMenu"> </div> <div id="formBoletim"> <fieldset title="Assine o Boletim Informativo"> <legend>Assine o Boletim Informativo</legend> <p id="msgBoletim">Inscreva-se e receba no seu e-mail o boletim informativo sobre as atualizações do site.</p> <label for="txtNome" id="lblNome">Nome :</label> <input type="text" id="txtNome" size="50" /> <label for="txtEmail" id="lblEmail">E-mail :</label> <input type="text" id="txtEmail" size="50" /> <input type="button" value="Assinar" id="btnAssinar" onclick="assinarBoletim();" /> <input type="button" value="Cancelar" id="btnCancelar" onclick="hideFormBoletim();" /> </fieldset> </div> </div> <div id="barraLateral"> <span class="tituloBarraLateral">Edição atual</span> <ul> <li><a href="teste.htm">Céu Aberto<span>Por Cláudio Gonçalves de Oliveira</span></a></li> <li><a href="teste.htm">Greve!<span>Por Francis Vogner dos Reis</span></a></li> <li><a href="teste.htm">Liberdade de Imprensa<span>Por Francis Vogner dos Reis</span></a></li> <li><a href="teste.htm">Migrantes/Caso Norte<span>Por Reinaldo Cardenuto Filho</span></a></li> <li><a href="teste.htm">Wilsinho Galiléia<span>Por Lila Foster</span></a></li> <li><a href="teste.htm">Wilsinho Galiléia<span>Por Lila Foster</span></a></li> <li><a href="teste.htm">Wilsinho Galiléia<span>Por Lila Foster</span></a></li> <!--<li><a href="teste.htm">Wilsinho Galiléia<span>Por Lila Foster</span></a></li> <li><a href="teste.htm">Wilsinho Galiléia<span>Por Lila Foster</span></a></li> <li><a href="teste.htm">Wilsinho Galiléia<span>Por Lila Foster</span></a></li> <li><a href="teste.htm">Wilsinho Galiléia<span>Por Lila Foster</span></a></li> <li><a href="teste.htm">Wilsinho Galiléia<span>Por Lila Foster</span></a></li> <li><a href="teste.htm">Wilsinho Galiléia<span>Por Lila Foster</span></a></li> <li><a href="teste.htm">Wilsinho Galiléia<span>Por Lila Foster</span></a></li> <li><a href="teste.htm">Wilsinho Galiléia<span>Por Lila Foster</span></a></li> <li><a href="teste.htm">Wilsinho Galiléia<span>Por Lila Foster</span></a></li>--> <li><a href="teste.htm">Wilsinho Galiléia<span>Por Lila Foster</span></a></li> <li><a href="teste.htm">Wilsinho Galiléia<span>Por Lila Foster</span></a></li> <li><a href="teste.htm"><b>Clique aqui</b> para visualizar o arquivo completo de textos em ordem alfabética (todas as edições).</a></li> </ul> <span class="tituloBarraLateral">Especiais anteriores</span> <div id="edicoesAnteriores"> <ul> <li><a href="teste.htm">5 Diretoras</a></li> <li><a href="teste.htm">Dossiê George A. Romero</a></li> <li><a href="teste.htm">Cinema Político?</a></li> <li><a href="teste.htm">Filmes inéditos</a></li> <li><a href="teste.htm">Cinema Norte-Americano</a></li> <li><a href="teste.htm">Cinema Brasileiro 2004</a></li> <li><a href="teste.htm">Carlos Reichenbach</a></li> </ul> </div> </div> <div id="rodape"> Desenvolvido por <a href="mailto:renanfog@yahoo.com.br">Renan Gomes Fogaça</a> <ul> <li><a href="http://validator.w3.org/check/referer"><img src="imagens/xhtml_icon.gif" alt="Web Standards" /></a></li> <li><a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="imagens/css_icon.gif" alt="Web Standards" /></a></li> <li><a href="http://www.tableless.com.br/" target="_blank"><img src="imagens/soutableless2.gif" alt="Sou tableless" /></a></li> <li><a href="http://www.getfirefox.com/" target="_blank"><img src="imagens/firefoxvalid.gif" alt="Redescubra a internet" /></a></li> </ul> </div> </div> </div></body></html>

[pa_bruno 0]

rapaz... falo com você pelo msn de noite... pq to meio ocupado e eh mto código ae, meio trabalhoso pra ficar vendo tudo agora... dps vejo com você... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[renanfog 0]

Fala cara...

só pra te relembrar q deixei online uma versão pra você dar uma olhada....

 

http://www.cineimperfeito.com.br/v2

 

O problema são os divs, o conteudo sobrepõe o container....

Eu sei q não ta 100% ainda, mas se você me ajudar com isso eu dou um tapa no resto!! :D

valeu!

[pa_bruno 0]

primeira coisa, no #colunaEditorial tira o comentário do float: left http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

depois q mudar me manda d novo q eu vejo aki a parte do rodapé... vamos aos poucos... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[renanfog 0]

putz.... daqui não acesso o ftp ... :( na seção Em Cartaz, Espaço Aberto e Entrevista não tem esses divs dentro do conteudo, é só um texto...tenta dar uma olhada lá, mas a noite eu arrumo.. :D pela Em cartaz da pra ver a estrutura mais simplesSó q acontecia a mesma coisa a coluna editorial sobrepõe o container...valeu cara! :D