Tom Sawyer: Kalender

<html>
<head>
 <title>__</title>

<script language="javascript">

// ==============================================
// =========================================================ENDE===============
// =================================================

var clockid=new Array()
var clockidoutside=new Array()
var i_clock=-1
var now= new Date()

var Tag = now.getDay();
var Name = new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
var WochentagZahl = new Array("1","2","3","4","5","6","7");

var Monat = now.getMonth();
var MonatZahl = new Array("1","2","3","4","5","6","7","8","9","10","11","12");

var Jahr = now.getFullYear();

function Kalender()
{

document.write( "<nobr><div class='cl_Dat'>"
    +"Datum: "
    +"</div><div class='cl_Nam'>"
    +Name[Tag]
    +"</div><div class='cl_Nam'>"
    +", der "
    +"</div><div class='cl_Woch'>"
    +WochentagZahl[Tag]
    +"</div><div class='cl_Nam'>"
    +"."
    +"</div><div class='cl_Mon'>"
    +MonatZahl[Monat]
    +"</div><div class='cl_Nam'>"
    +"."
    +"</div><div class='cl_Jah'>"
    +Jahr
    +"</div>"
    +"</nobr>"

);

}

// ==============================================
// =========================================================ENDE==============
// =================================================

</script>

<style type="text/css">

.cl_Dat{color:#00ccdd;}
.cl_Nam{color:#0099ff;}
.cl_Woch{color:#0066ff;}
.cl_Mon{color:#0033ff;}
.cl_Jah{color:#0011ff;}

</style>

</head>

<body>

<script>

Kalender();

</script>

</body>
</html>

Hi ich habe mal angefangen so einen kleinen Kalender zu machen... nur leider funzt das mit der formatierung nicht so ganz und ich komm einfach nicht drauf wieso der sausackbrowser da immer nen zeilenumbruch macht -- könnt ihr mir das sagen? ..am besten auch noch gleich wie ich das verhindere :D

MfG
Tom

(sorry für das durcheinander... es gibt nur das wieder wie ich mich grad fühle *wirrrrrr* :D )

  1. Hallo Tom,

    div ist ein Blockelement und erzeugt damit einen Umbruch. Spar dir das <nobr> und ersetze alle div durch span, dann geht's.

    Dieter

    1. Ah.. vielen dank:D dat jeht tatsächlich...
      schönen abend noch

      Tom

      1. Hallo,

        Ah.. vielen dank:D dat jeht tatsächlich...

        Wirf in SelfHTML zur Vertiefung mal einen Blick in Block/Inline-Elemente und display-Eigenschaften.

        schönen abend noch

        Ebenfalls.

        Dieter