Avatar billede palito Nybegynder
18. september 2006 - 21:27 Der er 2 kommentarer og
1 løsning

Lave det viste på billedet i html

Kan nogle lave det præcist viste på billedet i html?

http://img243.imageshack.us/img243/2213/testgg8.jpg
Avatar billede or.han Nybegynder
18. september 2006 - 22:14 #1
Lavede lige noget hurtigt. Synes selv det ligner lidt..:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Untitled Document</title>
    </head>
    <body>
        <div style="background:#000; color:#FFF; font-family:Arial,sans-serif; float:left; padding:7px">
            <span style="font-size:50px; float:left; font-weight:bold; line-height:0.8">9</span>
            <div style="float:left; font-size:25px; font-weight:bold; line-height:0.8">
                <span style="display:block">:26:23</span>
                <span style="display:block">pm</span>
                <span style="font-weight:normal; line-height:1.8; font-size:12px; display:block">now</span>
            </div>
        </div>
    </body>
</html>
Avatar billede coderdk Praktikant
18. september 2006 - 22:41 #2
Og et ur der virker:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Clock</title>
        <script type="text/javascript">
            function updateClock()
            {
                var d = new Date();
                var h = document.getElementById("hrs");
                var ms = document.getElementById("minsec");
                var ampm = document.getElementById("ampm");
                var pm = ( d.getHours() / 12 ) > 1;
                h.innerHTML = ( d.getHours() % 12 );
                var min = ( d.getMinutes() > 9 ? d.getMinutes() : '0' + d.getMinutes() );
                var sec = ( d.getSeconds() > 9 ? d.getSeconds() : '0' + d.getSeconds() );
                ms.innerHTML = ':' + min + ':' + sec;
                ampm.innerHTML = ( pm ? 'pm' : 'am');
                setTimeout( "updateClock();", 1000 );
            }
            window.onload = function () {
                updateClock();
            }
        </script>
    </head>
    <body>
        <div style="background:#000; color:#FFF; font-family:Arial,sans-serif; float:left; padding:7px">
            <span id="hrs" style="font-size:50px; float:left; font-weight:bold; line-height:0.8">9</span>
            <div style="float:left; font-size:25px; font-weight:bold; line-height:0.8">
                <span id="minsec" style="display:block"></span>
                <span id="ampm" style="display:block"></span>
                <span style="font-weight:normal; line-height:1.8; font-size:12px; display:block">now</span>
            </div>
        </div>
    </body>
</html>

;)
Avatar billede palito Nybegynder
19. september 2006 - 20:14 #3
tak. :D
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester