|
|
|
Choosing a Hosting Service: A Checklist for Business Owners
For a website to appear on the Internet, you require a “server” that is usually provided by a web hosting company. Hosting companies are paid monthly, quarterly or yearly. Some companies come with guarantees, too. Recommendations from other...
HTML Encryption Utility
please now visit www.htmlblock.co.uk for html encryption thank you. --------------------------------------- If you have sensitive information on your website that is subject to unauthorized use, you need to encrypt it! For your convenience, we...
Meta Tags Explained-Create and Check Your Meta Tags
Meta Tags Explained-Create and Check Your Meta Tags Meta Tags are used to describe information about the document to search engine robots, browsers and other automatic programs. Here we will examine the most important Meta tags and how to...
TEN Tips For Your Web Site Home Page
1. Loading time: try to be below 20kb less number of images specify height and width of images Html with out erros WYSIWYG editors load up your html code. so try using text editor part of your html editors instead of visual editor ...
The "Unethical SEO" Myth
"The use of black hat SEO techniques are completely unethical." Really? I completely disagree.
Is it unethical because these techniques are attempts to give a webmaster an advantage over their competition? If this is the case, stop...
|
|
| |
|
|
|
|
|
|
Showing and Hiding HTML elements using Layers
A long time back I visited a site that had a very fancy, animated navigation bar. Now, as a professional web developer, I'm not in favor of DHTML-supported, fancy navigation bars, but it was very fascinating. What they had done was, whenever you hovered your cursor over a link, a big, comics-type dialog balloon appeared to give further details of that link. I wondred how they did it, but then it slipped out of my mind.
That technique uses layers and Cascading Style Sheet definitions, and I'm going to tell you here, how it is done. Nothing pyrotechnic, but it'll pay a way to more complex tasks.
First, the demo. I believe once you visually see it, you'll understand better what I'm trying to accomplish here. Given below is a link. If you take your cursor over the link, an image appears somewhere on the screen. By tweaking you can control the placements. You can see the
demo, along with the online version of this article at:
http://www.bytesworth.com/learn/dhtml00001.asp
I've purposely made the image appear over a text area so that you don't think it is a simple rollover image effect. The image actually appears above the text.
Below lies the code that of the effect that appears above.
First the HTML part that defines the general link and the division that defines the placement of the image. Take note of the CSS definitions required to set the z-index and the "hide" attributes. Before testing the code, remember to remove the preceding dots that I have appended so that your email software doesn't read the code as some "process-able" content.
.Bring Your Cursor Here and See The Image
.
.
.
|
|
|
|
|
|