javascript - p styling not showing up. Typed out one by one -
i have simple html page.
using typed.js jquery plugin make text typed out.
problem none of text in p tags stylized when outputted.
text in p tags printed out 1 one.
typed out @ 1 go.
not sure how fix these issues.
<!doctype html> <html lang="en-us"> <head> <meta charset="utf-8"> <style type="text/css" media="all"> center { position: relative; margin-top: 10%; line-height: 20px; } p { /*font-family: monaco, monospace; */ font-family: 'lucida console', monospace; font-size: 1.2em; color:#00ff00; } </style> <title>personal website</title> </head> <body bgcolor=""> <center> <div id="typed-strings"> <p>some text </p> <p>this more text.</p> <p>no more text after this.</p> </div> <span id="typed"></span> </center> <script src="jquery.js"></script> <script src="typed.js" type="text/javascript"></script> <script> $(function(){ $("#typed").typed({ stringselement: $('#typed-strings'), typespeed: 0, }); }); </script> </body> </html>
for me code working check here change not given style ,#typed
p,#typed { /*font-family: monaco, monospace; */ font-family: 'lucida console', monospace; font-size: 1.2em; color:#00ff00; }
Comments
Post a Comment