Printable Version of Topic
Click here to view this topic in its original format
Jcink.com Forums > General Support > post row content alignment?


Posted by: RR of DD Dec 6 2017, 06:25 AM
Working on another skin, I find fiddling with code relaxing - when it works http://files.b1.jcink.com/html/emoticons/laugh.gif

Right now though, I cannot figure out the alignment of the posts.

As you can see https://anb.jcink.net/index.php?showtopic=2396, the post content is aligned right. I have added center, left and justify to the css for the html template but none of them moved the text. I then tried adding styling to the actual html template, again this failed to work.

The only content I have that is aligned 'right' are the post buttons which are closed with a closing div, so what's causing the text to be pushed so far right?

Padding and Margins look ok to me, but I could be missing something.

Another thing, the signature strip - there's a huge gap under the post before we see the image there... it was originally html styled, with transitions which was throwing out the 2nd post reply, it broke the mini profile too so i had to remove it and now the only thing in the signature there is bbcode.

Any help appreciated.

Posted by: Dusty Dec 6 2017, 01:17 PM
First issue is a result of the float:left; on the miniprofile. It looks like you wanted to take the profile out of the flow, but that's not really how floats should be used (which is also causing issue, as you can see, with the posts appearing completely misaligned). Keep in mind, also, that text-align aligns the text flow relative to its node.

Nothing sticks out to me as a signature on that page, so I can't help you there :/

Posted by: RR of DD Dec 10 2017, 09:32 AM
All fixed, I think. Thanks Dusty.

'
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)