afish674
-
Posts
148 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by afish674
-
Out of interest, where did it show that error in firebug? because I didn't see it!
-
Thanks! There was also a typo here: context.textBaselibe ='top'; That I didn't notice.
-
Sorry about that. I don't think any of those files are relavent though. They're just part of the boilerplate. I've taken them out now. http://dl.dropbox.com/u/13032629/canvas_test.html Is that any better?
-
Thanks for the replies. eTianbun - I just tried changing that and it still didn't work unfortunatly. Ingolme - It is only a local test page but i've hosted it on my dropbox for you to have a look at: http://dl.dropbox.com/u/13032629/canvas_test.html Thanks again.
-
Cheers for this! This does solve that specific problem, but does have knockon effects. I guess its whatever is the lesser of two evils! I'll try it out on some different screen sizes and see what happens. Is the word length causing the problem then because the word length is still adding horizontal width even though the parent div has been rotated?
-
Hi guys, I'm using the HTML 5 boilerplate and trying to follow some instructions from a text book but nothing is drawn. Firebug says "document.getElementById is not a function" but it is! Confused. Any help appreciated. Thanks! <!doctype html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--><!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--><!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title></title> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="HTML5 boilerplate v3/Stripped/h5bp-html5-boilerplate-v3.0.2stripped-0-g5f341a3/h5bp-html5-boilerplate-359a13f/css/style.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script> <script src="HTML5 boilerplate v3/Stripped/h5bp-html5-boilerplate-v3.0.2stripped-0-g5f341a3/h5bp-html5-boilerplate-359a13f/js/plugins.js"></script> <script src="HTML5 boilerplate v3/Stripped/h5bp-html5-boilerplate-v3.0.2stripped-0-g5f341a3/h5bp-html5-boilerplate-359a13f/js/script.js"></script> <script src="HTML5 boilerplate v3/Stripped/h5bp-html5-boilerplate-v3.0.2stripped-0-g5f341a3/h5bp-html5-boilerplate-359a13f/js/libs/modernizr-2.5.3.min.js"></script></head><body> <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]--> <header><h1>Canvas Test</h1> </header> <div role="main"><canvas id="logo" width="900" height="80"> <h1>AwesomeCo</h1> </canvas> <script type="text/javascript">var drawLogo = function(){var canvas = document.getElementById("logo");var context = canvas.getContext("2d");context.font = 'italic 40px sans-serif';context.textBaselibe ='top';content.fillText("AwesomeCo", 60, 0);};$(document).ready(function(){ var canvas = document.getElementByID("logo"); if (canvas.getContext){ drawLogo(); }});</script> </div> <footer> </footer></body></html>
-
There is more blank space under the lettering in the text tab, compared to the other tabs. It just doesn't look very neat
-
I've have changed the code to px but still have the same problems. The box placement is still different. I also thought that this might be to do with word length. But there are other tabs in a preview I viewed that have the same number of characters as text ("chat") for example, and they still have different box placement to "text". I suppose it could be something to do with Tumblr but I would have thought I could pick up the problem in Firebug still.
-
Also, do you have any idea why the tags marked "text" are further left than the other tags? I can't work it out and its breaking the consistancy. I thought if it was positioned absolutely it shouldn't be effected by other elements?
-
Thank you! I checked all of the other elements but forgot the header.
-
Hi Could someone please explain to me why my blog layout scrolls sideways? http://noscriptblog.tumblr.com/ Its like there is a right hand margin that shouldn't be there. Its really confused me. Thanks! p.s.If anybody is familiar with Tumblr - could they explain why the headings and date show up in my text posts but not in any other post type. (The date in the question post has been moved down onto the post body - white background and white text for some reason :S)