Hallo
eigentlich keine schlechte Idee. Und dann soll ich die anderen Sachen wie z.B. die Uhrschrift mittels z-index darüber legen?
Ich hab eigentlich auch schon etwas fertig. nur die Tabelle muss 800px breit sein und 65 hoch. Wobei das Bild sich über die gesamte Höhe von 500px *angenommen* erstrecken soll und diese 65px davon halt nur der Header sind.
Beim Quellcode geht halt folgendes schief und zwar das die Tabelle immer im Zentrum ist. Sie sol eigentlich aber mit der Tabelle zusammen ganz oben anfangen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="layout.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>
<body>
<center>
<table background="Bilder/6-99112003ae73046c7752fde2cdbd2bcf.jpg" style="background-repeat:no-repeat;" widht="800px" height="500px" border="1" bordercolor="#FF0000"/>
<tr>
<td>
<table border="1" width="800px" height="65px" class="header_background" >
<td id="cam" align="left">asdasdasd</td>
<td id="uhr" align="center">
<script language="JavaScript">
function Uhr_anzeigen(){
var Datum = new Date()
var std = Datum.getHours()
var min = Datum.getMinutes()
var sec = Datum.getSeconds()
Zeit = (" ") +((std < 10) ? " 0" : " ") + std
Zeit += ((min < 10) ? ":0" : ":") + min
Zeit += ((sec < 10) ? ":0" : ":") + sec
document.uhr.zeit.value = Zeit
timerid = setTimeout("Uhr_anzeigen()",1000)
}
</script>
<form name="uhr" >
<input type="text" name="zeit" value ="" id="formular_uhr" />
</form>
<script language="javascript">
Uhr_anzeigen();
</script>
<!--Ende des Uhrzeit Scripts-->
<!--Datum Script Beginn-->
<script language="JavaScript">
function Date_anzeigen(){
var Datum = new Date()
var tagZahl = Datum.getDate()
var tagArray = Datum.getDay()
var tag = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag");
var monatImJahr = Datum.getMonth();
var monat = new Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember");
var jahr = Datum.getFullYear();
aktuellesDatum = tag[tagArray] + (",")
aktuellesDatum += tagZahl +(" ")
aktuellesDatum += monat[monatImJahr] +(" ")
aktuellesDatum += jahr
document.date.datum.value = aktuellesDatum
timerid = setTimeout("Date_anzeigen()",1000)
}
</script>
<form name="date">
<input type="text" name="datum" value ="" id="formular_datum">
</form>
<script language="javascript">
Date_anzeigen();
</script>
<!--Datum Script Ende-->
</td>
<td id="prox" align="right">asdasdasd </td>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
@charset "utf-8";
/* CSS Document */
.head{
width: 800px;
height: 65px;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.header_background {
border-width:1px;
border-color:#F00;
top: 0%;
left: 0%;
width: 800px;
height: 65px;
padding: 2px;
z-index:1;
background-color: #000;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
#formular_uhr{
background-color:none;
background:none;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
}
#formular_datum{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
background-color:none;
background:none;
}
)
