The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Lastpost Text area stays small after increasing the width in Category.

View previous topic View next topic Go down

In progress Lastpost Text area stays small after increasing the width in Category.

Post by Meesleepbeest on December 12th 2015, 2:17 am

Hello,

I got a small width problem in my category layout. I made the last post part bigger from 20% to 28%, and this works fine.
However, the lastpost text field does not increase to 28%, the span class keeps looking at the old value of 20%, this wasting the extra space.

I used this code and this seems to work for the layout of the items itself.
Code:
dd.dterm {width: 48% !important;}
dd.lastpost {width: 28% !important;}

Included a picture with the red box line around the un-used space. If I set more characters in AP the line will break at the edge of the blue span class box.



Version: PHPBB3

Most likely I forgot somethng.... I tried several other combination found on this forum, but none made the text field grow bigger.


Last edited by Meesleepbeest on December 12th 2015, 4:47 am; edited 1 time in total

Meesleepbeest
Forumember

Posts : 120
Reputation : 3
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by SLGray on December 12th 2015, 2:19 am

If the topic title does not have many characters, it will not go all the way to the right side. All you did was increase the size of the box.

If you look at the index on the support forum, you will notice that the text does not stretch across the area.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36751
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by Meesleepbeest on December 12th 2015, 3:38 am

Well it does, thats why it has the word cookies broken off with: ...

I have lenghtened the number of characters to 40, in the AP, that is more than the sentence: "How to clear cache and cookies test". But the word 'test' is still displayed at the next line. As illustrated by this picture:


The two things I would like:
1. I do not want to break words/sentences to the next line, but always have 1 text line only.
2. I wish to use the blank space

I figure here on the support forum the length of the sentence displayed is controled by the setting in the AP "Title length of the last topic on the forum index [number]".

Meesleepbeest
Forumember

Posts : 120
Reputation : 3
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by SLGray on December 12th 2015, 3:41 am

Play around with the number of characters for topic titles until you achieve what you want.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36751
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by Meesleepbeest on December 12th 2015, 3:53 am

I am sorry, but that doesn't work. I can put it to 100 and nothing will change, and if the title is longer it will still go onto the next line instead of breaking of with '...' on the first line. Which I do not want.

As far as I know, as stated, the width percentage is not taken over correctly by that part.

As the width is 28% if you inspect [dd class="lastpost"] dd.lastpost {width:28%;}
If you inspect the span is says "Inherited from dd.lastpost" dd.lastpost {width: 20%;}

Meesleepbeest
Forumember

Posts : 120
Reputation : 3
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by SLGray on December 12th 2015, 3:59 am

I believe the correct CSS selector for that area is:
Code:
dd.lastpost span, dd.moderation span, dd.redirect span, ul.topiclist dd.info span, ul.topiclist dd.searchby span, ul.topiclist dd.time span


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36751
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by Meesleepbeest on December 13th 2015, 7:08 pm

The code did not work out, but I got it working with a sacrifice.
The width layout on the category and the forums seem connected. But the forum width is different. So I had to remove the 'Views' column to get it to fit there.
The spacing on the left side of the forum is different compared to the category, so this pushes the whole layout to the right with about 4-6%.

Here is what I think to be the issue, the Icon spacing in the green part on the left of the blue:

No mather what I did, in the forums the dd.term always took more pixels for the width.


As you can see in below picture, the green part for the icon is incorparated into the blue for the category, thus not taking extra space in the %:


I did not find a way around this. The spacing for the categories is ok now, but as said I lost the 'Views' column in the forums.

Meesleepbeest
Forumember

Posts : 120
Reputation : 3
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by SLGray on December 14th 2015, 12:14 am

You do understand that the forum columns have to equal the width of the forum?

If the forum's width is 90% then each column will use a percent of the 90%.

First Column: 50%
Second Column: 5%
Third Column: 5%
Four Column: 30%

The above is just an example.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36751
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by Meesleepbeest on December 14th 2015, 12:41 am

Yes I understand the width % and that is why I find it strange it does not work.

In Categories and Topics these columns share the same settings:

dd.term (titles both)
dd.topics (category only)
dd.posts (posts number / replies number)
dd.lastpost (both)
dd.views (only in forums)

The current settings are:

dd.term 48%
dd.topics 7%
dd.posts 8%
dd.lastpost 32%
This equals 95% in the categories, even with some space left, 96% is available.

But this does not fit in the forums.

I only get it to fit there I delete the views column, or at least set it so small that its unuseable.
So where did the extra room go?

I deleted all the extra CSS so thats not it, and deactivated all jave. So nothing else is conflicting with this either.
The only room that I can find that potentially is bugging it up is all the way to the left as show in the pictures.
As said, even with the view columns on, the width of the forum part on the picture is wider than it should be.

Meesleepbeest
Forumember

Posts : 120
Reputation : 3
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by Meesleepbeest on December 17th 2015, 1:07 pm

Nobody knows how to align it properly so I can have my 'Views' column back?

Meesleepbeest
Forumember

Posts : 120
Reputation : 3
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by brandon_g on December 17th 2015, 3:28 pm

Hello,

I can probably check some stuff for you, to see if maybe some css or other code could be causing your issue. I need your forum url to do this though, may you please provide us with the url to your forum? If you don't want it to be seen publicly you can put in it
Code:
[hide] [/hide]
tags which will make it so only those who reply to the topic or staff members can see your forum url, or you can send it to me by pm. Wink

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5359
Reputation : 489
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by Meesleepbeest on December 17th 2015, 3:47 pm

Hi Smile

Send you a PM, forum is open now.

Meesleepbeest
Forumember

Posts : 120
Reputation : 3
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by brandon_g on December 17th 2015, 6:33 pm

Ok,after obtaining the complete forum css stylesheet via the staff tools, I ran the css code through a css 'lint': http://www.htmlhelp.com/cgi-bin/csscheck.cgi

It came up with some of these errors in more (images in spoilers because there is so many Razz):
Spoiler:














There were many many many many more then that as well, however, the page was long there was no way I could screenshot them all for you, I would be here all day.

Overall you have got ALOT of css there, alot of which seems custom. Any portion of it could cause issues. You said you have tried disabling the forums css stylesheet and javascript correct? If so and it didn't help the problem, then that means the code might not even be the problem and I am not sure what it could be. When did the problem begin? Did you change anything before it began occurring? Have you tried viewing the forum from a different browser?

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5359
Reputation : 489
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by Meesleepbeest on December 17th 2015, 7:24 pm

LOL I know about the CSS, much is indeed custom and only works used this way. Many codes used are direct inputs from tutorials and such from Ange Tuteur. Everything works fine, except this problem.

I also use csslint.net and it gives 0 errors and 601 warnings. I am currently cleaning it up and lining it up for easier reading. Still was testing and coding today. Many of the warning incorporate things like 0px instead of 0 and things like !important, which is needed and adviced here all the time. And if not used it does not work lol

The site you used to check the CSS, I find very hard to read and understand as a beginner....

And yh I did try before, emptying it from all other CSS and only was left with the column settings. And at the same time even deleted all Javascripts.
Its not a deal breaker on its own, but it would be nice if it would fit Wink

Thanks for the check though, appreciate that thumleft
For all the !important warnings I will need to check each element to see if it still works without... uhg lol

~Edit~ Cleaned it up a bit, almost all errors are about '!important' use of 'ID's' and 'Overqualified Elements'. All 3 are needed, so yh...
~Edit2~ BTW I just ran the basic CSS through csslint and that came back with errors and warnings, so thats not me WinkNot sure what you ran, all of it or just my CSS?


Last edited by Meesleepbeest on December 21st 2015, 3:57 pm; edited 6 times in total (Reason for editing : typos)

Meesleepbeest
Forumember

Posts : 120
Reputation : 3
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by Meesleepbeest on December 21st 2015, 3:57 pm

Nudge

Meesleepbeest
Forumember

Posts : 120
Reputation : 3
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by Rhino.Freak on December 21st 2015, 5:08 pm

I've had same problems but could never figure out how to fix lol

Rhino.Freak
Helper
Helper

Male Posts : 1247
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by Meesleepbeest on December 21st 2015, 11:00 pm

As we got a fixed width, because of what we use it for, I can not find a way around it myself...

Well the only way I found, is to let it go past the edge on the right side (in the forums only) and limit the username characters, but that is a bit of a dirty fix lol

Meesleepbeest
Forumember

Posts : 120
Reputation : 3
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by Meesleepbeest on December 30th 2015, 1:50 am

Bump

Meesleepbeest
Forumember

Posts : 120
Reputation : 3
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

In progress Re: Lastpost Text area stays small after increasing the width in Category.

Post by Meesleepbeest on January 6th 2016, 1:36 am

Nudge

Meesleepbeest
Forumember

Posts : 120
Reputation : 3
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum