|
   |
| Forum moderator: bigblog |
| uCoz Community For Webmasters Design Customization $LAST_NEWS$ as an inline-block |
| $LAST_NEWS$ as an inline-block |
Hello!
I have a big problem! I want my site news to be inline! I made a small blocks and I want them to be in horizontal line so they would move in 2nd row when viewed in smaller screen size! I have responsive design. I have Code .news_container { display: inline-block; margin: 0 5px 5px 0; width: 240px; } But it doesn't work! I check source code and find out that there is another DIV added by uCoz Code <div id="entryID2"> Maybe this is why it's not working? Is there a style added to this ID? I made a blocks with responsive design here and I need to do the same with site news here What do I do wrong? I cant get it inline! Post edited by jackass - Thursday, 2015-05-07, 6:39 PM
|
jackass, apologies about the late reply - on the specific page you've provided, it appears you're missing a </div> tag between the first and second entry. I can't determine the specific location in the templates where this is missing but it's showing in firebug that the elements have collapsed into each other. I'd try adding a </div> tag to the end of your entry template as this is most likely where the syntax error is originating from.
 As to actually getting them to sit next to each other, as Good has pointed out the entries display by default with the outer div tagged with the entry id as the id attribute. The following script should resolve your issue. HTML Code <div class="inline-elements">$LAST_NEWS$</div> CSS Code .inline-elements #allEntries > div { display:inline-block; } Jack of all trades in development, design, strategy.
Working as a Support Engineer. Been here for 13 years and counting. |
Yes, yes!!! Thanks a lot Paradox!!!
There was one useless <div> instead of one missing </div>  You helped me thanks again! PS. In Page of the entry archive I used this code! Code <div class="inline-elements">$BODY$</div> Post edited by jackass - Thursday, 2015-05-14, 7:07 PM
|
| |||
| |||