X
Tap here to go to the mobile version of the site.

Support Forum

How to post code on forum?

Posted

How do you post source code on these support forums?

Like below;

  1. TabsToolbar {
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;

}

How do you post source code on these support forums? Like below; #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; }

Chosen solution

Note that you need to enter <pre> at the start of the CSS code and place the closing pre tag </pre> after the code.

<pre>
#TabsToolbar {
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
}
</pre>
Read this answer in context 0
Quote

Question owner

The post above is not how I posted it.

The post above is not how I posted it.
Was this helpful to you?
Quote
FredMcD
  • Top 10 Contributor
4314 solutions 60603 answers

You would be better off posting the code on Pastebin.


Open a text/word program and load the file. Left-click once. Now <Control> A to highlight everything, then <Control> C to copy it.

Next, have your web browser go to; https://pastebin.com/

Paste <Control> P the content of the file in the window. Note: On the bottom, fill out the boxes as best you can.

Now press Create A New Paste. The page will reload. Copy the new web address, and post it here.

You would be better off posting the code on Pastebin. Open a text/word program and load the file. Left-click once. Now '''<Control> A''' to highlight everything, then '''<Control> C''' to copy it. Next, have your web browser go to; '''https://pastebin.com/''' Paste '''<Control> P''' the content of the file in the window. '''Note: ''' On the bottom, fill out the boxes as best you can. Now press '''Create A New Paste. ''' The page will reload. Copy the new web address, and post it here.
Was this helpful to you?
Quote
James
  • Top 25 Contributor
  • Moderator
1603 solutions 11348 answers

You can try using the < pre>insertext< /pre> tags

just remove the space after the <

You can try using the < pre>insertext< /pre> tags just remove the space after the <
Was this helpful to you?
Quote

Question owner

insertext< /pre> code  

#TabsToolbar {
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
}

code <pre>insertext< /pre>

Thanks, it worked, I tweaked the tag a little.
'''<pre>insertext< /pre> code ''' #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; } '''code <pre>insertext< /pre>''' '''Thanks, it worked, I tweaked the tag a little.'''
Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8839 solutions 72253 answers

If your ultimate question is why this doesn't work in Firefox 71 --

jorb said

#TabsToolbar {
  position: absolute !important;
  bottom: 0 !important;
  width: 100vw !important;
}

-- the basic answer is that this is also needed in that list of rules now:

  display: block !important;

However, if that doesn't fix it, then you may prefer to start over with fresh "tabs on bottom" code.

If your ultimate question is why this doesn't work in Firefox 71 -- ''jorb [[#answer-1272007|said]]'' <blockquote> <pre>#TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; } </pre> </blockquote> -- the basic answer is that this is also needed in that list of rules now: display: block !important; However, if that doesn't fix it, then you may prefer to start over with fresh "tabs on bottom" code.
Was this helpful to you?
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17699 solutions 160142 answers

Chosen Solution

Note that you need to enter <pre> at the start of the CSS code and place the closing pre tag </pre> after the code.

<pre>
#TabsToolbar {
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
}
</pre>
Note that you need to enter &lt;pre&gt; at the start of the CSS code and place the closing pre tag &lt;/pre&gt; after the code. <pre>&lt;pre&gt; #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; } &lt;/pre&gt; </pre>
Was this helpful to you?
Quote

Question owner

jscher2000,

You can read about it here https://support.mozilla.org/en-US/questions/1274197

I'm still working on how to post code in editor. Ether way my tabs are on the bottom again.

#TabsToolbar {
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
}

cor-el,

I think i figured out how to post code. Thanks for fixing my code post in the above link.

jscher2000, You can read about it here https://support.mozilla.org/en-US/questions/1274197 I'm still working on how to post code in editor. Ether way my tabs are on the bottom again. <pre> #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; } </pre> cor-el, I think i figured out how to post code. Thanks for fixing my code post in the above link.
Was this helpful to you?
Quote
RashanH 1 solutions 44 answers

Hello Jorb,

Here is an addition.

var faq = new Array(3)

You can use < code > tag, as well as < pre >.

Thank you!

Hello Jorb, Here is an addition. <code>var faq = new Array(3)</code> You can use < code > tag, as well as < pre >. Thank you!
Was this helpful to you?
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.