Mudcat HTML Guide PermaThread

Subject: RE: Mudcat HTML Guide PermaThread
From: Joe Offer
Date: 23 Aug 21 - 11:05 PM

Thumbsup: 👍 👍

Subject: RE: Mudcat HTML Guide PermaThread
From: Joe Offer
Date: 03 Dec 10 - 02:13 AM

http://www.comptechdoc.org/independent/web/html/index.html offers an interesting HTML tutorial.


-Joe-

Subject: RE: Mudcat HTML Guide PermaThread
From: Joe Offer
Date: 25 May 09 - 04:01 PM

Somebody asked me how to copy-paste italics into a Mudcat post. It took me a while to do the fancy stuff on my reply, so I thought I'd paste it here in case it can help somebody else.


The only HTML that Mudcat provides automatically is <br> line breaks. If what you're pasting already has those <br> line breaks visible, be sure to UNcheck the "automatic line breaks" box below the message entry box.
But for italics, you have to enter the HTML commands yourself. At the end of the italics passage, you have to repeat the command with a slash in front of it. I'll show you six:

<b>bold</b>
<i>italics</i>
<u>underline</u>
<big>big</big>
<small>small</small>


<blockquote>blockquote (indent)</blockquote>

You can also combine them:

<b><i>bold italics</i></b>

Make sense?
-Joe-

Subject: RE: Mudcat HTML Guide PermaThread
From: Joe Offer
Date: 23 Aug 07 - 03:03 PM

I think many Mudcatters misunderstand how to close italics and other HTML tags. They use </> - use </i> to close italics, </b> to close bold, </u> to close underline, and so forth. In general, to close an HTML command, repeat the command, but with a slash in front of it - but be sure to specify which command you're closing. As far as I know, </> doesn't do anything.
There's one Mudcatter who tells me that </> always works for him. I suppose it does seem that way - because there always seems to be some alert JoeClone to drop in and correct his mistakes.
-Joe Offer-

Subject: RE: Mudcat HTML Guide PermaThread
From: Stilly River Sage
Date: 12 Mar 07 - 09:44 AM

Joe,

Thanks! I looked in my now somewhat elderly HTML book (it has been time to look for the next edition for a while, necessary at least every couple of years) and don't see this mentioned. I use the old reliable <UL> and </UL>for some indents and block quotes, but it always forces in a blank line space above and below the surrounding text. <br> is one help to avoid the blank space, and sometimes I'll do a <Font="white"> </font> and put an elipsis in that white font when I want an indent to occur.

SRS

Subject: RE: Mudcat HTML Guide PermaThread
From: Joe Offer
Date: 12 Mar 07 - 04:28 AM

I came across a nice way to do indents:

<DL>

<DT>He said:

<dd>I want to paint you naked on a big brass bed,

<DD>With bright orange poppies all around your head.

<Dt>And she said:

<dd>Crazy old man, I'm not young anymore.

<DD>Well that's all right, he whispered, I've never painted before.</DL>

---

Finished product:

He said:

I want to paint you naked on a big brass bed,

With bright orange poppies all around your head.

And she said:

Crazy old man, I'm not young anymore.

Well that's all right, he whispered, I've never painted before.

---

The <dl> tag begins a "definition list."
I suppose the <dt> means the term defined
and the <dd> means the definition.

Lots of tips on HTML tags here (click)

Subject: RE: Mudcat HTML Guide
From: Seiri Omaar
Date: 30 Nov 05 - 07:02 PM

Draac HTML Website
Great site for anyone learning HTML.

Cheers, Seiri.

Subject: RE: Mudcat HTML Guide
From: SharonA
Date: 30 Nov 05 - 06:03 PM

Oops, sorry, didn't mean to post those color bars. I keep forgetting to click the "Preview" box!

Subject: RE: Mudcat HTML Guide
From: SharonA
Date: 30 Nov 05 - 06:01 PM

---

Subject: RE: Mudcat HTML Guide
From: SharonA
Date: 30 Nov 05 - 06:00 PM

---

Subject: RE: Mudcat HTML Guide
From: Guy Wolff
Date: 09 Jan 05 - 08:28 PM

HELLO

Subject: RE: Mudcat HTML Guide
From: Noreen
Date: 24 Mar 02 - 01:41 PM

Just searched for 'supercali' and it came up straight away- obviously a fortunate choice.

It's good to be able to help you for a change, Joe.

Noreen

Subject: RE: Mudcat HTML Guide
From: Mary in Kentucky
Date: 24 Mar 02 - 12:45 PM

I searched (just a little) for chords, HTML, superscript, etc. Usually when I use Supersearch, I try to use a specific word. If I don't know one, I search on the person's name who made the post. An accurate time frame is essential for this type of thing though. I didn't read back as far as necessary to find that one. It seems that I can remember threads I posted to, and a quick "find on page" from my postings will usually turn it up. I think I made a statement some while back that a Mudcatter's memory is often more usueful for finding things than the elaborate searches available to us.

Subject: RE: Mudcat HTML Guide
From: Jeri
Date: 24 Mar 02 - 11:17 AM

I looked too, without luck. Supersearch for "supercalif" doesn't pull anything up. Now I can see how the word's broken up. I did a search for "fragilistic" and it came right up. ("supercali" without the F also brings it up.)

Subject: RE: Mudcat HTML Guide
From: Joe Offer
Date: 24 Mar 02 - 04:22 AM

Yup, Noreen. That was astute. How come I couldn't find it?
-Joe Offer-

Subject: RE: Mudcat HTML Guide
From: Noreen
Date: 23 Mar 02 - 08:35 PM

This one, Joe?

Subject: RE: Mudcat HTML Guide
From: Joe Offer
Date: 23 Mar 02 - 03:43 PM

Hey, can somebody help me out? Quite some time ago, I did s chord posting example for the chords for "Supercalifragilistic." It had the chords posted in color and in Superscript. I worked for hours on it, and now I can't find it. Anybody know where it is?
-Joe Offer-

Subject: RE: Mudcat HTML Guide
From: JohnInKansas
Date: 02 Nov 01 - 01:50 PM

Subject: RE: Mudcat HTML Guide From: GUEST,Accentless Mrr Date: 14-Jun-00 - 03:23 PM Hi, can anyone find anything in either HTML or Word that will allow for a LONG umlaut, not 2 dots but more like quotation marks that go over a letter, or 2 acute accents together on one letter? I have sought in vain so far and asked on a few random threads... but perhaps y'all might know... Also, is there any way to do a single accent that is perfectly vertical, e.g. neither acute nor grave? The reason I ask is that Hungarian has both those diacritical marks (the neither-acute-nor-grave accent and the long umlaut or double accent) and nobody in my family so far has been able to figure out how to make them using regular software like Word or html. Thanks, all!

I'm not sure if these are what you're looking for, and I'm not up on how to "force" a font in html, but for normal text work a couple of the long umlauts appear to be at:

Font "Times New Roman Special G1" contains two characters, an "o" and a "u" that look right.
Character 0xDE (Hex), 222 decimal - lower case o.
Character 0xF8 (Hex), 248 decimal - lower case u.

Font "Times New Roman Special G2" contains one character:
Character 0x9D (Hex), 157 decimal - uppercase O.

Character 222 shows as a "Thorn" in Times New Roman, so you could type it, it you have that character on your keyboard, (are you using an international keyboard?) and then reformat it to "Times New Roman Special G1.

Character 248 is an "o-slash" in "Times New Roman" so it could be typed and reformatted.

There is no "character" for 157 in "Times New Roman."

Any of the three could be entered by holding down Alt and typing the decimal number on the NumPad (with NumLock ON) with a leading zero (0157, 0222, 0248).

Both of these "Special G" fonts are included in my Win98 default installation, so they are likely to be available, and might be readable in html if you can figure out how to "impose" the font.

John

Subject: RE: Mudcat HTML Guide
From: JohnInKansas
Date: 02 Nov 01 - 12:58 PM


Bill D - and others who might be interested:

There has been much discussion about "characters" in what turned into an html practice thread at I can do ¿... recently.
Some of you might be interested in a couple of things I ran into while doing some "off-site" poking around, and here's a summary of some of the interesting stuff that's scattered around in that thread:

George Seto suggests http://www.owlnet.rice.edu/~jwmitch/iso8859-1.html, for a nice clean chart of some of the html special characters. Nice clean site, and could be useful. One of the few places I've seen comment (brief) in differences between PC and Mac, but unfortuantely no discussion.

If you want the "real poop" you can consult the W3C Committee HTML 4.01 Specification . If you go down a couple of pages to the table of contents, you can click into the character definitions there. (This has been posted before, but it fits in with the topic here.)

If you want to see what a character looks like - especially ones that don't work, you can go to Unicode website, or you can go directly to the Online Unicode Handbook.

Bill D suggested a couple of pieces of pretty nice looking freeware called AllChars and Extended Character Map. While I have other utilities for what they do, they look like pretty clean stuff, and could be helpful to others.

I've posted the HTML 4 "defined characters" at HTML CHARACTERS REDACT, along with how they work on my setup. There have been some additions, particularly relating to what fonts people are likely to have.

An interesting site for those reallly interested in all this character coding stuff is at Alan Wood's Homesite. Some interesting comparisons of different "character definitions." I'd take a couple of technical issues with some of what's in his character comparisons, but the information seems basically sound.

Microsoft has a free plug-in that enhances the information you get when you right-click on a font and choose properties - for TrueType fonts only. With the plug-in installed, instead of a 2-tab display of the name of the font (and sometimes a version number) you get 9 tabs that tell you things like how many characters are included, whether it includes Unicode extended characters, whether you can imbed it, and quite a bit more. There is a brief description on Alan Wood's site, but the download is free from Microsoft typography.

Alan Wood also mentioned an interesting freeware utility called Character Agent. His description is here or you can get it (for free - if you give them your email addy) from Bjondi.

The Extended Character Map suggested by Bill D appears to display only the "ANSI" range of characters, while Character Agent displays the full Unicode range for your installed fonts. Character rendering in CharAgent is a little weak, but it seems to cover a lot more ground.

John

Subject: RE: Mudcat HTML Guide
From: JohnInKansas
Date: 19 Jul 01 - 12:38 PM

GUEST, Accentless Mrr asked some time ago (14-Jun-00 - 03:23 PM) about how to produce a couple of Hungarian accented letters in HTML or in Word. So far as I can tell, HTML is limited to the special (&) characters defined in the standard, but in Word, there is a method that will work (sort of).

The marks requested were a "LONG umlaut, not 2 dots but more like quotation marks that go over a letter, or 2 acute accents together on one letter," and a "single accent that is perfectly vertical."

I'm sure that Guest is either long gone, or has become someone we know and love, but in case he/she is still around, or if some others might want this information:

In Word, use can use an "equation" field, with the "overstrike" option ( \o) to place two characters "in the same space." In older versions of Word, it was very difficult to find the Help file information for fields. The easiest method was to "insert" a field, type a known field type into it, and hit F1.

For help on fields in older versions of Word: Type "Ctrl-F9, eq, F1" which will take you directly to help for the equation field.

Unfortunately, this no longer works in newer versions of Word, but in newer versions you can open help, select the "index" tab, and type "eq" in the "Find" box, and it will now take you to what you need, at least for this one particular kind of field.

When you type a Ctrl-F9, Word inserts a blank field, which looks like a pair of Curly Braces "{}". When you insert a field, you will usually be switched to "View Fields" mode, but this can depend on how your preferences are set up. You can switch back and forth between "View Fields" where you see the "code" inside the field, and "View Result" where you see what the field does, using Shift-F9. Depending on your version of Word, this may turn on View Fields for the entire document or only for fields within an area you have highlighted. This can be a little disconcerting until you learn what to expect.

Using a plain "Double Quote" for the long umlaut, keystrokes would be:
Ctrl-F9 eq \o (A,")
The result will look like { eq \o (A,") }, and your cursor will be "inside the field, right after the ")".
If you hit F9 ("Update Field") you will (usually) be switched back to View Result and will see an A with a " typed on top of it. If it doesn't change automatically, just hit Shift-F9. The straight "Single Quote" can be used in the same way for the second mark requested.

The last step is to "unlink" the field. With your cursor still in the field, or with the area that contains the field highlighted ("selected" is the uSoft term) do a Ctrl-Shift-F9. This will leave you with the two characters printed on top of each other.

Especially in newer versions of Word, the Autocorrect function will probably be turned on to put "curly quotes" in when you type either a " or a '. You can turn this option off (and probably should when your writing HTML?), but there is also the option to hit a Ctrl-Z immediately after typing the ", which will "undo" the autocorrect and leave you with the straight ones.

For more convential marks, Word lets you hold down Ctrl while you type the "mark" and puts that mark over the next character you type. This only works with certain marks, but is good for the acute and grave accents. Unfortunately, there isn't a "magic code" built in for the special marks requested.

There are additional things you can do to move the marks around to get them where you want them, but anyone interested can see the details in the Word Help files. If you really want a special symbol to look good, you may have to play with a little bit once. Once you get ONE, you can just copy it where you want it.

I know this sounds terribly complex, but when you get the keystrokes down, it's really quite simple.

"Ctrl-F9 eq \o (U,") F9 Ctrl-Shift-F9" isn't really that tough, to get a very special character, especially once you understand what the keystrokes mean.

Unfortunately, none of this works in HTML, and if you put these kinds of things in your HTML to post, they will
probably be something else when they show up here. - :-(

John

Subject: RE: Mudcat HTML Guide
From: GUEST,RichM
Date: 06 Jul 01 - 09:30 PM

Yes, No, Maybe this time?

Subject: RE: Mudcat HTML Guide
From: GUEST,RichM
Date: 06 Jul 01 - 09:29 PM

To be or not to be....recognized as the member-in-good-standing that I really am!

Subject: RE: Mudcat HTML Guide
From: Roger in Sheffield
Date: 09 Jun 01 - 05:14 AM

refresh

Subject: RE: Mudcat HTML Guide
From: Joe Offer
Date: 15 Mar 01 - 02:55 AM

This color page is too cool. Scroll up and down fast, and watch how the colors change.
-Joe Offer-

Subject: HTML Color Chart
From: Joe Offer
Date: 15 Mar 01 - 02:46 AM

You'll find a really nice color chart here at HTML Goodies. I suppose it is "more correct" to use the hexadecimal number codes for numbers, but I find the words usually work and are far easier to use (hex numbers have always driven me batty). Note that specifications are often the same in various HTML tags - several can use COLOR=XXX or BGCOLOR=XXX, WIDTH=XXX% (you can use numbers, but percentages work slick with this), ALIGN=(right, left, center), SIZE=XXX. OK, so here's <hr size=25 color=pink width=60% align=right>:

---

-Joe Offer-

Subject: RE: Mudcat HTML Guide
From: MudGuard
Date: 23 Dec 00 - 12:58 PM

No, Joe, it's Christmas time, so I don't slap hands...
HTML standard says links do not need quotes unless they contain some special characters (like ampersand &, equal sign =, question mark ? ...).
On the other hand, most browsers do not need the quotes even if these characters are in the link.
MudGuard wishing a merry christmas

Subject: RE: Mudcat HTML Guide
From: CarolC
Date: 23 Dec 00 - 06:02 AM

I like it.

Subject: RE: Mudcat HTML Guide
From: CarolC
Date: 23 Dec 00 - 05:54 AM

Dangerous Goat Cheese

Dangerous Goat Cheese

Subject: RE: Mudcat HTML Guide
From: Joe Offer
Date: 23 Dec 00 - 03:26 AM

MudGuard will slap my hand for saying this, but I've never seen a link where quotes are needed (although there are some rare situations) - and I've had to fix jillions of links where the closing quotes were left off and that locked the thread.
-Joe Offer-

Subject: RE: Mudcat HTML Guide
From: Jon Freeman
Date: 23 Dec 00 - 03:16 AM

Just one small point with regards to Joe's excellent suggestion. Very occasionally, links to threads are given in the Help Forum. These still require the "http://www.mudcat.org" bit to work.

As for the quotes, I will leave that to someone more qualified in HTML to be the judge but my understanding is that dropping the quotes is non-standard HTML which could mean that some browser may not interpret the link correctly (not that I am aware of a browser that fails on this). If quotes are used, it has to be both: the most common cause of a locked up thread for Netscape users is a missing closing quote on a link.

Jon

Subject: RE: Mudcat HTML Guide
From: Snuffy
Date: 22 Dec 00 - 07:42 PM

Sorry, I only saw the " at the beginning, didn't notice there was one at the end too.

So as it's all internal on Mudcat, we can ignore both of them?

Wassail! V

Subject: RE: Mudcat HTML Guide
From: Jon Freeman
Date: 22 Dec 00 - 07:29 PM

Yes Joe, Snuffy like myself will be using a UK keyboard - different to the US one. Double quote is shift 2 on ours and @ is above single quote next to the enter key.

Jon

Subject: RE: Mudcat HTML Guide
From: Joe Offer
Date: 22 Dec 00 - 07:02 PM

Yeah, Snuffy, double quotes - and the quotes are optional here at Mudcat. Hmmm. My keyboard has the quotes next to the "enter" key, and the @ sign above the "2."
-Joe Offer-

Subject: RE: Mudcat HTML Guide
From: Snuffy
Date: 22 Dec 00 - 06:49 PM

Joe, I assume that's one Double Quote " ([SHIFT]+"2"), not two Single Quotes ''?

Subject: Blue Clickys Within Mudcat
From: Joe Offer
Date: 22 Dec 00 - 04:00 PM

If you put blue click in the "filter" box and set the age to three years, you'll find all sorts of weird stuff. Well, I thought I'd add a little to the confusion. As you all have been well-taught by now, a blue clicky this is made this way [Joe, paste in boilerplate instructions here]:

<a href="https://www.mudcat.org">Click here</a>

<a href="mailto:[e-mail]">Click to e-mail</a>

If you're posting links at Mudcat, the quotation marks are optional. I prefer not to use them, because they complicate the task of making links. Simple is better, I think. Fewer misteaks.

OK, so now I want to add a little thing to complicate matters. As you know, we've had some problem accessing Mudcat at the regular www.mudcat.org address lately, and have had to get here by loki and ragtime and shorty and other addresses. Therefore, somebody might end up posting a link to ragtime.mudcat.org/threads.cfm or something like that - and then Ragtime might go away, or Max might rename her. So, I'd like to suggest that whey you post liks to locations that are within Mudcat, you leave off the http://www.mudcat.org part. As long as you'r linking from Mudcat to Mudcat, it works. So, if you're linking to the FAQ, your link would look like this:

<a href="/thread.cfm?threadid=19340">Click here</a>

Make sense?

-Joe Offer-

Subject: RE: Mudcat HTML Guide
From: Mary in Kentucky
Date: 25 Oct 00 - 05:39 PM

hmmm...works on this computer (different than above). Could be it's just faster, or I waited an extra second...

Subject: RE: Mudcat HTML Guide
From: GUEST,Mary in Kentucky
Date: 25 Oct 00 - 05:29 PM

oops...didn't work on this computer...later.

Subject: RE: Mudcat HTML Guide
From: GUEST,Mary in Kentucky
Date: 25 Oct 00 - 05:26 PM

Marion - question #1) Yes.

Go to the top of the thread where it lists the names of people who have posted. Click on the person's post you want to link to. The URL will have a number for that particular post. Highlight it and use it.

Example: Your post above was http://mudcat.org/thread.cfm?threadid=21858&messages=26#327216

I'll link to it by putting that in the brackets here.

Subject: RE: Mudcat HTML Guide
From: Marion
Date: 25 Oct 00 - 05:17 PM

Two questions:

1. Is there a way to make a link to a particular post in another thread, rather than to the beginning of the thread?

2. Would it be OK to put a link (either here or in the FAQ thread) to an HTML practice thread? I think that would be easier than finding an existing thread every time I want to do a test, and less annoying than the proliferation of new test threads.

Marion

Subject: RE: Mudcat HTML Guide
From: katlaughing
Date: 19 Oct 00 - 09:54 AM

Thanks, Mudgaurd, yes, I think it was a typo, I'll have to go check the website. It was late last night.*smile*

Subject: RE: Mudcat HTML Guide
From: wysiwyg
Date: 19 Oct 00 - 07:37 AM

Commercial or endorsement:

I saved this thread as a file right out of my browser, onto my desktop. Now I can make clickies or cause other trouble anytime without hunting through e-mail templates like I used to.

~Susan

correction made, subsequent post deleted
- el joeclone -

Subject: RE: Mudcat HTML Guide
From: MudGuard
Date: 19 Oct 00 - 04:30 AM

kat, is that just a typo that you used UL and IL? Of course it should be UL and LI.
Joe, to do it conforming to standard the </li> at the end of each list item (which can be longer than one line, btw) is optional but should be used if CSS is used to format li items
MudGuard

Subject: RE: Mudcat HTML Guide
From: katlaughing
Date: 19 Oct 00 - 01:08 AM

Nope, I just checked it and I didn't do it that way. Too tired tonight, but I will change it tomorrow. Thanks, Joe.

Subject: RE: Mudcat HTML Guide
From: katlaughing
Date: 19 Oct 00 - 12:58 AM

Huh, Joe, I did that, on a site I am working on at Tripod, used the UL and IL, just as I'd seen it done elsewhere and I got indent but no bullets,as you can see here: natrona county grassroots project. I will check it, again, though to make sure I typed everything in correctly. It's a really simple thing, so far, but I am slowly getting to it.

Thanks a bunch,

kat

Subject: HTML: Bulleted Lists
From: Joe Offer
Date: 19 Oct 00 - 12:49 AM

Hi, Kat - I use

• the command <ul> to begin the list
• <li> at the beginning of every line
  • (including the first in the list)
• and </ul> at the end.
  • Note that I used <ul> and <li> and </ul> in the middle of the list to set off subcategories.
  -Joe-

Subject: RE: Mudcat HTML Guide
From: katlaughing
Date: 19 Oct 00 - 12:08 AM

I know there is an easy way to do this, but heck if I can find it in any of the guides I have bookmarked, nor in here, BUT my eyes are bleary from looking, so please forgive me if this is a redundant question:

How do I code for bullets in front of each item on a list? Do I use the ordered list tag or what?

Thanks!

Subject: RE: Mudcat HTML Guide
From: MudGuard
Date: 27 Sep 00 - 07:20 AM

Robby, here are the newest specs for HTML ;-)
MudGuard

Subject: RE: Mudcat HTML Guide
From: Robby
Date: 26 Sep 00 - 01:52 PM

Well, it has only taken me about three days and a couple of message attempts before seeing that / (slash) after the < (left angle bracket) before the COMMAND and > (right angle bracket) at the the conclusions of the text and realizing that without that /, the COMMAND goes on for the rest of the message. I just gotta get me some new specs.

Subject: Doing HTML Offline
From: Joe Offer
Date: 23 Sep 00 - 03:06 PM

Here's a tip fromMudGuard. If you have unlimited Internet service (or don't mind paying for the time), feel free to practice HTML in one of our practice threads, or start a new practice thread. We occasionally clean out the practice threads by deleting messages, so you don't need to worry about overburdening the Mudcat. Just remember that we don't allow embedded objects (like images and sounds).
-Joe Offer-

---

Just a suggestion to reduce these HTML test postings.

In your favourite text editor, create a new file and save it. The name of the file does not matter, but the extension should be .htm or .html
Now type whatever you want to test (what you would have posted here) in that file.
Now open this file in your browser (type the path to it in your browser's address bar). You should see the contents as a web page.

If you now save this address in your bookmarks/favourites, you can easily test whatever you write in your file.

Besides reducing the number of postings here, you can do this offline so you can save money doing this

This is just a suggestion, if you have problems with HTML I am always willing to help! But I think many of these postings don't need to be here...

MudGuard

Subject: RE: Mudcat HTML Guide
From: Pene Azul
Date: 15 Jun 00 - 04:16 PM

There is a Truetype Hungarian font here (click) from this page (click). That'll work for your word processing anyway.

PA