Welcome to WebmasterWorld Guest from 54.211.136.250

Forum Moderators: incrediBILL

Message Too Old, No Replies

HTML Tips

   
9:47 pm on May 1, 2003 (gmt 0)

10+ Year Member



Hey peoples...

Now, I've been using HTML for a very long time, so I know the major things... but I'm just curious if theres anything interesting in html, or little cool things that can be done, which are not common knowledge...

Anyone have cool tidbits of info about it? trade secrets? :) Spill your beans :)

-Davis

10:56 pm on May 1, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Eric Meyer's css/edge
[meyerweb.com ]
11:01 pm on May 1, 2003 (gmt 0)

WebmasterWorld Senior Member pageoneresults is a WebmasterWorld Top Contributor of All Time 10+ Year Member



You could also start right here...

HTML and Browsers [webmasterworld.com]

I think you'll find just about every html tip out there and then some. Grab a comfortable seat, and get ready for information overload.

Welcome to WebmasterWorld!

P.S. Oh, make sure you read this thread to get some tips on what to do while performing all of that research...

Back Problems - Inherent in IT [webmasterworld.com]

10:05 am on May 2, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Tip: nolayer

Although it is not valid XHTML, you can use <nolayer> to hide elements that don't work in Netscape 4.

Tip: PHP

To save replicating large parts of code that appear on several pages, save the repeated code to a separate file. Then just use PHP to include the code via a single line.

You can also use PHP to create variables, and have a page change depending on the variable. Eg: load a random stylesheet.

Tip: IE-only code

If an element (such as a header or last list item) moves down a line in every browser except IE, the result is text too close. You can force IE to add an extra line too by using this code:


<!--[if IE]><br /><![endif]-->

There is also similar code that does the opposite - allows content to be hidden from IE but shown in other browsers. You can also decide the version of IE. Take a look at the Microsoft web developer site for more information.

10:29 am on May 2, 2003 (gmt 0)

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Hesters IE conditionals is a nice little tip.

Tedsters thread [webmasterworld.com] on this is extremely useful and informative.

10:41 am on May 2, 2003 (gmt 0)

10+ Year Member



I've recently pick up this way round IE positioning things and setting the dimensions of things slightly differently than Mozilla. Write the css this way:

div#base div#stage { height:84%; left:10%; top:12% }
div#base>div#stage { height:83.5%; left:10.2%; top:12.3% }

Mozilla reads the css line with > in it but IE doesn't.

10:56 am on May 2, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



What happens when IE7 comes out and supports the CSS that Mozilla does?
11:10 am on May 2, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I found this snippet of code this morning:

<a href="mailto:me@widgets.com?subject=Any Title text you want here&amp;body=body text header here?">Email</a>

It's probably old hat to many but I like it.

This seems to work fine with IE 5.5, Outlook Express and Outlook 2000.

But I have no idea if this works for other Email clients or on other Browsers.

Ta

Limbo

11:18 am on May 2, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



If you are going to use a mailto link then at least protect yourself a little bit by changing parts of the address into html entities.

Otherwise you'll get hammered by every spammer in the world who has a screen scraper/mail bot (i.e. most of them).

11:27 am on May 2, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



:o

Good point.

How do you >>change parts of the address into html entities?

11:30 am on May 2, 2003 (gmt 0)

10+ Year Member



limbo,
That mailto works with Eudora as well.

Bob

12:42 am on May 3, 2003 (gmt 0)

WebmasterWorld Senior Member g1smd is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



HTML entities are like &#60; representing a character.

As well as entities, I usually write that line using external javascript as well.

So, my tip is to put all javascript and CSS in external files.

1:44 pm on May 21, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Tip: Hiding tooltip text

To hide the ALT text for an image that comes up as a tooltip in Internet Explorer, simply add title="".

1:21 pm on May 25, 2003 (gmt 0)

10+ Year Member



If you are going to use a mailto link then at least protect yourself a little bit by changing parts of the address into html entities.
Otherwise you'll get hammered by every spammer in the world who has a screen scraper/mail bot (i.e. most of them).

Where might a guy (or gal) find out more about these "html entities"?

mat

1:25 pm on May 25, 2003 (gmt 0)

10+ Year Member



Do a Google search for 'email address munger [google.com]'.
8:07 pm on May 25, 2003 (gmt 0)

10+ Year Member



A good resource is at -
[w3schools.com...]
This gives a good and extensive list of the most useful HTML entities. I've looked over it though and it doesn't give the entities that would work for disguising the mailto: address.
9:03 pm on May 25, 2003 (gmt 0)

10+ Year Member



I wouldn't rely too much on munging to stop the harvesters - If it can be munged, it can be de-munged, quite easily.
9:11 pm on May 25, 2003 (gmt 0)

WebmasterWorld Senior Member digitalghost is a WebmasterWorld Top Contributor of All Time 10+ Year Member



>>If it can be munged, it can be de-munged, quite easily.

Sell the "munger" to webmasters, sell the "de-munger" to email spammers. ;) Every 3 months, sell 'em the upgrades. Sort of like anti-virus marketers...

9:17 pm on May 25, 2003 (gmt 0)

WebmasterWorld Senior Member nick_w is a WebmasterWorld Top Contributor of All Time 10+ Year Member




h1 {
font: bold 2em arial, verdana, sans-serif;
}

Nick