Recent Tutorials
Who is online?
In total there are 7 users online :: 0 Registered, 0 Hidden and 7 Guests :: 1 Bot

None

[ 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

SLGray
Valued Member
Title :
Owner of 2 Forums
Gender : Male
Age : 43
Posts : 2172
Points : 4069
Reputation : 246
Location : United States
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Forumactif Edge
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.
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4091
Points : 8393
Reputation : 2009
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome 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;
}
Valoish
Graphic Designer
Title :
Gender : Female
Age : 20
Posts : 3202
Points : 3828
Reputation : 259
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
SLGray
Valued Member
Title :
Owner of 2 Forums
Gender : Male
Age : 43
Posts : 2172
Points : 4069
Reputation : 246
Location : United States
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Forumactif Edge
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?
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4091
Points : 8393
Reputation : 2009
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome 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.
SLGray
Valued Member
Title :
Owner of 2 Forums
Gender : Male
Age : 43
Posts : 2172
Points : 4069
Reputation : 246
Location : United States
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Forumactif Edge
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