Is there a way to make tables that look good in this forum software?
Not the tables with four legs that you put your dinnerplate on, but a table like this:
- A - B - C - D - E
or
1. A 2. B 3. B 4. B 5. B
I'm looking for a way to put extra spaces between the lines move the whole table a bit to the left, like when using bullet points in a text editor like Word.
@Son_of_Imoen, not entirely sure what you mean. You want an indent (as referred to when you said "a bit to the left"), I assume? Or do you mean line spacing between lines (as referred to when you said "extra spaces between the lines")? Or both?
If you're looking for an indent, you can just use a standard list and remove the bullet point instead of using a table. Or you can use a DIV element and give it extra padding.
@Troodon80 As my Office software is in Dutch, I found it hard to find the proper English way of saying it.
But what I meant was (attempt at clarification:) a standard list with bullet points, with a linear spacing of about 1 1/2. Or with numbers instead of bullet points if there's a definitive order in what I try to say. And with an indent (I got the left and right mixed up, sorry for that).
This is the standard line spacing if each list item (li) is on a separate line. It's also the standard indent, but you can indent more with styles. Note, however, that the line spacing will only apply to each item, and not all the text. Here's an example of a series of long list items:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget hendrerit nulla, sed aliquam lectus. Nam condimentum elit eleifend libero rhoncus ullamcorper. Vivamus arcu magna, mattis quis tincidunt at, ornare non augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget hendrerit nulla, sed aliquam lectus. Nam condimentum elit eleifend libero rhoncus ullamcorper. Vivamus arcu magna, mattis quis tincidunt at, ornare non augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget hendrerit nulla, sed aliquam lectus. Nam condimentum elit eleifend libero rhoncus ullamcorper. Vivamus arcu magna, mattis quis tincidunt at, ornare non augue.
Using a DIV with padding will give you a very similar effect as a blockquote normally does on the forum, e.g.:
To answer your question here, a DIV element is, as standard, a block element (assumes the full width of the parent element), and one of the most common elements when structuring a website, and with which to apply styles to. The theory here is that you can give the text that extra padding to the right. In addition, you can also opt to increase the line-height—as I have done in this example:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget hendrerit nulla, sed aliquam lectus. Nam condimentum elit eleifend libero rhoncus ullamcorper. Vivamus arcu magna, mattis quis tincidunt at, ornare non augue. Nulla vitae magna quis tortor vulputate feugiat nec at nisl. Nulla nulla nunc, dictum at urna quis, mattis cursus nibh. Vestibulum egestas pretium tortor, a tempor risus consectetur vulputate. Quisque in nulla ut arcu maximus tincidunt. Maecenas pretium consequat nibh id accumsan. Curabitur vitae efficitur nulla, a congue sapien. Etiam tristique vel neque eu vestibulum. Integer at erat varius, ullamcorper diam vitae, molestie metus. Vivamus ultricies nisl purus.
Compare the above with this:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget hendrerit nulla, sed aliquam lectus. Nam condimentum elit eleifend libero rhoncus ullamcorper. Vivamus arcu magna, mattis quis tincidunt at, ornare non augue. Nulla vitae magna quis tortor vulputate feugiat nec at nisl. Nulla nulla nunc, dictum at urna quis, mattis cursus nibh. Vestibulum egestas pretium tortor, a tempor risus consectetur vulputate. Quisque in nulla ut arcu maximus tincidunt. Maecenas pretium consequat nibh id accumsan. Curabitur vitae efficitur nulla, a congue sapien. Etiam tristique vel neque eu vestibulum. Integer at erat varius, ullamcorper diam vitae, molestie metus. Vivamus ultricies nisl purus.
So that's the simple stuff out of the way. Does that answer the question, or is there anything you want to add to further clarify?
Is it posssible to change the gradient of background in the post? Now it's black/grey, devs have blue/black. How to change it, for example, to black/red ?
You can quote me @brus . Change the color value [rgb()] for experimenting with various background. Black-red should be rgb(10,10,10), rgb(160,20,20). Also you find a purest code here
Isn't there an editor that outputs a forum friendly formatted text but has GUI inputs? I don't like typing in all tags, especially when it's just to underline or embolden some text.
I don't tend to worry that much about the time it takes, but there are a few WYSIWYG editors out there. Kompozer hasn't been updated in a long time, but you could try that. Aside from that, there are probably browser extensions you could get.
Bold text Italic text Underlined text Strikethrough text Font: serif Font: sans-serif Font: cursive Font: fantasy Font: monospace Colored text: #FF7F00 Colored text: green Text size: 0 Text size: 1 Text size: 2 Text size: 3 Text size: 4 Text size: 5 Text size: 6 Text size: 7 AAT
Unformatted link: http://unformatted.link
Formatted link: Formatted link
Unformatted wiki link: wiki-page
Formatted wiki link: Formatted wiki link
Email: test@test.test
Image:
Horizontal rule:
Forced
line break
Not sure what you mean; in what way was it opposite? I just added HTML to this post and it worked fine when I saved it. Note that many old spoilers are still broken.
Oh, I got what you mean - you mean that to EDIT the pre-change posts we need to use the old formatting way, right? But to edit the pre-change posts in terms of spoilers we need to change brackets.
Yes, i tried to change the broken spoiler tags in one of my thread with changing the old spoiler tags, as Dee suggested above too, by copying in notepad ++ . But if i changed it to this form: < div class="Spoiler" > < /div > , just the first spoiler tag showed up, the others didn't appeared, three dot showed up instead. I tried the extended spoiler code, what Troodon mentioned somewhere, but with that the body of the post were too long, so i could not save the edit. I didn't find a proper solution yet. Should i move the entire post in a new discussion?
Edit: I see just now, that what Dee mentioned is a completely different method. My question still remained however.
Comments
Not the tables with four legs that you put your dinnerplate on, but a table like this:
- A
- B
- C
- D
- E
or
1. A
2. B
3. B
4. B
5. B
I'm looking for a way to put extra spaces between the lines move the whole table a bit to the left, like when using bullet points in a text editor like Word.
If you're looking for an indent, you can just use a standard list and remove the bullet point instead of using a table. Or you can use a DIV element and give it extra padding.
Should you want a table instead, then you can see one I made earlier.
If you can clarify your usage, I can give you a better reply. :-)
But what I meant was (attempt at clarification:) a standard list with bullet points, with a linear spacing of about 1 1/2. Or with numbers instead of bullet points if there's a definitive order in what I try to say. And with an indent (I got the left and right mixed up, sorry for that).
But what's a DIV element?
Okay, I'll see if I can accommodate. :-)
Standard ordered list:
- List item 1
- List item 2
- List item 3
Standard unordered list:- List item 1
- List item 2
- List item 3
Unordered list without decoration:- List item 1
- List item 2
- List item 3
This is the standard line spacing if each list item (li) is on a separate line. It's also the standard indent, but you can indent more with styles. Note, however, that the line spacing will only apply to each item, and not all the text. Here's an example of a series of long list items:Using a DIV with padding will give you a very similar effect as a blockquote normally does on the forum, e.g.: To answer your question here, a DIV element is, as standard, a block element (assumes the full width of the parent element), and one of the most common elements when structuring a website, and with which to apply styles to. The theory here is that you can give the text that extra padding to the right. In addition, you can also opt to increase the line-height—as I have done in this example:
Compare the above with this:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget hendrerit nulla, sed aliquam lectus. Nam condimentum elit eleifend libero rhoncus ullamcorper. Vivamus arcu magna, mattis quis tincidunt at, ornare non augue. Nulla vitae magna quis tortor vulputate feugiat nec at nisl. Nulla nulla nunc, dictum at urna quis, mattis cursus nibh. Vestibulum egestas pretium tortor, a tempor risus consectetur vulputate. Quisque in nulla ut arcu maximus tincidunt. Maecenas pretium consequat nibh id accumsan. Curabitur vitae efficitur nulla, a congue sapien. Etiam tristique vel neque eu vestibulum. Integer at erat varius, ullamcorper diam vitae, molestie metus. Vivamus ultricies nisl purus.
So that's the simple stuff out of the way. Does that answer the question, or is there anything you want to add to further clarify?
I'd like to give you an Insightful, Agree and Like all at once for your effort.
*edit: and I tried it out straight away
Now it's black/grey, devs have blue/black. How to change it, for example, to black/red ?
Mushroom.
Testing.
You can quote me @brus . Change the color value [rgb()] for experimenting with various background.
Black-red should be rgb(10,10,10), rgb(160,20,20). Also you find a purest code here
Testing.
Edit: also, if you place the orientation of the gradient background as i did it above, you can't edit your own post anymore...
Thank you @lolien
Seems I just needed to ask to get embedded formating! Yay !
Italic text
Underlined text
Strikethrough text
Font: serif
Font: sans-serif
Font: cursive
Font: fantasy
Font: monospace
Colored text: #FF7F00
Colored text: green
Text size: 0
Text size: 1
Text size: 2
Text size: 3
Text size: 4
Text size: 5
Text size: 6
Text size: 7
AAT
Unformatted link: http://unformatted.link
Formatted link: Formatted link
Unformatted wiki link: wiki-page
Formatted wiki link: Formatted wiki link
Email: test@test.test
Image:
Horizontal rule:
Forced
line break
It looks like the mere presence of a spoiler tag is enough to alter the behaviour of the code tag.
Edit: now it works fine.
When I looked through https://forums.beamdog.com/discussion/40963/baldurs-gate-siege-of-dragonspear-previously-known-as-the-adventure-y-project#latest I found the opposite - the formatting of posts is off. Also, have a look at the OP in this thread - the formatting there is completely off (it isn't retained).
Not sure what you mean; in what way was it opposite? I just added HTML to this post and it worked fine when I saved it. Note that many old spoilers are still broken.
You can switch back to HTML-view if you prefer, and WYSIWYG uses HTML.
LET'S FIND OUT.
EDIT: Okay, so if you enter HTML when you're in WYSIWIG mode, it doesn't do anything. However...
If you enter HTML in HTML-view, it'll work. See?
This is a heading, apparently.
This is a Heading 2.
There is no Heading 3.
Or is there? (typed in HTML)
How to do cool things
Here are the steps:
1. Open a Word document
2. Type your post how you want it to appear
3. Copy the whole thing
4. Paste it into your post.
Edit: I see just now, that what Dee mentioned is a completely different method. My question still remained however.