Latest topics
» Modify Category Tabs lead to a desired position and auto scroll click
by djblah Today at 19:19

» [Bug] Missing username in Notifications
by Ape Today at 17:44

» Recent Topic with Avatar problem
by Wolfuryo Today at 16:20

» Dark Mode + Another Question
by Haggis Yesterday at 18:11

» IconSkouliki
by skouliki Yesterday at 14:52

» make the topic a color
by mr.blake214 Yesterday at 12:06

» Forum text has changed to bold
by tillytiger99 Yesterday at 05:02

» Request a Username Change
by mr.blake214 Yesterday at 01:30

» Display a preview of the user profile on hover
by HoeGy48 Tue 15 Aug 2017, 16:51

» Hai Guys~
by mr.blake214 Tue 15 Aug 2017, 13:48

» Forumactif Messenger - Instant Message Application for Forumotion
by DDril Tue 15 Aug 2017, 10:25

» Donation Box
by Ange Tuteur Tue 15 Aug 2017, 09:59

» Custom Award Problem (Profile Field)
by Ange Tuteur Tue 15 Aug 2017, 09:39

» Category Tabs
by SLGray Sat 12 Aug 2017, 22:45

» Forum Titles not in line
by Wolfuryo Fri 11 Aug 2017, 12:55

Recent Tutorials
Who is online?
In total there are 9 users online :: 1 Registered, 0 Hidden and 8 Guests :: 2 Bots

djblah

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

Big Space When Using WYSIWYG Mode and Lists

View previous topic View next topic Go down

avatar
SLGray
Valued Member
Title :
Owner of 2 Forums
Gender : Male
Age : 44
Posts : 2383
Points : 4594
Reputation : 282
Location : United States
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : ModernBB
Awards :
View all awards
View user profile http://www.fmthemes.forumotion.com https://www.facebook.com/FM-Themes-655055824604957 https://twitter.com/FMThemes https://pinterest.com/FMThemes

PostSLGray on Sat 13 Aug 2016, 00:48

Before sending the message:






After sending the message:

It looks like it is adding two lines.
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4675
Points : 9685
Reputation : 2331
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Sat 13 Aug 2016, 12:49

Hi @SLGray,

It looks like the default margin on the lists. You can remove it with the following CSS rule if you want. Wink
Code:
.content ul, .content ol {
  margin:0;
}
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 20
Posts : 3621
Points : 4645
Reputation : 350
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Sat 13 Aug 2016, 12:53

I have the same issue, only with all the text not just lists. 
Only way to fix it manually is for me to exit WYSIWYG mode and delete the extra space. 
(It's as if WYSIWYG adds 2 line breaks per one "enter")

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
SLGray
Valued Member
Title :
Owner of 2 Forums
Gender : Male
Age : 44
Posts : 2383
Points : 4594
Reputation : 282
Location : United States
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : ModernBB
Awards :
View all awards
View user profile http://www.fmthemes.forumotion.com https://www.facebook.com/FM-Themes-655055824604957 https://twitter.com/FMThemes https://pinterest.com/FMThemes

PostSLGray on Sat 13 Aug 2016, 18:24

@Ange Tuteur wrote:Hi @SLGray,

It looks like the default margin on the lists. You can remove it with the following CSS rule if you want. Wink
Code:
.content ul, .content ol {
  margin:0;
}
Thanks.  So it is best to not use WYSIWYG mode while using lists?
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4675
Points : 9685
Reputation : 2331
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Sat 13 Aug 2016, 19:32

Lists have a pretty large margin between the text above and below to begin with, but the position of the tags can increase it. For example :

This is easier to read, but has a larger space above and below (+2 line breaks) :
Code:
text above
[list]
[*]item 1
[*]item 2
[*]item 3
[/list]
text below
text above

  • item 1
  • item 2
  • item 3

text below


This is a bit harder to read, but has less space above and below (0 line breaks) :
Code:
text above[list][*]item 1
[*]item 2
[*]item 3[/list]text below
text above
  • item 1
  • item 2
  • item 3
text below


I'm assuming WYSIWYG mode formats the lists like in my first example, which would explain the extra space. Added with the margin on the lists, it makes the space look even bigger.
avatar
SLGray
Valued Member
Title :
Owner of 2 Forums
Gender : Male
Age : 44
Posts : 2383
Points : 4594
Reputation : 282
Location : United States
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : ModernBB
Awards :
View all awards
View user profile http://www.fmthemes.forumotion.com https://www.facebook.com/FM-Themes-655055824604957 https://twitter.com/FMThemes https://pinterest.com/FMThemes

PostSLGray on Sat 13 Aug 2016, 20:18

Thanks for the information.

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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