Shadowfire Graphics Design
  • Tips and Tricks II

BACK


First, there is a rule or two you should beware of when it comes to the <BUTTON> in HTML. There are a few things you should never use inside a 'Button'. These are:

  • Another <button> tag

  • <select> tag

  • <input> tag

  • <a> tag

Unfortunately, since this code doesn't show up for some of the other browsers, you may need to add a link to it for those using Netscape. Occasionally, you must break a rule or two to keep within browser compatibility. By using one of the above elements inside the button, you can make all the browsers display it. Internet Explorer 4.x will simply ignore the element. Browsers that do not support the <button> tag will see a normal link instead.

To write this code, you add the link inside the button, like so:

<button STYLE="background-color: red;" "width: 135px; height: 35px;" onClick="window.location='https://www.angelfire.com/de2/irishcreme/list.html'"><a href="https://www.angelfire.com/de2/irishcreme/list.html">Index</a></button>

And it looks like this:

Take out that line!

How do you take that underline out from under your links ? You want it out? Okay, here you go.

First, you place the Style Command below inside the HEAD tag on your HTML document. This will affect all the links on your page and make them plain. They retain their coloring, but lose their underline.

<STYLE> <!-- A{text-decoration:none} --> </STYLE>

Alright then, so you don't want to take off all the lines. There's just one in particular that bugs you a little bit. So here you go. You don't put anything in the HEAD tag on this one. You simply write STYLE="text-decoration: none" after the URL in your link like this:

<A HREF="basic.html" STYLE="text-decoration: none">Go to Basic HTML Tutorial</a>   

 

Making a Marquee

The words directly above are made to scroll back and forth by using the marquee tags. Here is the basic code:

<marquee behavior="alternate" scrolldelay="100"> This is the Text or Image to scroll</marquee>

The marquee tag uses an attribute known as behavior. Behavior allows you to control the flow of your text. If you do not write in a behavior, the text will scroll across the screen from left to right. This is the default option. If you will look closely at the source code, you will see that it is written inside the MARQUEE tag like this: behavior="alternate" or behavior="slide" etc... Slide makes the text scroll the length of the scroll box and stop when it touches the left margin. Alternate makes the text scroll the length of the scroll box until the text touches one of the margins, and then it scrolls in the opposite direction. Scroll delay, another attribute, allows you to set the rate at which the text scrolls. The higher the delay, the slower the text will scroll.

Direction, another attribute, allows you to specify the direction of text from two possible options: Left or Right. Here is an example of the code:

<MARQUEE DIRECTION=" LEFT"> text </MARQUEE>

Important note: This tag DOES NOT work in Netscape. If you choose to use it, visitors using Netscape won't see anything but plain text.   

Add Sound to your Page

Did you hear the sound of rushing water when you clicked on this page? To hear it again, press the "play" button below (the arrow) and then learn how you can also add sound to your page. To add sound yourself, you do it like this. This is coded for BOTH Netscape and Internet Explorer:

<BGSOUND SRC="sounds/Creek.wav" LOOP="2">

First, you copy the source code below and upload your sound file to your directory. Place your source code somewhere near the bottom of your page. Change the word "Creek" to whatever the name of your file is, being sure to change the .wav to .mid if you're using a midi file (in both places). The "loop=false" means the song or sound will play only once. Set it to true if you want it to repeat over and over. The "hidden=false" shows the midi control panel. Change it to true if you want to hide the control panel. The width and height can be configured to suit your own needs. This example allows only the controls to show, but you can show as much as you want. Go ahead and play around with the controls above. Your visitor can play the sounds when and if they want to without being forced to listen to it over continuously.

And this how you write the source code:

<EMBED src="Creek.wav" HEIGHT=45 WIDTH=150
autostart=true
hidden = false
loop= false>
<NOEMBED> <BGSOUND SRC="Creek.wav" LOOP="1"> </NOEMBED></EMBED>
   

Tips & Tricks III

Back to Tips & Tricks Index


Click on Texas to E-mail me!