Lyrics & Knowledge Personal Pages Record Shop Auction Links Radio & Media Kids Membership Help
The Mudcat Cafemuddy

Post to this Thread - Sort Descending - Printer Friendly - Home


HTML Stuff II

Related threads:
tech: HTML Ampersand Codes (28)
Tech: Non-ASCII character display problems (47) (closed)
Tech: Entering special characters (moderated) (18)
Tech: HtmlEsc.java: Convert special chars (6)
Tech: CopyUnicode: Create any char (17)
Mudcat HTML Guide PermaThread (63)
Tech - ALTKEY Codes on Laptop (28)
Tech: htmlesc.py: Mac script to escape text (12)
HTML Tables (19)
HTML Beginners Study Guide (3)


Mark Clark 31 Mar 01 - 08:43 PM
Mark Clark 31 Mar 01 - 08:55 PM
Mark Clark 01 Apr 01 - 04:34 PM
Mad Tom 23 May 01 - 12:16 AM
Mad Tom 23 May 01 - 01:07 AM
catspaw49 25 May 01 - 12:58 AM
RichM 25 May 01 - 01:04 AM
Mark Clark 22 Jul 01 - 06:46 PM
Jeri 22 Jul 01 - 07:26 PM
Jeri 22 Jul 01 - 07:30 PM
Burke 22 Jul 01 - 07:33 PM
Mark Clark 23 Jul 01 - 09:53 AM
Jeri 23 Jul 01 - 10:32 AM
Mark Clark 23 Jul 01 - 10:41 AM
Jeri 23 Jul 01 - 11:45 AM
MudGuard 23 Jul 01 - 03:27 PM
MudGuard 23 Jul 01 - 03:30 PM
Mark Clark 23 Jul 01 - 04:23 PM
Jeri 23 Jul 01 - 04:30 PM
Mark Clark 23 Jul 01 - 04:52 PM
Burke 23 Jul 01 - 05:43 PM
GUEST,Tester 24 Jul 01 - 10:01 PM
MudGuard 25 Jul 01 - 09:35 AM
Doug Chadwick 23 May 02 - 11:07 AM
Doug Chadwick 23 May 02 - 11:20 AM
rich-joy 09 Oct 05 - 09:15 AM
rich-joy 09 Oct 05 - 09:20 AM
rich-joy 09 Oct 05 - 09:42 AM
rich-joy 09 Oct 05 - 09:44 AM
JohnInKansas 09 Oct 05 - 01:28 PM
rich-joy 09 Oct 05 - 05:30 PM
GUEST 09 Oct 05 - 07:40 PM
rich-joy 10 Oct 05 - 06:46 AM
rich-joy 10 Oct 05 - 06:48 AM
JohnInKansas 10 Oct 05 - 02:54 PM
Mark Clark 10 Oct 05 - 03:14 PM
rich-joy 11 Oct 05 - 01:43 AM
Mr Happy 16 Apr 07 - 10:50 AM
Mr Happy 16 Apr 07 - 10:52 AM
Bill D 16 Apr 07 - 11:06 AM
Mr Happy 16 Apr 07 - 11:08 AM
Bill D 16 Apr 07 - 11:12 AM
Bill D 16 Apr 07 - 11:19 AM
Bill D 16 Apr 07 - 11:20 AM
Mr Happy 16 Apr 07 - 11:26 AM
Joe Offer 16 Apr 07 - 11:28 AM
Mr Happy 16 Apr 07 - 11:53 AM
Amos 16 Apr 07 - 12:23 PM
Snuffy 16 Apr 07 - 12:55 PM
SharonA 11 Jul 07 - 12:45 PM
JennyO 11 Jul 07 - 01:05 PM
JennyO 11 Jul 07 - 01:15 PM
SharonA 11 Jul 07 - 01:16 PM
SharonA 11 Jul 07 - 01:16 PM
SharonA 11 Jul 07 - 01:22 PM
SharonA 11 Jul 07 - 01:24 PM
SharonA 11 Jul 07 - 01:29 PM
MMario 11 Jul 07 - 01:31 PM
JennyO 11 Jul 07 - 01:36 PM
JennyO 11 Jul 07 - 01:43 PM
SharonA 11 Jul 07 - 01:44 PM
SharonA 11 Jul 07 - 01:45 PM
SharonA 11 Jul 07 - 02:16 PM
SharonA 11 Jul 07 - 02:31 PM
SharonA 11 Jul 07 - 02:33 PM
JohnInKansas 11 Jul 07 - 02:34 PM
Joe Offer 11 Jul 07 - 02:53 PM
SharonA 11 Jul 07 - 02:59 PM
SharonA 11 Jul 07 - 03:01 PM
Joe Offer 11 Jul 07 - 03:03 PM
Big Mick 11 Jul 07 - 03:09 PM
SharonA 11 Jul 07 - 03:09 PM
SharonA 11 Jul 07 - 03:14 PM
SharonA 11 Jul 07 - 03:15 PM
Bill D 11 Jul 07 - 03:32 PM
MMario 11 Jul 07 - 03:33 PM
SharonA 11 Jul 07 - 04:08 PM
Big Mick 11 Jul 07 - 04:30 PM
SharonA 11 Jul 07 - 09:23 PM
Bill D 11 Jul 07 - 10:34 PM
SharonA 12 Jul 07 - 12:10 AM
SharonA 12 Jul 07 - 12:32 AM
wysiwyg 12 Jul 07 - 11:39 AM
JennyO 12 Jul 07 - 11:47 AM
Bill D 12 Jul 07 - 12:17 PM
Bill D 12 Jul 07 - 12:19 PM
JennyO 12 Jul 07 - 12:27 PM
Big Mick 12 Jul 07 - 12:29 PM
JennyO 12 Jul 07 - 12:37 PM
Bill D 12 Jul 07 - 12:52 PM
Bill D 12 Jul 07 - 01:02 PM
JennyO 12 Jul 07 - 01:09 PM
JennyO 12 Jul 07 - 01:14 PM
Big Mick 12 Jul 07 - 01:17 PM
JennyO 12 Jul 07 - 01:20 PM
Snuffy 15 Jul 07 - 07:01 PM
Mr Happy 16 Jul 07 - 06:44 AM
Mr Happy 16 Jul 07 - 06:46 AM
Mr Happy 16 Jul 07 - 07:33 AM
Mr Happy 16 Jul 07 - 07:53 AM
topical tom 20 Feb 09 - 10:41 PM
Bill D 20 Feb 09 - 11:48 PM
Acme 21 Feb 09 - 12:49 AM
Joe Offer 21 Feb 09 - 12:56 AM
Murray MacLeod 21 Feb 09 - 03:40 AM
Acme 21 Feb 09 - 10:14 AM
Acme 21 Feb 09 - 03:10 PM
Murray MacLeod 21 Feb 09 - 07:37 PM
Murray MacLeod 21 Feb 09 - 08:01 PM
Acme 21 Feb 09 - 08:03 PM
Joe Offer 21 Feb 09 - 10:09 PM
Acme 21 Feb 09 - 11:00 PM
Joe Offer 22 Feb 09 - 12:34 AM
Murray MacLeod 22 Feb 09 - 09:03 AM
Acme 22 Feb 09 - 10:47 AM
Murray MacLeod 22 Feb 09 - 10:58 AM
Bert 22 Feb 09 - 06:45 PM
Acme 22 Feb 09 - 09:59 PM
Bert 23 Feb 09 - 12:53 AM
Joe Offer 23 Feb 09 - 01:01 AM
Murray MacLeod 23 Feb 09 - 03:16 AM
Murray MacLeod 23 Feb 09 - 04:24 AM
Murray MacLeod 23 Feb 09 - 08:21 AM
Acme 23 Feb 09 - 10:45 AM
Bert 23 Feb 09 - 11:07 AM
Acme 23 Feb 09 - 12:00 PM
Share Thread
more
Lyrics & Knowledge Search [Advanced]
DT  Forum
Sort (Forum) by:relevance date
DT Lyrics:









Subject: HTML Stuff II
From: Mark Clark
Date: 31 Mar 01 - 08:43 PM

This is intended as a continuation of HTML Stuff.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mark Clark
Date: 31 Mar 01 - 08:55 PM

Here is a great HTML tool. I wasn't able to find any reference to it in the forum so I think this is the first post describing it. The tool is called The HTML Reference Library. It's a help application that is the most useful HTML reference I've yet seen. It's very easy to find the information you're looking for and it even indicates which browsers are most likely to support the newer features.

The downside is that the tool requires that you use Microsoft Internet Explorer version 4.01 or greater and that you have installed the HtmlHelp 1.1 ActiveX controls (downloadable from Microsoft). Still this is such a wonderful reference, you'll wonder how you got along without it, unless of course you never need to code any HTML.

      - Mark


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mark Clark
Date: 01 Apr 01 - 04:34 PM

I originally posted this tune fragment in a thread called Our Friend the movable B7 chord but evidently that thread had already died. I figured some people might like to use HTML to graphically represent a complicated technique in tablature so I decided to post it over here as an HTML example.

The HTML for this simple fragment looks like this:

  <h4>Bye Bye Blues</h4>
<pre>
<b> C Ab </b><br>
E<s> | 0 | | |</s><br>
B<s> | | | |</s><br>
G<s> | | 0 | 1 |</s><br>
D<s> | 2 2 | 2 2 | 1 1 |</s><br>
A<s> 0 2 | 3 | 3 | 3 |</s><br>
E<s> 3 | 3 | 3 | 4 |</s><br>
</pre>

<p>
<pre>
<b> C A </b><br>
<s> | 0 | | |</s><br>
<s> | | | |</s><br>
<s> | | 0 | 2 |</s><br>
<s> 1 1 | 2 2 | 2 2 | 2 2 |</s><br>
<s> 3 | 3 | 3 | 0 |</s><br>
<s> 4 | 3 | 3 | 0 |</s><br>
</pre>

You'll need to copy the example above and paste it into your prefered text editor, make it display your example technique, then copy it and paste it into a tread posting. You'll want to save it on your own computer as an HTML file so you can make sure it displays the way you want it to. When you display it, it will seem to be double spaced. Don't worry, it will look right when you post it back here at Mudcat. The example above looks like this:

Bye Bye Blues

                      C                                   Ab              
E | 0 | | |
B | | | |
G | | 0 | 1 |
D | 2 2 | 2 2 | 1 1 |
A 0 2 | 3 | 3 | 3 |
E 3 | 3 | 3 | 4 |

                      C                                   A               
| 0 | | |
| | | |
| | 0 | 2 |
1 1 | 2 2 | 2 2 | 2 2 |
3 | 3 | 3 | 0 |
4 | 3 | 3 | 0 |

      - Mark


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mad Tom
Date: 23 May 01 - 12:16 AM

The quick brown fox
jumped over
the lazy dogs.

That should work.

  • Using Netscape, select File/New/Blank Page, which starts up a blank page in Netscape Composer
  • Type or paste in the text, and apply any formatting from the Composer tool palettes.
  • Select View/Page Source.
  • Drag and Copy everything between (but not including) the <body> and </body> tags.
  • Paste into the mudcat forum thread message/reply box.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mad Tom
Date: 23 May 01 - 01:07 AM

Well, it did, sorta.

The source had extra returns between the bulleted list items that do not show up in the normal editor view. I could have edited them out after pasting, but I wanted to see what would happen with minimal tweaking.

Still, it's a perfectly fine way to use the WYSIWYG editor of an application that you're already running.

I recall doing an experiment ( with Netscape and MS Internet Explorer) some time ago and discovering that the PRE tags do not guarantee that it's displayed in a monospace font, only that the line breaks occur where you put them in the source. Maybe this is different with newer versions of browsers - I haven't repeated the experiment recently. The TT ("teletype") tags do force it to use the monospaced font, but the line breaks are flexible, wrapping the same way as in normal text.

--------
Nitpick: Earlier, Joe Offer said "on a Mac, the CTRL key is the one with the symbol that looks kind of like a square daisy". This is not true. On a Mac the CTRL key is the one with "control" printed on it. The one with the "daisy" (or "splat", "propellor", etc) is the "command" key (abbreviated "cmd"), formerly known as the "apple" key. What is true, is that many of the functions of the Mac command key are provided by the Windoze CTRL key, such as cmd-C, cmd-V, etc. It was the Winborg that strayed from the true path.

- Mad Tom O'Bedlam
(The member formerly known as the Guest John Rose)


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: catspaw49
Date: 25 May 01 - 12:58 AM

Burp

Spaw


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: RichM
Date: 25 May 01 - 01:04 AM

Nah...I don't believe that.

A vintage Spaw burp looks like this:

Bu--u-u-u-u-rp!


Post - Top - Home - Printer Friendly - Translate

Subject: Active Link (blicky) Tip
From: Mark Clark
Date: 22 Jul 01 - 06:46 PM

I'm always glad to see people adding links to their posts that take the reader to other Mudcat threads for reference. They go a long way toward improving the overall usability of the information here. Still, there is one small change in these links I'd like to see people start making.

When you copy a universal resource locator (URL) to paste into a link, you will have a string similar to the following:

  http://loki.mudcat.org/thread.cfm?ThreadID=32634  

The problem with this form of URL is that it refers to a specific host computer within the Mudcat domain. This can be problematical because not all the Mudcat host computers are up all the time. If

loki
, for example, is down when the link is clicked by a reader, an error will be returned and the target page will not be displayed.

The solution is to delete that portion of the URL that designates a particular host computer. In the example below, I've set the portion to be deleted in bold type.

  http://loki.mudcat.org/thread.cfm?ThreadID=32634  

The resulting link in your post will look something like the example below:

  <a target="_new" href="http:/thread.cfm?ThreadID=32634">your underlined blue text</a>  

Notice that there is only a single slash character following the colon. This convention has the effect of telling the Web server to look for the requested page on the current host, regardless of what it is called. If we build our active links this way, they'll work no matter which hosts happen to active at the time we are using Mudcat. This may also save Max a lot of work someday down the road if he finds he needs to change all the host names.

I hope this explanation is clear. Note that this tip only applies to links that refer to Mudcat pages. Any links pointing to other sites will need the host information in order to be correctly resolved.

      - Mark


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Jeri
Date: 22 Jul 01 - 07:26 PM

Mark, I do the links to other Mudcat pages like this:

<a href=thread.cfm?ThreadID=32634>your text goes here</a>

I'm not sure what the "target" does. These are probably just two different ways of doing the same thing.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Jeri
Date: 22 Jul 01 - 07:30 PM

Mark, does your way of doing it force a new browser window to open? Let me try (without the 'http:/'):

Here's the FAQ


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Burke
Date: 22 Jul 01 - 07:33 PM

I got the way Jeri does it from one of the links off of the FAQ or the PermThread index. Much better links when we have a day like today when only Ragtime seems to be working.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mark Clark
Date: 23 Jul 01 - 09:53 AM

The string target="_new" is not required. I use it because I think it's polite to provide a new window for the target page so the user doesn't have to arrow back to the page they came from. It is most appreciated by users who keep many windows open at the same time, none of which completely fills the screen. Users who only run one program at once and fill their screen with it's window may not realize a new window has been created.

      - Mark


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Jeri
Date: 23 Jul 01 - 10:32 AM

Mark, I have MSIE set on full screen, and the pop-up window works just fine.

I knew there was a way to open a second window, I just didn't know what it was, so I've learned something.

Yes, this can be quite useful. There are many times I've gone to a link and wished to refer to the message that sent me there. Normally, I have to use the 'back' button, but not with your method.

I should have said this earlier - COOL TIPS!
I wasn't grumpy, even though it might have sounded like it. I apologise for being so terse. It was flipping HOT here yesterday and I didn't feel like sitting here long enough to be polite. I should have taken the time!


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mark Clark
Date: 23 Jul 01 - 10:41 AM

Jeri, I didn't see anything that sounded terse.

As a matter of good practice, one really should get in the habit of surrounding a URL with the double quote character. Some URLs won't work correctly unless the double quotes are there. Also one should really keep the single forward slash between the host domain name and the page reference. The single slash instructs the server to begin at the root of the applicable directry tree. Without the forward slash, the server will perform a search relative to its current directory. If that doesn't happen to be the root, the reference may not be found.

      - Mark


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Jeri
Date: 23 Jul 01 - 11:45 AM

OK Mark - I just felt guilty about jumping on one point and completely ignoring the fact you were providing some interesting and useful information.

I just looked it up in my "HTML for Dummies" book. (This is an older one and I don't know if the HTML standards have changed, but it gives the link to another document in the same directory as <"file.html">file</a>
A file in a subdirectory would be <"subdirectory/file.html">file</a>

I believe the slash is automatically read at the end of the directory you're adding onto, if that makes sense.

I try to use the double quotation marks because I've been told it's the standard. I have yet to find a link that doesn't work because someone's left them out, but I guess it could happen. I wonder if certain characters might mess things up if used in a link without the quotes.

Jeri, picking nits.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: MudGuard
Date: 23 Jul 01 - 03:27 PM

Mark, target="_new" is illegal.

target names are either one of the four special ones (_blank for a new browser, _self for the same window, _top to remove all framesets, _parent to remove one frameset)

or

it must begin with a letter. If such a normal name is used, the browser looks whether a window with that name does already exist. If so, that window is used, otherwise a new one is opened.

_new is not a special name and does not begin with a letter, so it is illegal. Use _blank instead.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: MudGuard
Date: 23 Jul 01 - 03:30 PM

Forgot the Link: Frame target names in HTML

MudGuard


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mark Clark
Date: 23 Jul 01 - 04:23 PM

MudGuard, You are quite right, _blank is the correct reserved word to use as the window-name parameter. I'm getting sloppy. A conforming browser is supposed to simply ignore the erroneous parameter but IE 5.5 at least ignores the word "new" but honors the leading underscore and treats it as _blank.

Jeri, Your book is correct as far as it goes. The point I was trying to make is that the page one is hoping to find may not be in the current directory or one of its subdirectories. It may be in another branch of the directory tree and if the leading slash character is not coded, the server has no way to know that the requested page is really in another path. Sometimes relative addressing is appropriate and sometimes you need a fully qualified directory path. If you aren't sure which one you need, it's best to stick with the path that you copied from the supplied URL.

      - Mark


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Jeri
Date: 23 Jul 01 - 04:30 PM

Mark, let us know if the police show up to arrest you because you used an illegal target name. We'll send you some small "files" baked into a "cookie." ;-)


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mark Clark
Date: 23 Jul 01 - 04:52 PM

LOL!

      - Mark


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Burke
Date: 23 Jul 01 - 05:43 PM

Just, IMHO, I tend to keep too many windows open & don't like it when they generate themselves automatically the way this target command does. I prefer to decide when I want a new window opened. If I want to, I'll right click & tell it to open in a new window. If not, I'll just click.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: GUEST,Tester
Date: 24 Jul 01 - 10:01 PM

The name "_new" is NOT illegal (as stated above); it is simply not a reserved name. If you open a new window, you can name it so that if another link tries to open a window of the same name the contents of that window will be replaced. This has its uses. One can use target="foobar" and if no window named "foobar" exists, one will be created.

But it is correct that "_blank" should be used to ensure that a new window is opened every time the targeted link is clicked.

Ciao, Tester


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: MudGuard
Date: 25 Jul 01 - 09:35 AM

Tester, you are wrong.

Cited from standard (where my link points to):

Except for the reserved names listed below, frame target names (%FrameTarget; in the DTD) must begin with an alphabetic character (a-zA-Z).

As _ is not an alphabetic character, it is illegal.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Doug Chadwick
Date: 23 May 02 - 11:07 AM

This is a test posting which can be deleted after 23rd May 2002

Internal Link
Exnternal Link
bold
italicbr> big
small H2O
a2 + b2 = c2
WRONG
blink


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Doug Chadwick
Date: 23 May 02 - 11:20 AM

This is a test posting which can be deleted after 23rd May 2002

2nd attempt at the internal link
2nd Internal Link


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: rich-joy
Date: 09 Oct 05 - 09:15 AM

test which can be deleted after 11th October 2005 ...

this should be bold

this should be italics

this should emphasise

this should be strong

this should be big

this should be indented


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: rich-joy
Date: 09 Oct 05 - 09:20 AM

another test that can be deleted after 11th october, 2005 ...

testing red headings maybe


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: rich-joy
Date: 09 Oct 05 - 09:42 AM

yet another test that can be deleted after 11th October, 2005 ...

take 2 on colour :

blue
cyan
green
orange
red

and on size :

1


2


3


4


5


phew!


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: rich-joy
Date: 09 Oct 05 - 09:44 AM

HELP!
what am I doing wrong with the colours???

I gotta get this right, then I can tackle ... blickies!


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: JohnInKansas
Date: 09 Oct 05 - 01:28 PM

yet another test that can be deleted after 11th October, 2005 ...

take 2 on color :

blue
cyan
green
orange
red
phew!



In the ISO standard, it's spelled "color."

John


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: rich-joy
Date: 09 Oct 05 - 05:30 PM

Aahhhhhhh!!!!!    :~))))))))))

- thank gawd it was that easy!!!

Cheers!


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: GUEST
Date: 09 Oct 05 - 07:40 PM

While YOU'RE
TRY

http://www.webdisplays.com/guide-web-design-tips-tutorial-help/rgb1.htm

http://www.webdisplays.com

Sincerely,
G


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: rich-joy
Date: 10 Oct 05 - 06:46 AM

sorry - one more test ...

"A Patch of Blue" FILM


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: rich-joy
Date: 10 Oct 05 - 06:48 AM

Damn! Did I spell color "wrong" AGAIN?!
An' I also tried to increase the size at the same time, to no avail ...


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: JohnInKansas
Date: 10 Oct 05 - 02:54 PM

From your last:

sorry - one more test ...<br> <br> <I color=blue size=4>"A Patch of Blue"</I /font> <B>FILM</B> <P>

You're missing the "<font" at the beginning. You may have accidentally "selected" the start of the font tag, so it got overwritten when you tried to nest the <i> (italic) tag start? The closing tags </I /font> each need to be complete and separate - </i></font>.

<font color=blue size=4><i>"A Patch of Blue</i></font> <B>FILM</B>

"A Patch of Blue FILM

1. I assume you're aware that you can right click on the posted page and select "view source" to open what you actually posted in notepad. Since it opens the entire page, you'll probably have to search (Edit | Find or Ctl-F) for something in your post to find the individual post. Changing what's in notepad won't do anything much for you, since you can't save it back to the 'cat, although you can copy from there to paste into a new post.

2. The <br> tags are not necessary now at mudcat, since it recognizes paragraph breaks in posts. If you're practicing here to learn how to use HTML elsewhere, there's no real objection to including them.

3. You can save a lot of "broken posts" by clicking the preview box when you experiment. You'll see exactly what would have posted, but save yourself the notoriety of actually displaying your mistakes for everyone to see, since the preview won't actually be saved by the 'cat.

4. This thread started off as a very old one in the days before the 'cat started using "HTML Practice" threads, which are occasionally edited to remove old stuff. If you move your "practice" to one of the "HTML Practice" threads, your mistakes may eventually go away. You may believe me that a year from now your "learning efforts" can be quite an embarrassment when the whole world looks at them, so moving to a practice thread is highly recommended.

Try BS: Testing (HTML Practice)

John


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mark Clark
Date: 10 Oct 05 - 03:14 PM

I assume you're aware that you can right click on the posted page and select "view source" to open what you actually posted in notepad. Since it opens the entire page, you'll probably have to search (Edit | Find or Ctl-F) for something in your post to find the individual post. Changing what's in notepad won't do anything much for you, since you can't save it back to the 'cat, although you can copy from there to paste into a new post.
If you use Mozilla Firefox as your browser, you can highlight some portion of a Web page then right click and choose View Selection Source from the context menu. This will keep you from having to search through a long HTML file.

      - Mark


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: rich-joy
Date: 11 Oct 05 - 01:43 AM

Thanks John, for your advice!
No, I did not want to practice to the whole of Mudcat, but somehow, the actual "HTML Practice" thread escaped me :~(

Thanks for the tips!

Cheers! R-J


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mr Happy
Date: 16 Apr 07 - 10:50 AM

Mr Happy


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mr Happy
Date: 16 Apr 07 - 10:52 AM

That last post post was in invisible ink!

But it can be seen by highlighting the blank space!


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Bill D
Date: 16 Apr 07 - 11:06 AM

No matter what you're testing, you need to keep enough black ink on hand, else your post will be terribly vague by the end.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mr Happy
Date: 16 Apr 07 - 11:08 AM

Bill D, that's magic!

How please?


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Bill D
Date: 16 Apr 07 - 11:12 AM

I cheat....I use a little program which takes my entry and automates the process. Font Colorizer.

You can do many tricks with it.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Bill D
Date: 16 Apr 07 - 11:19 AM

(in that one, I just selected progressively lighter shades of gray from the 'other' section of the color chart)


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Bill D
Date: 16 Apr 07 - 11:20 AM

obviously, one could hand-code something like that, but being sure you included all the < s and >s might be too much work.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mr Happy
Date: 16 Apr 07 - 11:26 AM

Thanks Bill!


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Joe Offer
Date: 16 Apr 07 - 11:28 AM

Just a reminder, since somebody asked-
The FAQ says HTML and special characters should not be used in thread titles or user names because they wreak havoc with our search engines. Please don't use them there.
Thanks.
-Joe-


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mr Happy
Date: 16 Apr 07 - 11:53 AM

Ok Joe!


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Amos
Date: 16 Apr 07 - 12:23 PM

As regards "internal links" I have repeatedly found them to break. It depends, I suppose, on how different browsers detect the base URL. But whatever the cause, trying to save a few characters in a link by leaving out the "http://www.mudcat.org/" part, just because you are linking to a page within the domain, is not a reliable strategy. I have found it to cause 404s routinely. I recommend putting the whole path in place for each link you make.

A


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Snuffy
Date: 16 Apr 07 - 12:55 PM

I don't find that at problem, but a lot of old full links are broken because people used the server name rather than "www". So all those links to Shorty or Loki or whomever don't work now, whereas an internal link from 2001 will still work


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 12:45 PM

New question: How did Rapaire do this in his post???

I know how to create the "normal" marquee in his first line. But how did he make the marquee move in the other direction in the second line, and bounce back and forth across the window in the third line?


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: JennyO
Date: 11 Jul 07 - 01:05 PM

YOU MEAN

WHEN HE DID

THIS SORT OF THING?

ONLY BIGGER AND COLORFUL?


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: JennyO
Date: 11 Jul 07 - 01:15 PM

To go from right to left, instead of writing 'marquee' you write marquee direction="left".

To go from left to right, it's marquee direction="right"

To bounce off the edges you write marquee behavior="alternate"

For all of them, at the end of your quote it's the usual forward slash, marquee - all in the usual brackets.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 01:16 PM

Yes, that's the very thing. What's the secret?????


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 01:16 PM

Whoops, pardon my cross-post. Thanks a million, Jenny!!


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 01:22 PM

Testing...


Testing...


ONE
TWO
THREE


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 01:24 PM

Now, how do I make the marquee move vertically? :^)


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 01:29 PM

 
                   C                     Ab            
                   C                     Ab            

                   C                     Ab            

                   C                     Ab            


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: MMario
Date: 11 Jul 07 - 01:31 PM

hmmmm - I did a vertical scrolling menu in one of the Tavern threads - but I don't remmember how I did it.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: JennyO
Date: 11 Jul 07 - 01:36 PM

S'alright :-)

S'alright :-)

S'alright :-)

S'alright :-)


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: JennyO
Date: 11 Jul 07 - 01:43 PM

That one was marquee scrollamount=(a number up to 50, with 6 being the default speed).


MMario, I don't know about vertical scrolling.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 01:44 PM

w                                                            
      h                                                      
          e                                                       e         
             e                                             e               
                  e                               e            
                        e                           
                                 e         e                     


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 01:45 PM

Sorry; still working on this one...


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 02:16 PM

This didn't turn out well, but perhaps someone has a suggestion for improvement:


W                                                                                                                                  E                                                                                                                                          E
            H                                                                                                          E                         E                                                                                                          E                  
                      E                                                                                        E                                        E                                                                                     E                                 
                            E                                                                            E                                                    E                                                                         E                                       
                                     E                                                         E                                                                     E                                                       E                                                
                                                      E                      E                                                                                                       E                   E                                                                     


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 02:31 PM

CEED
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CEED
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CEED
===============================================================================================


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 02:33 PM

"CEED" doesn't mean anything; it's just an approximation of a car as seen from above.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: JohnInKansas
Date: 11 Jul 07 - 02:34 PM

Copied from an example in another HTML thread, without recording who the hero was who posted it:

The CODE:

<font color="#05B1C5" size="5"><marquee direction="right"> can you make the text scroll in the other direction?</marquee></font><br> <br> <font color="#C50588" size="5"><marquee behavior="alternate">alternate?</marquee></font><br> <br> <center><font color="#06900C" size="5"><marquee direction="down" height="100"><br> page?<br><br> the <br><br> down<br><br> scroll</marquee></font></center> <P>

The POST:

can you make the text scroll in the other direction?

alternate?


page?

the

down

scroll



Anyone want to 'fess up?

John


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Joe Offer
Date: 11 Jul 07 - 02:53 PM

IT WAS RAGDALL.

-JOE-


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 02:59 PM

"Six-Lane Highway"


-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
H-HHHHHHHHHH
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CIIIID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CIID
============================================================================================================
CIIIIIID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CIIID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HHHHHH-HHHHHHHHH-H
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 03:01 PM

Is it possible to rotate or flip letters?


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Joe Offer
Date: 11 Jul 07 - 03:03 PM

I dunno, Sharon - but I'm getting dizzy....


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Big Mick
Date: 11 Jul 07 - 03:09 PM

Methinks you folks need to spend more time on music.........wait,.......there is a certain lyrical pattern in all this............Stop, Mick.......


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 03:09 PM

testTEST


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 03:14 PM

testingggggg


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 03:15 PM

Dang, I keep hitting the "Submit" button without clicking the "Preview" box first. Sorry, folks. Don't stare at that last post for too long...


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Bill D
Date: 11 Jul 07 - 03:32 PM

there used to be a way to 'flip' letters, but it involved posting images, which was cancelled about 1998. Max once posted 'like this?' upside down.

*IF* everyone had the correct fonts, posts could be upside down, mirror image...etc...but those fonts are not standard issue.


I used to do this sort of thing in some posts when I wanted to cause confusion

...but I cheat with a helper program..

I still use it and another program to add COLOR sometimes


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: MMario
Date: 11 Jul 07 - 03:33 PM

my gawD! Sharon's figured out how to program a traffic accident! !


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 04:08 PM

molewhack


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Big Mick
Date: 11 Jul 07 - 04:30 PM

Sharon, ...... please ....... I am a healthy male a long ways from home ...... please stop that mole from doing that........


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 11 Jul 07 - 09:23 PM

Mick: *guffaw*

Okay, Joe & Co., in the second post on the first HTML Stuff thread, T.Mutha posted some words that were centered in the window. They obviously weren't indented, since no matter how one resizes the window the text remains centered. I've scoured both threads and can't find the code for centering text and headlines. I give up! What is it??

And what's the code for aligning text on the right side of the window?


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Bill D
Date: 11 Jul 07 - 10:34 PM

http://www.htmlcodetutorial.com/_DIV_ALIGN.html


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 12 Jul 07 - 12:10 AM


I have applied

the HTML

that Bill suggested

for centering this text

but it's not making

this marquee align

in the center!


However, it DOES make this regular ol' text move to the center.
What gives?????


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: SharonA
Date: 12 Jul 07 - 12:32 AM

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
H-HHHHHHHHHH                                                                         CIIIID
-   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
CIIIID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CIID
============================================================================================================
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
============================================================================================================
CIIIIIID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CIIID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HHHHHH-HHHHHHHHH-H
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: wysiwyg
Date: 12 Jul 07 - 11:39 AM

Good LORD, Sharon! :~)

~S~


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: JennyO
Date: 12 Jul 07 - 11:47 AM

The freeway's looking pretty busy today :-)

Meanwhile....

BOING!                   BOING!                   BOING!                   BOING!


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Bill D
Date: 12 Jul 07 - 12:17 PM

Sharon...both the text AND the scrolling Marquee are centered for me..


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Bill D
Date: 12 Jul 07 - 12:19 PM

but, ok....you have the freeway going fine....now let's see a cloverleaf!


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: JennyO
Date: 12 Jul 07 - 12:27 PM

Same here, Bill.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Big Mick
Date: 12 Jul 07 - 12:29 PM

Not in Windows XP for me, Bill.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: JennyO
Date: 12 Jul 07 - 12:37 PM

Bill, my browser is Firefox. What's yours?


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Bill D
Date: 12 Jul 07 - 12:52 PM

Mine is Opera9...XP is irrelevant..it's the browser's recognition of the HTML that controls it, I am pretty sure.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Bill D
Date: 12 Jul 07 - 01:02 PM

Ok...I switched to Firefox 2.04 and the red Marquee is still scrolling up in the center...black text is still aligned in center. *shrug*

It seems to be the right code...


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: JennyO
Date: 12 Jul 07 - 01:09 PM

Er, when I said "same here" I meant same as what you are seeing. They are both scrolling in the centre for me too.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: JennyO
Date: 12 Jul 07 - 01:14 PM

I mean, the black text is aligned in the centre, and the red text is scrolling in the centre.

Must be past my bedtime......


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Big Mick
Date: 12 Jul 07 - 01:17 PM

The black text is aligned center for me, and the red text is scrolling on the left.

Mick


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: JennyO
Date: 12 Jul 07 - 01:20 PM

it's the browser's recognition of the HTML that controls it, I am pretty sure.

I think you're right there, Bill.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Snuffy
Date: 15 Jul 07 - 07:01 PM

I get red text to the right.

The <div> is not closed off (</div>) and also appears to be in the wrong place relative to the <font> </font> commands. May or may not make a difference, depending on browser.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mr Happy
Date: 16 Jul 07 - 06:44 AM

Mr Happy


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mr Happy
Date: 16 Jul 07 - 06:46 AM

Mr Happy


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mr Happy
Date: 16 Jul 07 - 07:33 AM

MudCat


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Mr Happy
Date: 16 Jul 07 - 07:53 AM


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: topical tom
Date: 20 Feb 09 - 10:41 PM


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Bill D
Date: 20 Feb 09 - 11:48 PM

╟╩╔╦╠═╬╧╨╤╥╙╘╒╓═╬┘┌

░▒▓
◄► ↕ τΦΘΩ


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Acme
Date: 21 Feb 09 - 12:49 AM

I just finished e-filing my Income Taxes! I get money back! (how's that for html practice?)

SRS


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Joe Offer
Date: 21 Feb 09 - 12:56 AM

Gloating isn't nice, SRS....


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Murray MacLeod
Date: 21 Feb 09 - 03:40 AM

This may well be the thread to answer my query, I remember SRS was very helpful to me some time ago ...

What I want to know is , how do you put an image in a document and text alongside the image, (rather than the text being underneath the picture)

The picture thing I know how to do, it's just the text aspect I am not sure about.

This is for an Ebay listing with several pictures, each alternately aligned right and left, with a column of descriptive text alongside each picture.

I am not quite as incompetent at HTML as I used to be, so even a link to a relevant tutorial page or a link to a similar feature where I can "View Source" will be helpful.

TIA


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Acme
Date: 21 Feb 09 - 10:14 AM

To have the text beside the image you have to use the "align" information. Once it knows the image is to the left, for example (could be right or center), then the text can wrap around it. Otherwise it stay below it.

On my eBay listings I put photos each a cell in a table so they stay put and I don't need to worry about odd wrapping between photos. Then you the same thing, "align" the table left or right (and make a given width, don't let it go to 100% or there is no room for text to wrap).

SRS


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Acme
Date: 21 Feb 09 - 03:10 PM

If you put a table on eBay without using the <div> and </div>tag before and after then the eBay text on the rest of the auction page won't display properly, it all goes sideways. (I borrowed this html to show the tag from Joe's source code .)

I have an old version of FrontPage 2003 (the new program that replaced it seems to be a non-starter) that I use to create my eBay auctions. I park my images in the larger form I want to use over on Flickr, and when I put them in the table I force them to display small but embed a hyperlink in each image. When your are on my eBay auction if you click the photo a new window opens with the full-size image.

You don't want your eBay pages to load too slowly (the whole thing loads, even if it displays small), so I don't make those Flickr-hosted photos larger than about 800px across; on some occasions I'll make it as large as 1000, but 800 and 600 are more typical. I size them down to about 400px or smaller in the tables on my auctions. !!->Be sure to check the code view for those external links--FrontPage wants to save the images to your computer and display locally--you need the full code, starting with the http part.

I don't have any auctions going right now (I haven't listed any since late December, but I'm about ready to resume auctions). For a few weeks more you might be able to view auction item 300282174749. link. That is an auction with a table. I did a lot of detailed work in that one (and a lot of research) becuase I knew I had a very rare perfume bottle. I've actually left the Flickr photos up because it is so rare that I figure a few collectors might want to capture the image. Anyway, that's one example.

SRS


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Murray MacLeod
Date: 21 Feb 09 - 07:37 PM

excellent helpful advice there from SRS and Joe once again, thanks.

SRS just to clarify, am I correct that you are saving the pics to your host (Flickr ) as 800 (or 1000 or whatever) pixel wide format, and using the HTML "width" tag to tailor them to the required size ? Do you have to manually calculate and enter the "height" of the resized pic on the listing or is this automatic ?

I have gone through your listing above using "View Source" and very educational it is too, although I still don't have a clue what the "div" tag actually does ...

I am fairly sure I can get my listing to display the way I want it to now, thanks again for your help.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Murray MacLeod
Date: 21 Feb 09 - 08:01 PM

"width" is of course not a "tag", it is an "attribute".

mea culpa


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Acme
Date: 21 Feb 09 - 08:03 PM

I also use Photoshop and the height/width values are locked together, so changing one adjusts the other when I resize a photo. In Front page those values are also locked, so when you resize how a photo will display, the thing changes size without distortion. You can probably find the same features in Picasa and even the Microsoft Office picture editor.

The "div" and "span" tags give you more chance to control the contents of the space that they enclose. I have my DHTML and CSS book here, but I'm getting set to fix dinner so I'll read up later and tell you more then. "Align" is one of those directions that it looks like they're gradually phasing out. Hasn't happened yet, though.

SRS


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Joe Offer
Date: 21 Feb 09 - 10:09 PM

I usually cheat and use tables, but we're not set up to use them at Mudcat because they can cause problems (but I cheat and enter them with my "edit" button). Pene Azul told me the best way to do it is to use columns, thus:

Columns:
<DIV STYLE="float: left; width: 48%">
Column 1
</DIV><DIV STYLE="float: right; width: 48%">
Column 2
</DIV>


Let's see if I can get it to work:

Columns:
Column 1
Column 2




Well, yes,I guess it works,but I like tables better.


Well, yes,I guess it works,but I like tables better.


Well, yes,I guess it works,but I like tables better.



I could really use some more instruction on the <div> tag. It's used extensively on Web pages, so there must be a way to make it very flexible and useful.
-Joe-
"Align" going by the wayside?
Darn, I use align=left/right/center all the time.

SRS, you have glossed over the div/span tags, and these are something we really need to understand. Please enlighten us.

-Joe, puzzled-


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Acme
Date: 21 Feb 09 - 11:00 PM

Oops. I posted this on the wrong thread (I asked Katlaughing to take it off of the place I stuck it):

http://webdesign.about.com/od/htmltags/a/aa011000a.htm.

We're looking at html vs dhtml and css and xhml and dhtml--it is confusing, and yet, I am still using a lot of the earlier code and getting away with it. As long as it works, I guess we're okay.

I like the "Visual Quickstart Guide" books. You'll find them for any number of web design and html subjects. You might want to take a look next time you're in a good bookstore. I have several here, and I need to do some reading, then I'll see if I can offer something more helpful.

To go to the ultimate source, and lots of information, visit the Grand PoohBah of all WWW info, the W3C folks.

SRS


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Joe Offer
Date: 22 Feb 09 - 12:34 AM

Ah, that's what they all tell me when I ask them to explain <div> - go to w3.org...

[sigh]

-Joe, fwustwated-


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Murray MacLeod
Date: 22 Feb 09 - 09:03 AM

well, you can see the end result of my foray into mixed images and text Here

I am quite sure that any viewing of the source code would give a HTML connoisseur heart failure, but it works (just) although it wasn't quite how I had envisaged it.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Acme
Date: 22 Feb 09 - 10:47 AM

The only thing I would change with the layout is to not set the table width at 100%. Define the width and you have more control of the look. Set at 100% it will display as wide as the browser window. I have a very wide desktop here (two monitors) and can make that page look pretty darn strange as it stretches out.

Your standard monitor is about 1280px. If people are viewing screens at the full window, that's as wide as they can see. Anything set wider than that will call for sideways scrolling. A lot of people use multiple windows and don't put them out to the full monitor, so I tend to keep my tables somewhere between 800 and 1000 pixels wide to accomodate that (since that's how I browse). Or you could simply set it smaller by saying 80% or 90%, etc. The main thing is that while people will scroll up and down, they are generally not happy scrolling sideways.

SRS


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Murray MacLeod
Date: 22 Feb 09 - 10:58 AM

point taken, SRS, and I will revise accordingly.

many thanks.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Bert
Date: 22 Feb 09 - 06:45 PM

For tables that behave nicely with different column and window widths, use separate tables like this


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Acme
Date: 22 Feb 09 - 09:59 PM

I often times nest tables within tables. For all of the fancy stuff available via web design programs today, I think you'll find that a lot of folks are going back to the simple, yet versatile, table.

SRS


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Bert
Date: 23 Feb 09 - 12:53 AM

Yer right you can put a whole new table between <td> and </td> tags.


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Joe Offer
Date: 23 Feb 09 - 01:01 AM

I really liked your page, Bert. It's neat and simple - and doesn't require any skills I don't have already. But one Website I maintain. http://www.wellspringwomen.org/, has all sorts of <div> tags, so I guess I'm going to have to learn them or do a complete redesign of the site. I feel like I'm taking my life in my hands, every time I make alterations on a page with those darn <div> tags. So far, I've done it without serious mishap, but it's worrisome.
-Joe-


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Murray MacLeod
Date: 23 Feb 09 - 03:16 AM

Bert, viewing the source code for your link was educational, but there is one thing I don't understand.

How do you get the text alongside the image to display halfway down, instead of being in the same line as the top of the image ?

And if you did want to align the text with the top of the image, how would you go about it ?


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Murray MacLeod
Date: 23 Feb 09 - 04:24 AM

looking at Bert's link again I have just had one of these "penny dropping" moments.

you can get as many data cells (td ) as you choose within a row (tr) as long as you define the width of the cell, and you can put images or text within these cells, right ?

I didn't really understand the tr, td thing before ...

I would still like to know the answer to the question in my previous post, but one further question is, does the text within a data cell (td) automatically centre justify and if so, how would you go about getting it to left-justify?


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Murray MacLeod
Date: 23 Feb 09 - 08:21 AM

I have come across what IMHO is by far the best HTML tutorial site on the net (and I have dipped into quite a few) http://www.w3schools.com

The explanations are crystal clear, unlike so many other resources which assume too much and fail to explain fundamental basics, for example, that "td" actually stands for "table data cell")


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Acme
Date: 23 Feb 09 - 10:45 AM

You can set up a table with several cells, and put new tables inside those cells and tell them each how to display. The big table might be everything aligned left, but you can insert a new table in one of those cells and center everything in that nested table.

If you're doing hand code then it can be a very tedious process. Are you using an editor of some sort?

SRS


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Bert
Date: 23 Feb 09 - 11:07 AM

...How do you get the text alongside the image to display halfway down, instead of being in the same line as the top of the image ?...

On explorer it seems to align at the center automatically. If you wish to force the alignment you can use <td valign="top"> or <td valign="center"> or <td valign="bottom">

...Are you using an editor of some sort?...
No I just use notepad but I do one line with as many columns as I need and cut and paste it like this then fill in the data.

<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>


Post - Top - Home - Printer Friendly - Translate

Subject: RE: HTML Stuff II
From: Acme
Date: 23 Feb 09 - 12:00 PM

Even when you use an editor you need to be able to read through and know what tags need to be closed and find the mistakes that can insert themselves. And you should test it in several browsers. If you've published it online somewhere you can run a validator that will check your code to see if it is in complaince. It's interesting, but kind of a pain in the ass, also.

http://validator.w3.org/

SRS


Post - Top - Home - Printer Friendly - Translate
  Share Thread:
More...

Reply to Thread
Subject:  Help
From:
Preview   Automatic Linebreaks   Make a link ("blue clicky")


Mudcat time: 21 August 6:31 AM EDT

[ Home ]

All original material is copyright © 1998 by the Mudcat Café Music Foundation, Inc. All photos, music, images, etc. are copyright © by their rightful owners. Every effort is taken to attribute appropriate copyright to images, content, music, etc. We are not a copyright resource.