What I found so far the blinking text isnt working

Question

I would like to have blinking email link and also the line that says Hello Professor. What i have found so far hasnt worked. Any help would be great. This is what I have tried so far text-decoration:blink; with no luck

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
        "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Randy's first html web page !</title>
<style type="text/css">
body
{background-image:url('Koala.gif');} 
h1
{
text-align:center;
font-size:500%;
}
h2
{
text-align:center;
font-size:250%;
}
p
{
text-align:center;
font-size:200%;
color:#00fff0;
}
div
{
background-color:#efffff;
}
a
{
text-align:center;
}
th
{
background-color:green;
}
tr
{
background-color:green;
}
table 
{
width: 200px; 
margin-left: auto; 
margin-right: auto; 
}
#google-link 
{ 
margin: 0 auto; 
display: block;
font-size:250%;
color:#00ff00;
} 
#Mail-link
{
margin: 0 auto; 
display: block;
font-size:250%;
color:#00ff00;
text-decoration:blink;
}
</style>
</head>
<h1> Hello Professor</h1>
<h2> By: Randy White</h2>
<P> It's getting better as the term goes on.</P> 
<P>Week 2</P>
<P><img src="Hydrangeas.jpg" width="150" height="100" alt="Hydrangeas.jpg"></P> 
<table border="1">
<tr>
<th>Month</th>
<th>Day</th>
<th>Year</th>
</tr>
<tr>
<td>December</td>
<td>13</td>
<td>2010</td>
</tr>
</table>
<a id="google-link" href="http://www.google.com">Visit Google!</a>
<a id="Mail-link" href="mailto:randywhite30@neb.rr.com"> Contact Me!</a>
</body>
</html>

Your code works for me on Firefox 4. What browser are you using? — casablanca, Dec 14 '10 at 02:27
Well, that gives you another reason not to use blink then -- not all browsers support it. — casablanca, Dec 14 '10 at 02:30
I think this is the canonical example of "It's not a bug, it's a feature." — Chuck, Dec 14 '10 at 02:39
possible duplicate of [Alternative for ](http://stackoverflow.com/questions/18105152/alternative-for-blink) — Léo Lam, Jul 21 '15 at 06:33

score 4 · Answer 1 · answered Dec 14 '10 at 02:28

4

IE (and probably other browsers) don't support text-decoration: blink. Just don't do this anyhow - blink is the epitome of bad taste and design on the web. You may as well have an animated background and MIDI music. I think Google may even hurt your ranking, and it will hurt my feelings. ;)

Let me reassure you - there are much better ways to draw attention to page elements.

answered Dec 14 '10 at 02:28

Surreal Dreams

26,055
3
46
61

+1 Midi music - i detest! But marginally lesser than blinking text :-) – Jagmag Dec 14 '10 at 03:02
You can mute your sound, but what are you going to do, turn off your monitor? Not really an option while operating the computer. All you can do is click back and never, ever visit the site again. Ever. – Surreal Dreams Dec 14 '10 at 03:07

score 1 · Answer 2 · answered Dec 14 '10 at 02:31

I think you may be looking for the <annoy-the-crap-out-of-the-user> tag :-)

But, seriously, if a browser doesn't support it, you have a couple of options.

The first is the relatively easy, don't support that browser. And, though easy, it may not be feasible.

The second is just as easy, don't use blinking text - that would be my preference but I'm going to assume you have a real need for it. However, you should take everyone's advice and at least look into a different way of doing this.

The third is with Javascript (I'd go jQuery myself) where you can set up timers to blink the text yourself. Not pretty but sometimes kludges are necessary.

score 0 · Answer 3 · answered Dec 14 '10 at 02:26

0

You will find that most HTML clients will not display blinking text, as it's highly visually intrusive.

Even if they did support it, I would strongly encourage you not to avail yourself of the capability for the above reason.

answered Dec 14 '10 at 02:26

Lawrence Dol

63,018
25
139
189

What I found so far the blinking text isnt working

3 Answers3