Latest topics
» Starred Forums
by Ange Tuteur Yesterday at 16:02

» Awards systems
by mr.abolo Yesterday at 12:54

» How to make user details like this one
by Ange Tuteur Yesterday at 12:35

» what if you asked for help to fix a problem in forum and you got this
by Ange Tuteur Yesterday at 12:07

» [GAME] Count to One Million!
by Ange Tuteur Sun 22 Jan 2017, 19:44

» Change the Path ::
by Guest Sun 22 Jan 2017, 14:22

» blah
by Andrei34 Sun 22 Jan 2017, 01:13

» How to remove these spaces
by Gin NeOs Sat 21 Jan 2017, 19:34

» Hello! I'm Prometheus.
by Guest Sat 21 Jan 2017, 08:12

» Night Mode
by Michael_vx Sat 21 Jan 2017, 00:00

» Happy Birthday Thread
by Michael_vx Fri 20 Jan 2017, 23:18

» The Happy Thread
by Guest Fri 20 Jan 2017, 08:37

» Display a Preview of Groups on Hover
by Guest Fri 20 Jan 2017, 08:32

» Race for the White House
by Guest Fri 20 Jan 2017, 08:23

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Fri 20 Jan 2017, 03:27

Recent Tutorials
Top posting users this month
Who is online?
In total there are 10 users online :: 1 Registered, 0 Hidden and 9 Guests :: 1 Bot

Valoish

[ 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 : 2246
Points : 4212
Reputation : 263
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 : 4213
Points : 8685
Reputation : 2109
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 : 3423
Points : 4145
Reputation : 286
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 : 2246
Points : 4212
Reputation : 263
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 : 4213
Points : 8685
Reputation : 2109
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 : 2246
Points : 4212
Reputation : 263
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