• Page 1 of 1
  • 1
Forum moderator: bigblog  
uCoz Community » For Webmasters » Design Customization » $LAST_NEWS$ as an inline-block
$LAST_NEWS$ as an inline-block
jackass
Posts: 294
Reputation: 10

Message # 1 | 6:35 PM 2015-05-07
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
Good
Posts: 360
Reputation: 12

Message # 2 | 0:02 AM 2015-05-08
Quote
<div id="entryID2">


This is really annoyed and seems it is impossible to remove.
jackass
Posts: 294
Reputation: 10

Message # 3 | 7:37 PM 2015-05-11
Still waiting! wacko
Paradox
Old Guard
Posts: 3284
Reputation: 145

Message # 4 | 2:32 PM 2015-05-13
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. smile

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. smile

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.
jackass
Posts: 294
Reputation: 10

Message # 5 | 7:04 PM 2015-05-14
Yes, yes!!! Thanks a lot Paradox!!!

There was one useless <div> instead of one missing </div> wacko

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
bighyena
Posts: 20
Reputation: 0

Message # 6 | 5:21 PM 2015-05-15
jackass, it's our pleasure to help you. If you have any further questions, ask they here and we will try to answer them! smile
Believe in the magic of friendship - October 6, 2017
uCoz Community » For Webmasters » Design Customization » $LAST_NEWS$ as an inline-block
  • Page 1 of 1
  • 1
Search: