Blink Property in css

Discussion in 'HTML & Website Design' started by barnes, Apr 9, 2007.

0
  1. #1
    <style type="text/css">
    <!--
    p#blinking {text-decoration: blink;}
    -->
    </style>
    <p id="blinking"><a href="mailto:email@domain.com">Email me</a></p>

    the above code will work on mozilla but not in I.E.
    how to get css blink effect in both IE and Mozilla
     
    barnes, Apr 9, 2007 IP
  2. RobertMedia

    RobertMedia Active Member

    Messages:
    902
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    60
    #2
    Try this:

    <style type="text/css" xml:space="preserve" class="blink">  div.blink {text-decoration: blink;} </style>
<div class="blink">This is an example of blinking text.</div>
    Code (markup):
     
    RobertMedia, Apr 9, 2007 IP
  3. barnes

    barnes Guest

    Messages:
    47
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks for immediate response..
    but it's not working in IE
     
    barnes, Apr 9, 2007 IP
  4. RobertMedia

    RobertMedia Active Member

    Messages:
    902
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    60
    #4
    This code does works fine on my IE browser, maybe give me a live link :)?

    - RobertMedia
     
    RobertMedia, Apr 9, 2007 IP
  5. RobertMedia

    RobertMedia Active Member

    Messages:
    902
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    60
    #5
    I got the solution:

    Paste this part of the code in the <head> of your page

    <!--[if IE]>
<script type="text/JavaScript">
function doIt(){
document.getElementById('blink').style.visibility =  (document.getElementById('blink').style.visibility == "hidden") ? "visible" : "hidden";
}
function Knipper(){
setInterval('doIt()',1000);
}
window.onload = Knipper;
</script>
<![endif]-->
    PHP:
    And where you wanna blink paste this:

    <p>My <span id="blink">Blinking Text</span></p>
    PHP:
    This code is 100% XHTML valid :)

    - RobertMedia
     
    RobertMedia, Apr 9, 2007 IP
  6. barnes

    barnes Guest

    Messages:
    47
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    i doesn't have any live link.i am working on IE5.0.may i know ur browser version
     
    barnes, Apr 9, 2007 IP
  7. RobertMedia

    RobertMedia Active Member

    Messages:
    902
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    60
    #7
    IE 6 and Mozilla 2 :)

    - RobertMedia
     
    RobertMedia, Apr 9, 2007 IP
  8. barnes

    barnes Guest

    Messages:
    47
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    it's working robert.but client wants css property...we are not using jscript,bcz of search engine friendly..
     
    barnes, Apr 9, 2007 IP
  9. barnes

    barnes Guest

    Messages:
    47
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    any way thanks robert..
     
    barnes, Apr 9, 2007 IP