Not all my class="posts" appear on the page

Asked

Viewed 123 times

2

Hello! I am developing an app with Html5 to learn. I got a template ready using boostrap. I’m having a hard time getting it on one of my "pages", all the fields..

<ul class="posts">

<li class="post" id="postid1">
<a href="#" class="post_more"></a>         
      <div class="post_right_reveal">
        <h4>Academia Mendes</h4>
        <h4>(64)3615-2332</h4>
      </div>
      <div class="post_right_unreveal">
        <a href="#">Rua Bartolomou, N 23, Centro</a>                                                     
        <a href="#" class="post_readmore">Localização</a>
      </div> 

      <div class="post_left">
        <img src="images/item1-cardoso.png" alt="" title="" border="0" height="80" width="80"/>
      </div>
</li>

<li class="post" id="postid2">
<a href="#" class="post_more"></a>         
      <div class="post_right_reveal">
        <h4>Academia Mendes 2</h4>
        <h4>(64)3615-2322</h4>
      </div>
      <div class="post_right_unreveal">
        <a href="#">Rua Bartolomou, N 23, Centro</a>                                                     
        <a href="#" class="post_readmore">Localização</a>
      </div> 

      <div class="post_left">
        <img src="images/item1-cardoso.png" alt="" title="" border="0" height="80" width="80"/>
      </div>
</li>
</ul>

CSS:
ul.posts{ padding:0px; margin:0px; width:100%; display:block;}
ul.posts li.post{ width:100%; height:80px; margin:0 0 10px 0;    position:relative; display: block; }

In this case I put only two item (id="postid1" and id="postid2") here, for example. On my page, it only appears 3 items. I’m not getting it, why doesn’t he want to pop the other items down.

Imagem da minha pagina

  • Can you [Dit] the question and explain the problem better?

  • Almost all my posts <li class="post" id="postid1"> do not want to appear on the page when inserted into html. Only three are appearing.

  • What are you doing to repeat the <li> and generate the rest id?

  • And these classes "post_right_reveal", "post_right_unreveal", "post_left"... What do they do? Make sure they are not hiding the content of the posts.

  • Please, to better orient we need the codes used: example: javascript, jquery, css, Html5 and if you have other paste. Because we can give you several items to search that can hide objects, but without precision.

  • I think this type of template - which returns these results - should have php files, where the logics are. Check if this is not the case.

Show 1 more comment
No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.