Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

GrayScale

[Resolvido] css não pega os comentários

Por , em Desenvolvimento com Wordpress

Recommended Posts

GrayScale    0

GrayScale
Postado

estou com um problema no meu css, os comentários estão ficando fora do conteudo que tem com height auto. estou postando um print para vocês entenderem melhor e o css do conteudo.

 

Imagem Postada

 

#content_e {
height:auto;
background:#f6f6e8; 
width:980px; margin-top:40px;
}

header:

<!DOCTYPE html PUBLIC "-//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" <?php language_attributes();?>>
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo("html_type");?>;<?php bloginfo("charset");?>" />
<title>
<?php bloginfo('name') ;?>
</title>
<script src="<?php bloginfo('template_url');?>/mainindex.js" language="javascript" ></script>
<link rel="stylesheet" href="<?php bloginfo("stylesheet_url");?> " media="screen" type="text/css" />
</head>
<body>
<div id="bar">Language</div>
<div id="header"> <a href="<?php  echo get_option("home");?>"> <img src="<?php bloginfo('template_url');?>/images/lgo2.png" vspace="40" border="0" align="left" /> </a>
  <div class="dscript"></div>
  <div id="navega"> </div>
</div>
<!--Fim do header-->
<div id="wrap">
<!--Inicio do header-->
<em></em>
<div align="center">
<div align="center">
  <div id="lasts">Blá, blá bla... </div>
</div>
<div id="content_e">
<div id="menubar"></div>
  <div id="menu"><h2><?php wp_list_pages('title_li=');?></h2></div>

se precisar de outro codigo me avisa.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

os comentários estão flutuados ?

 

 

dá um display: table no container, ou coloca um elemento nivel de bloco com clear: both; após os flutuados.

poste um link para o site. O problema não está no trecho de código que você postou.

Compartilhar este post

Link para o post
Compartilhar em outros sites

GrayScale    0

GrayScale
Postado

o overflow salvou o dia, mas trouxe um problema o #footer que fica em baixo das notícias sumiu. lembrando que istoé um tema wordpress que estou fazendo. não sei porque mas o footer sumiu.e se vcs souberem um pouco de wordpress, quero saber como destaca o comentário do autor da noticia

 

 

index.php

<?php get_header();?>
<?php get_sidebar();?>
<!--Começo conteudo-->
<?php if(have_posts()):?>
<?php while(have_posts()): the_post()?>
  <div class="post_snippet">
    <div id="comentario">
      <?php comments_popup_link('0', '1 ', '% '); ?>
    </div>
    <h2><a href="<?php the_permalink();?>" title="Link permanente para <?php the_title_attribute();?> ">
      <?php the_title();?>
      </a></h2>
    <?php the_content("<h4>Leia mais...</h4>");?>
    <!--fim new1-->
    <!--div separador aqui se quiser-->
  </div>
<?php endwhile;?>
<p>
  <?php previous_posts_link("Posts recentes");?>
  <?php next_posts_link("Posts antigos");?>
</p>
<?php else:?>
<h2>Desculpe mas não encontramos o que você estava procurando, mas não desista.</h2>
<?php endif;?>
<!--fim do comteudo-->
</div>
</div>
<!--começo do footer-->

  
</div>
<!--fim do footer-->
<div id="footer">
<p><?php bloginfo("name");?>
  er orgulhosamente feito para <a href="wordpress.org">Wordpress</a> | <a href="<?php bloginfo("rss2_url");?>">Post completo RSS</a> e <a href="<?php bloginfo("comments_rss2_url");?>">Comentarios do RSS</a> </p>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

poste as seguintes regras css:

 

.post_snippet {}
#comentario {}

um link para o site online, facilitaria muito as coisas.

Compartilhar este post

Link para o post
Compartilhar em outros sites

GrayScale    0

GrayScale
Postado

o problema é que estou guardando este layout como uma surpresa. mas vou ver o que posso fazer.

 

#comentario {
 background:url(images/bl.png);
 height:36px;
 width:34px;
 background-repeat:no-repeat;
 float:right;
 text-align:center;
 background-repeat:no-repeat;
 padding-top:5px;
}
.post_snippet {
	padding:5px 10px;
	padding-left:10px;
	width:560px;
	text-align:left;
	clear:left;
	color:#505050;
	float:left
	
	}
preciso voltar com o footer, '

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

pronto, tá ai o 'problema', como 'suspeitei' em #2

 

retira o overflow.

 

adiciona o clear ali:

<?php while(have_posts()): the_post()?>
  <div class="post_snippet">
    <div id="comentario">
      <?php comments_popup_link('0', '1 ', '% '); ?>
    </div>
    <h2><a href="<?php the_permalink();?>" title="Link permanente para <?php the_title_attribute();?> ">
      <?php the_title();?>
      </a></h2>
    <?php the_content("<h4>Leia mais...</h4>");?>
    <!--fim new1-->
    <!--div separador aqui se quiser-->
  </div><!-- /post_snippet -->
<?php endwhile;?>
<div class="clear"></div>
após o while()

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

clear é uma propriedade css

http://www.tableless.com.br/propriedade-float-do-css

 

substitua o trecho de código que indiquei, e veja o resultado.

 

o clear tá ali:

<?php endwhile;?>
<div class="clear"></div>
viu ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

GrayScale    0

GrayScale
Postado

não aconteceu nads, veja aí.

index.php

<?php get_header();?>
<?php get_sidebar();?>
<!--Começo conteudo-->
<?php if(have_posts()):?>
<?php while(have_posts()): the_post()?>
  <div class="post_snippet">
    <div id="comentario">
      <?php comments_popup_link('0', '1 ', '% '); ?>
    </div>
    <h2><a href="<?php the_permalink();?>" title="Link permanente para <?php the_title_attribute();?> ">
      <?php the_title();?>
      </a></h2>
    <?php the_content("<h4>Leia mais...</h4>");?>
    <!--fim new1-->
    <!--div separador aqui se quiser-->
  </div><!-- /post_snippet -->
<?php endwhile;?>
<div class="clear"></div>
<p>
  <?php previous_posts_link("Posts recentes");?>
  <?php next_posts_link("Posts antigos");?>
</p>
<?php else:?>
<h2>Desculpe mas não encontramos o que você estava procurando, mas não desista.</h2>
<?php endif;?>
<!--fim do comteudo-->
</div>
</div>
<!--começo do footer-->

  
</div>
<!--fim do footer-->
<div id="footer">
<p><?php bloginfo("name");?>
  er orgulhosamente feito para <a href="wordpress.org">Wordpress</a> | <a href="<?php bloginfo("rss2_url");?>">Post completo RSS</a> e <a href="<?php bloginfo("comments_rss2_url");?>">Comentarios do RSS</a> </p>
</div>
</body>
</html>

style.css, apenas #content_e 

#content_e {
height:auto;
background:#f6f6e8;
border-left:#4499b8 4px solid;
border-right:#4499b8 4px solid;
width:951px;}

sem o overflow volta tudo ao zero, e é assim mesmo:colocar a class:clear sem ter nada sobre ela no style.css ?

 

Imagem Postada

adicionando:\ o footer não voltou

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

desculpe.. faltou:

 

.clear{ clear: both;}

veja agora.

Compartilhar este post

Link para o post
Compartilhar em outros sites

GrayScale    0

GrayScale
Postado

até que enfim consegui, valeu mesmo cara. agora o content vai ficar expansível né ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

sim, exatamente. ^_^

 

Sucesso ae!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento com Wordpress
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito