Есть код, но стили чего-то не работают, не подскажете, где ошибка? Так то часы красивые, хотелось бы вставить таки в блог...
Код следующий:
<div id="blok">
<div id="left">
<img src="http://www.veryicon.com/icon/png/System/Minium2/Sidebar%20Search.png" width="38" height="38" />
</div>
<div id="right">
<script type="text/javascript">
setInterval(function(){
var date = new Date();
var format = [
(date.getHours()),
(date.getMinutes()),
(date.getSeconds())
].join(":");
document.getElementById("clock").innerHTML = format;
}, 900);
</script>
</div>
</div>
<stile>
#blok {
width: 80px;
margin: 0 auto;
margin-top: 20px;
font-family: sans-serif;
font-size: 30px;
font-weight: bold;
color: #555;
float:left;
}
img {
float:left;
margin-right: 10px;
}
</stile>
Код следующий:
<div id="blok">
<div id="left">
<img src="http://www.veryicon.com/icon/png/System/Minium2/Sidebar%20Search.png" width="38" height="38" />
</div>
<div id="right">
<script type="text/javascript">
setInterval(function(){
var date = new Date();
var format = [
(date.getHours()),
(date.getMinutes()),
(date.getSeconds())
].join(":");
document.getElementById("clock").innerHTML = format;
}, 900);
</script>
</div>
</div>
<stile>
#blok {
width: 80px;
margin: 0 auto;
margin-top: 20px;
font-family: sans-serif;
font-size: 30px;
font-weight: bold;
color: #555;
float:left;
}
img {
float:left;
margin-right: 10px;
}
</stile>