Well I trying to make this equation clock for meself the other night, but it's too small so I make it bigger and I can't find a way to move the hands to the center. Any help?
I've tried changing the s, m, h (as in seconds, minutes, hours) size in clock.html file but that doesn't work and I dunno how to change the position, know that I was just doing this for fun and I'm a total noob at this, I do know coding more or less though.
Code:
<html>
<head>
<meta http-equiv="MSThemeCompatible" CONTENT="yes" />
<meta http-equiv="Content-Type" content="text/html; charset=Unicode" />
<title>Seven Editions Clock</title>
<link href="css/clock.css" rel="stylesheet" type="text/css" />
<script src="js/timeZones.js" language="javascript" type="text/javascript"></script>
<script src="js/settings.js" language="javascript" type="text/javascript"></script>
<script src="js/clock.js" language="javascript" type="text/javascript"></script>
</head>
<body scroll="no" unselectable="on" onload="loadMain()" onmouseover="updateTooltip()">
<img id="clockTime" style="position:absolute;top:-1px;left:-1px;width:1px;height:1px" tabindex="1" />
<g:background id="clockBg" style="position:absolute;width:200px;height:200px;z-index:-1" />
<g:image id="highlights" unselectable="on" src="images/spacer_highlights.png" style="position:absolute;left:30px;top:3px;width:194px;height:194px;z-index:30" />
<g:image id="dot" unselectable="on" src="images/HomePremium_dot.png" style="position:absolute;left:58px;top:0px;width:83px;height:199px;z-index:23" />
<g:image id="s" unselectable="on" src="images/HomePremium_s.png" style="position:absolute;left:128px;top:0px;width:83px;height:199px;z-index:22" />
<g:image id="m" unselectable="on" src="images/HomePremium_m.png" style="position:absolute;left:128px;top:0px;width:83px;height:199px;z-index:21" />
<g:image id="h" unselectable="on" src="images/HomePremium_h.png" style="position:absolute;left:128px;top:0px;width:83px;height:199px;z-index:20" />
<div id="clockNamePosition" style="position:absolute;top:75px;left:-1px;width:130px;text-align:center;z-index:10">
<div id="clockName" style="text-overflow:ellipsis;white-space:nowrap;overflow:hidden"></div>
</div>
</body>
</html> 
