levik
2002-12-24 07:40:18 |
HTML codes for use on the site
Many of you know this, but many do not, so here goes...
When posting problems and comments on the site, you have the ability to use some HTML codes to format your text. Not all the codes are allowed, but there should be enough for basic formatting:
<br> : line BReak, will go to the next line
<p> : Paragraph, will skip a line before the next bit of text
(The two tags above are not needed when posting comments, line breaks are converted automatically)
<b> ... </b> : Bold text - the text between these tags will be bold.
<i> ... </i> : Italic text - the text between these two tags will be italicised.
<a href="http://some.url.com/page.html">Link Text</a> : A Link, will show as text between the tags, pointing to the specified URL.
If i remember more that are supported on the site, I will post them. Also, if you think some are missing, let me know, and we'll see about adding them. No images, forms or tables though. |
friedlinguini
2002-12-24 09:50:47 |
Re: HTML codes for use on the site
I'm guessing MathML is out of the question... |
levik
2002-12-26 05:19:36 |
Re: HTML codes for use on the site
Honestly, I don't really know much about MathML other than the fact that it exists. Doesn't it only work well with Mozilla-based browsers?
If you can give me a good reference link, and it turns out to be more widely supported than I think it is, we can possibly think about hacking it in.
(I'm toying with an idea of "attachments" to comments/problems) |
friedlinguini
2002-12-26 07:04:01 |
Re: HTML codes for use on the site
http://www.w3c.org/Math
Probably just a pipe dream right now. It apparently freezes Phoenix for Windows for some reason. Support for Mozilla under Windows is OK decent, but not perfect. IE works pretty well with right plugin (i.e., MathPlayer), but will simply strip MathML tags without warning or an offer to download the plugin if you don't have it. Don't know about Netscape or Opera, and I don't know about other platforms.
Still, one can always dream. :-)>
What do you mean by attachments? As in uploading images? That would be nice and would significantly reduce the need for MathML... |
levik
2002-12-26 07:38:29 |
Re: HTML codes for use on the site
My thought was a yahoo-style "add atachment" button, with a drop down of supported typed - for example "image", "mathML", etc.
Click it and you get a popup with the appropriate interface (depending on what you picked) - Text area for MathML, file upload for the image.
The problem is that there's no good way to display images inline - there's never a guarantee that they won't break the layout unless I do some heavy duty analysing. this is why I was always reluctant to add support. |
friedlinguini
2002-12-26 08:18:49 |
Re: HTML codes for use on the site
MathML isn't really anything more than additional tags that could appear in an HTML document. It seems to me that there wouldn't be much reason to handle it as a separate attachment.
Large images in a problem would probably be handled at the approval stage. Comments (and forum postings?) would be trickier. Perhaps Resize and/or Delete links available to users of a certain level (where Resize would just add WIDTH and HEIGHT attributes to the IMG tag)? Another approach might be to take the images out-of-line. That is, make a link available for breaking out the image in a popup.
In principle, being able to upload images would be a cool feature. It broke my heart to vote against that Prove the Pythagorean Theorem problem... |
TomM
2002-12-27 02:00:08 |
Re: HTML codes for use on the site
If we could open images in a pop-up (similar to the preview pop-up for comments) would that solve the problem?
Links are already supported, and I'm not surethat there are any other attachments other than animations (and if they were animated *.gif's, they would be included in the image support) that really needs be supported. |
TomM
2002-12-27 02:03:58 |
Re: HTML codes for use on the site
BTW Netscape 6.x and 7.0 use the Mozzilla browser, so in theory, only 4.x and earlier would not support MathML |
levik
2002-12-27 02:09:02 |
Re: HTML codes for use on the site
That's allright (about Netscape 4). This site's use of DIV layers and CSS makes it almost unbrowsable with that browser anyway. It represents less than 1% of the web audience today, so I don't think we should worry too much over it.
I have considered popup images for a while, but this would be a less than optimal solution. |
friedlinguini
2002-12-27 03:57:07 |
Re: HTML codes for use on the site
Re: TomM's comment on MathML - You'd think so, but Phoenix is based on Mozilla as well, but freezes when it tries to load a page containing MathML. That's why I was reluctant to assume it would work. |
TomM
2002-12-27 09:48:38 |
Re: HTML codes for use on the site
That's why I said "in theory" I haven't tested it out for myself. |
TomM
2002-12-27 09:58:27 |
Re: HTML codes for use on the site
OK, I looked at the site that FL linked to (above). According to the site, Netscape 6.x works if you have the plug-in, and 7.0 works natively.
I looked at the test pages using 7.0, and all of the test examples worked (more or less -- the overhead bar of the radical was a bit too thick).
There was a pop-up dialogue box suggesting adding a couple of special fonts. I'll have to find out where I can find them. |
Alan
2003-03-05 08:24:10 |
Re: HTML codes for use on the site
Ummm levik in one of my problems i'm makling a solution to a problem with a txt based table/graph but the site won't allow more than 1 space. Is there any way to make a larger space between two numbers/letters? |
levik
2003-03-05 10:47:51 |
Re: HTML codes for use on the site
There's the "pre" tag, but that's being escaped because it screws up too much if you forget to close it, as far as I recall.
Just put "<pre> ... </pre> around your table, and then when It gets to posting time, I will make this work by going into admin. |
TomM
2003-03-07 13:23:49 |
Re: HTML codes for use on the site
When I need more than one space at one point on a line, I alternate normal spaces (using the space bar key) with non-breaking spaces (character code nbsp).
Just type a space, then type an ampersand (&) to indicate the start of a character code, followed by the code nbsp and a semi-colon (;) to indicate the end of the character code. Then type another space and code another non-breaking space, etc.
You may want to use the preview feature to make sure you don't have too many or too few spaces in the posted version. |
levik
2003-03-07 18:15:20 |
Re: HTML codes for use on the site
heh - I use that trick as well from time to time. :)
I have been considering opening up some more pesky HTML tags to some higher ranking people, but since rank on this site is not (and shouldn't be) indicative of one's profficiency with html, I'm not sure this is such a good idea. |
Alan
2003-03-22 05:13:04 |
Re: HTML codes for use on the site
Do these html codes work on the queue comment submition part of the site. I tried making a link but it didn't work. |
levik
2003-03-22 05:34:53 |
Re: HTML codes for use on the site
No - those are strictly for short suggestion. I wanted to discourage excess discussion there, so people would save it for when the problem is live. |
Alan
2003-03-22 05:42:58 |
Re: HTML codes for use on the site
well ireally just wanted to show a link to show what a problem was a dupe of |
levik
2003-03-23 04:28:25 |
Re: HTML codes for use on the site
Hmmm... well, traditionally I would just put the problems name in the comment. the search box is right there, and will open in a new window, so anybody who wants to see the problem will still be able to do so fairly easily. |
Fernando
2003-03-28 08:55:59 |
Re: HTML codes for use on the site
I have seen that some problems have their own images (for example: "9 dots" in shapes by Gautam)... I recently submitted a problem that requires an image... I tried to use the <img src> command, but didn't work... so then I worte something like: "Note: image needed located at ......."
Can anybody help me out, please? |
TomM
2003-03-28 13:07:42 |
Re: HTML codes for use on the site
If you need to include an image, the best way is to submit the problem with a note at the end to remind levik to include the image.
Then e-mail him a copy of the image and a note telling him which problem the image belongs to.
In the case you described where you have already put the image up separately on the web, your email could just confirm that.
In either case, when the problem comes up for voting, include a new note reminding levik about the need to include the image. |
Fernando
2003-03-28 19:19:07 |
Re: HTML codes for use on the site
Thanks a lot, Tom! |
levik
2003-03-29 05:28:16 |
Re: HTML codes for use on the site
I generally process all images that go into problems to give them that "flooble border". Also, I like them hosted on the site itself - that's just more reliable. |
Tim Axoy
2003-05-17 07:14:28 |
Re: HTML codes for use on the site
p
br
b
i |
Tim Axoy
2003-05-18 07:47:41 |
DoubleRe: HTML codes for use on the site
pp
brbr
bb
ii |
Bryan
2003-05-21 09:21:14 |
HTML codes not mentioned yet
I occasionally use list items. Minus the extra spaces that follow, they are:
< ul >
< li > dog
< li > cat
< /ul >
< ol >
< li > dog
< li > cat
< /ol >
- dog
- cat
|
Gamer
2003-05-21 09:59:10 |
Re: HTML codes for use on the site
Oh... That looks
|
Tim Axoy
2003-05-24 13:41:03 |
Re: HTML codes for use on the site
- A is a knight and B is a knight.
- A is a knight and B is a liar.
- A is a liar and B is a knight.
- A is a liar and B is a liar.
|
Tim Axoy
2003-05-25 06:29:29 |
Re: HTML codes for use on the site
- The dog will not go under the bed.
- The rope will not be soaked in juice.
- Do not jump on the rope.
- Do not hit the pot.
- If you run to the right,then you will find ants.
- If you drink the juice,then you will feel weird.
|
DJ
2003-05-27 16:09:56 |
Re: HTML codes for use on the site
I think that tables would be extremely useful, or at least the <pre> tags. Since the page is in PHP (I love this language), it should be relatively easy to detect any time there is a <pre or <table without a corresponding <pre> or <table> and append the closing tags to the offending comment or problem (note that you detect a <table and not a <table> since there may be parameters that follow). It seems that a table is called for quite often on the site without any really good way to generate it. |
DJ
2003-05-27 16:11:12 |
Re: HTML codes for use on the site
rather, append the closingtags </table>: or </pre> |
Tim Axoy
2003-05-28 04:27:37 |
Re: HTML codes for use on the site
Did Timothy play with the ball?
Did Timothy play with the ball?
Did Timothy play with the ball? |
levik
2003-05-28 09:20:16 |
Re: HTML codes for use on the site
I will look into PRE, but I am definitely not allowing TABLE and related tags - there's too much potential for abuse, and it's hardly ever needed... In fact I remember only one or two cases. |
friedlinguini
2003-05-29 05:16:29 |
Re: HTML codes for use on the site
PRE is a must if you want programming-type puzzles. The space-nbsp trick gets old pretty quickly. |
DJ
2003-05-29 17:28:08 |
Re: HTML codes for use on the site
<pre> is a definite must, I think, especially with the inception of the algorithms category. I don't see how tables could be abused, especially if you make sure to close the tags, and only allow certain parameters like width and height. Granted, almost anything you can do with a table you can do with a <pre> tag by spacing it out (which is a heck of a lot easier than rows upon rows of and fifty previews to line things up like it is now), but most everything it seems would be easier with tables, especially once you have more than two or three columns. And again, I like to think myself pretty proficient with HTML and PHP both, and I fail to see what type of 'abuse' could arise from allowing the <table> tag. |
DJ
2003-05-29 17:32:02 |
Re: HTML codes for use on the site
Also, an obscure point, I have wanted to use the strikeout tag (<s>) a few times in forming lists and whatnot where certain elements need be removed or 'crossed out,' and might make a simple but potentially useful addition to the bag of flooble HTML tricks. |
Gamer
2003-05-30 10:28:01 |
Re: HTML codes for use on the site
That's a <s>stupid<s> good idea! |
Gamer
2003-05-30 10:28:25 |
Re: HTML codes for use on the site
Hmmm... <s>bad<s> good |
Gamer
2003-05-30 10:28:47 |
Re: HTML codes for use on the site
ok I give up... How does it work??? |
TomM
2003-05-30 11:00:21 |
Re: HTML codes for use on the site
First, I believe that it has been disabled on this site, which is why DJ asked about re-enabling it.
And second, the closing tag needs a backslash (/) at the beginning.
Just to test my belief that it is disabled: <S>test<S> |
TomM
2003-05-30 11:00:45 |
Re: HTML codes for use on the site
Yup, disabled. |
TomM
2003-05-30 11:02:38 |
Re: HTML codes for use on the site
Hmmph-- I know I included the backslash! That must be how it disabled it. Sorry for assuming you'd missed it, Gamer. |
friedlinguini
2003-05-30 11:35:28 |
Re: HTML codes for use on the site
Just to throw in a bit of pedantry, that's a forward slash. |
Gamer
2003-05-30 16:07:04 |
Re: HTML codes for use on the site
I had to do it twice to make sure I included it! I was like "Didn't I include a backslash?!?!", but now I know I'm not going crazy! |
Ravi Raja
2003-05-30 18:18:05 |
Re: HTML codes for use on the site
<s> strikeout <s> |
Ravi Raja
2003-05-30 18:19:30 |
Re: HTML codes for use on the site
<s> strikeout <s>
|
Ravi Raja
2003-05-30 18:20:33 |
Re: HTML codes for use on the site
Where's the forward slash going? The entire expression remains as it is but the slash disappears !! It does not work the way we want it to. |
levik
2003-05-30 19:19:54 |
Re: HTML codes for use on the site
Strikeout should be fixed.
Pre -
formatted text
should be
Enabled for Apprentices and above. |
levik
2003-05-30 19:21:36 |
Re: HTML codes for use on the site
However, because line breaks in comments and forums are automatically turned into BR's, all PRE'd text there will be double-spaced. (Problems and solutions will not have this issue) |
Gamer
2003-05-31 06:15:51 |
Re: HTML codes for use on the site
strikeout |
Gamer
2003-05-31 06:16:17 |
Re: HTML codes for use on the site
Ok it's not fixed fixed! |
Tim Axoy
2003-05-31 06:42:28 |
Re: HTML codes for use on the site
No! |
DJ
2003-05-31 07:00:57 |
Re: HTML codes for use on the site
The pre appears
to be
working
but
although:
What happens if I leave a really long line of comment after closing the </pre> tage? I did this before, in another forum, and it seemed to kill the text wraparound.
Let's see what happens... |
DJ
2003-05-31 07:04:33 |
Re: HTML codes for use on the site
The next line of text will not wraparound. Hm.. |
Tim Axoy
2003-06-01 08:56:03 |
Re: HTML codes for use on the site
I love you. |
Tim Axoy
2003-06-01 08:58:29 |
Re: HTML codes for use on the site
I love you. |
DJ
2003-06-02 10:28:57 |
Re: HTML codes for use on the site
Other codes that might be found useful are subscripts (<sub>) and superscripts (<sup>). Subscripts would make many algebra problem solutions less confusion by, say, replacing x1, x2, x3 with actual subscripted variables. Superscripts are useful, of course, for exponents (other than x¹, x², and x³ which are always available). |
DJ
2003-06-02 12:30:09 |
Re: HTML codes for use on the site
Also, it might be nice to unlock the 'type' parameter for ordered and unordered lists (<ol> and <ul>), so that we can make lists using numbers, letters, numerals, discs, circles, squares, etc, besides the default numbers for <ol> and circles for <ul>. |
TomM
2003-06-02 16:30:53 |
Re: HTML codes for use on the site
Actually, since one of the reasons levik resticted so many html codes is to assure that the "look" or "style" of the page matches the "look" or "style" of the rest of the site, restricting the type of bullets in lists to the standard ones makes sense. (Although I can see that using different ordered list bullets might be desirable in constructing an outline.) |
DJ
2003-06-03 02:41:56 |
Re: HTML codes for use on the site
The suggestions I am making here are generally as I notice something I would like to do or something that would potentially make the site easier to read and give the problems and solutions a good look that is easily achieved rather than manual spacing or messy algebraic equations, as the case may be. Whenever I am posting a problem, solution, or comment and notice something that I would normally do in HTML to format the text, but cannot, I suggest it be reinstated if I feel it would be useful.
Specifically, regarding the list types, the convention for problems with multiple parts or more than one question to answer is for each item to be assigned a lowercase letter, as in:
"a. What is the answer?
b. Prove that this is the only solution.
c. What if you changed x to 3?"
etc... This is simply and neatly achieved by using <ol type="a">, whereas the <ol> tag defaults to Arabic (1, 2, 3, ...) ordered listing.
Also, for problems with more than one major part, it is perhaps desirable to list them with capitalized Roman numerals (I, II, III, IV, ...).
The other thing, especially regarding a consistent style of the site, is that an unordered list default to "disc" bullets, but when nested within another list, it changes to "circle" bullets. This happened in one of my problems, where I had a numbered list of items, one of which had several bulleted points, and I was going to change the bullets to the solid discs to match the rest of the site.
- first item
- second item
- but make sure of this
- also this
- third item
- final point
- point(s)
- two or three
|
levik
2003-06-03 05:53:26 |
Re: HTML codes for use on the site
DJ: I understand that these may be more convenient, but unfortunately I cannot currently allow the use of types, because of the difficulty of checking for well-formed tags. Already the HTML-filtering code is more complex than I would like it. Perhaps one day I will find a good pluggable solution to this (maybe something like the Bulletin Board codes used on some forums) - but until then we'll have to make do with default lists.
The technical aspect of it is pretty much the only motivator here - I do not really object to people using "empty" bullets at all (so your example above is actually fine) |
DJ
2003-06-03 12:21:27 |
Re: HTML codes for use on the site
I assumed that the reasoning behind disallowing types or other parametrized tage was due to the complex programming required, especially trying to allow only certain parameters for use within the tag. I feel as if people think I am imposing demands on levik or on the site, but in running several websites for other people I know all too well what it's like to try to keep up with the technical and stylistic demands of other people for a site. Please take my suggestions as just that, mere suggestions. |
friedlinguini
2003-06-03 13:23:56 |
Re: HTML codes for use on the site
I'd be surprised if there isn't decent preexisting code for stripping "bad" HTML from the contents of a web form. By the way, any chance of getting the extra line breaks out of the <pre>-formatted text? |
Charlie
2003-06-03 16:18:20 |
Re: HTML codes for use on the site
Comment 1 on Quaker Queens of Chess uses pre, and looks single-spaced. Had it been fixed already?
|
Charlie
2003-06-03 16:23:10 |
Re: HTML codes for use on the site
Or is it a smaller typeface, which partially masks the double spacing? It looks like that might be the case from DJ's 5-31 test above, though it's hard to tell on the Quaker Queen comment as only *'s and .'s are present. |
DJ
2003-06-03 16:24:35 |
Re: HTML codes for use on the site
I didn't notice that there ever was a problem with the double-spaced text. If there was, levik fixed it shortly after enabling the tag. |
Tim Axoy
2003-06-04 02:57:16 |
Re: HTML codes for use on the site
Kk |
Charlie
2003-06-04 03:48:40 |
Re: HTML codes for use on the site
underlined within pre
|
Charlie
2003-06-04 04:09:46 |
Re: HTML codes for use on the site
I've found that a paragraph entered even before the pre tag is extending out (getting cut off) beyond the right margin. See my posted comment on "Move the 2 - Double the Number". The first paragraph was before any pre tag. It seems the only reason that any of the remainder of the paragraph is showing is that I had copied and pasted from Notepad while Notepad was in word wrap mode, and it took the line breaks where Notepad had them. (...which is a strange feature in itself, as notepad shouldn't send automatic line breaks into the clipboard, but apparently it does.) |
friedlinguini
2003-06-04 04:44:12 |
Re: HTML codes for use on the site
Ugh. Seems like a browser-specific issue, then. In Mozilla Firebird, the chessboard solution looks double-spaced. In IE, it looks fine. More fun for the lev-man. :-)> |
DJ
2003-06-04 10:02:36 |
Re: HTML codes for use on the site
Well, based just on the HTML, something that is typed as:
some text
<pre>
line of something
something else
</pre>
the end.
is automatically changed (in comments and forums) to:
some text
<br>
<pre>
<br>
line of something
<br>
something else
<br>
</pre>
<br>
the end.
when it is submitted. This will appear double-spaced in IE and double- or triple-spaced in other browsers. Levik must have added a fix to somehow disable the line breaks or the <br> within the </pre> tag, without changing the page source, I would assume with Javascript or some other client-side browser-controlled language. With an older browser or a third-party browser that did not have full JS support, those fixes will probably not appear correctly. |
friedlinguini
2003-06-04 11:24:44 |
Re: HTML codes for use on the site
Either that or IE is rendering the text incorrectly (I'm more upset at Microsoft than usual right now, so that seems to be the most likely answer). |
DJ
2003-06-04 12:56:10 |
Re: HTML codes for use on the site
I don't think so, because the second snippet of code in my previous post will always show up as double-spaced in IE without some sort of JS post scripting. Try it for yourself; copy the text into notepad and save it with a .htm extension, then open it with IE. You'll see the double spaces, actually quadruple between the first two lines of text ("some text" and "line of something"). It seems that levik intentionally (and quite painstakingly, I'm sure) fixed the bug.
In any case, IE is rendering the text correctly, and the Mozilla browser is showing it incorrectly. |
Charlie
2003-06-05 03:44:07 |
Re: HTML codes for use on the site
I'M TYPING IN UPPER CASE plus some descenders:ppppppppppp
TO GET A BETTER FEEL FOR THE SIZE OF THE FONT:ppppppppppp
WHEN THIS IS WITHIN PRE TAGS pppppppppppppppppppppppppppp
|
Charlie
2003-06-05 03:46:31 |
Re: HTML codes for use on the site
AS OPPOSED TO NON-PRE'D TEXT:pppppppppppppp
CONTINUED HERE ON THIS LINE pppppppppppppp
AND TO MAKE A THIRD pppppppppppppppppp
|
Charlie
2003-06-11 03:10:53 |
Effect of PRE tag
On my latest posting, the comment on Mind Boggling, the only paragraphs that refuse to word wrap are the first ones after the </pre> tag that closes the pre text. Subsequent paragraphs word wrap properly until the next <pre> </pre> set. |
levik
2003-06-11 08:00:13 |
Re: HTML codes for use on the site
Man this thread is way too long... I'll have to get around to posting a new one to summarize all the changes from this one. |
URGENTOOT
2003-07-09 06:15:14 |
Re: HTML codes for use on the site
<pre>pre<pre> |
DJ
2003-07-15 05:46:54 |
Re: HTML codes
I noticed that the <pre> tags are disabled in comments again, is that on purpose? The <tt> tag is almost as useless as normal text in making lists, tables, displaying programs, except that you know that your rows of chars are going to make the text line up properly. Still rather cumbersome..
Just checking:
Hello
I
am
DJ
Hi
I
am
DJ
|
ZoKeSpaDe
2003-11-09 14:23:05 |
FLOOBLE SCROLLBAR!!!!!
HELP!!! How DO YOU FREAKING CHANGE THE COLOR OF THE FLOOBLE CHATTERBOX'S SCROLLBAR!??!?!? PLEASE TELL ME!!!!!! |
Aspiring Novice
2004-08-01 04:20:17 |
Re: HTML codes for use on the site
do you guys know the HTML codes for tag box??.. |
Vee-Liem Veefessional
2004-08-02 04:19:43 |
Re: HTML codes for use on the site
Hei, how do you create the face, or actually pictures? Under your names. |
Aspiring Novice
2005-04-19 12:01:25 |
Re: HTML codes for use on the site
poo |
Ray
2005-07-29 05:49:17 |
Re: HTML codes for use on the site
yeah, how do you change the friggin flooble chatterbox's scrollbar color? |
jduval
2007-08-24 01:35:14 |
Re: HTML codes for use on the site
I'm more upset at Microsoft than usual right now. LOL, LMAO.
Oh that thread was amusing. |
brianjn
2007-08-24 08:07:10 |
Re: HTML codes for use on the site
Hey! Let's be fair! Or at least not be completely hard. There were other players in this game. Admittedly MS has taken a rather hard-nosed approach which hasn't impressed many over the years.
W3.org and such OpenSource groups deserve mammoth support. I do not change my auto over ever 2 or 3 years because it is "obsolete", why should I do the same with my OS? |
brianjn
2009-11-18 22:21:44 |
Re: HTML codes for use on the site
<font color=\"red\">Test for Colour<font> |
brianjn
2009-11-18 22:34:01 |
Re: HTML codes for use on the site
I had a feeling that was one of the Tags not permitted in Forums. |