exserco
Legacy Member
Ik ben een beginnende websitedesigner (wat een woord zeg 
) en krijg mijn klokje niet gecentreerd.
Even ter verduidelijking. Je kunt mijn testsite vinden op http://members.lycos.nl/exserco/
De bedoeling is dat ik met een table 3 vakken creëer. Het eerste en het laatste met een breedte van 15%, de middelste 70%. Samen dus 100 % of de volledige breedte. Momenteel zie je wel de borders van deze table, maar later zou deze border uitgeschakelt worden. Nu zie je die om het vooorbeeld goed te illustreren.
Het eerste vak en het tweede vormen geen probleem. Het derde is echter mijn probleem.
Ik wil hier namelijk een eenvoudig klokje in plaatsen, MAAR gecentreerd in dit vak.
HIerbij de code van de index.php:
Nu de code voor klok.js:
Ik heb nu al enkele uren zitten proberen en prutsen, maar krijg dat klokje gewoonweg NIET gecentreerd.
Kan er mij iemand helpen, zodat ik hieruit iets kan leren en tegelijk het beoogde resultaat krijg?
) en krijg mijn klokje niet gecentreerd.Even ter verduidelijking. Je kunt mijn testsite vinden op http://members.lycos.nl/exserco/
De bedoeling is dat ik met een table 3 vakken creëer. Het eerste en het laatste met een breedte van 15%, de middelste 70%. Samen dus 100 % of de volledige breedte. Momenteel zie je wel de borders van deze table, maar later zou deze border uitgeschakelt worden. Nu zie je die om het vooorbeeld goed te illustreren.
Het eerste vak en het tweede vormen geen probleem. Het derde is echter mijn probleem.
Ik wil hier namelijk een eenvoudig klokje in plaatsen, MAAR gecentreerd in dit vak.
HIerbij de code van de index.php:
Code:
<html>
<head>
<meta name="Description" content="Proberen om er zelf eens iets van te maken (website hé)">
<meta name="Keywords" content="exserco computer antivirus games internet adware spyware php html java javascript virus">
<title>Exserco's PHP- en Java-testsite</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../css/standaard.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style1 {
font-size: xx-large;
font-weight: bold;
font-style: italic;
}
-->
</style>
</head>
<body onload="Klok()">
<br><br><br>
<table height="35" border="1" cellpadding="0" cellspacing="0">
<tr>
<td width="15%" align="center">
<script language="javascript" src="script/datum.js"></script>
</td>
<td width="70%"><div align="center" class="style1">Exserco's homepage</div></td>
<td width="15%">
<script language="javascript" src="script/klok.js"></script>
</td>
</tr>
</table>
<br>
</body>
</html>Nu de code voor klok.js:
Code:
document.write('<input onSelectstart="return false;" style="cursor: default; color: #003366; border: 0px ridge #003366; system" type="text" name="klokje" size="44" readonly>')
// verander hierboven de kleuren van het klokje, alsmede de kleur van de omlijning, achtergrond
function geefdeklok()
{
var klok = new Date()
var uren = klok.getHours()
if(uren<10)
uren = "0" + uren
var minuten = klok.getMinutes()
if(minuten<10)
minuten = "0" + minuten
var seconden = klok.getSeconds()
if(seconden<10)
seconden = "0" + seconden
var detijd = uren+":"+minuten+":"+seconden;
klokje.value = detijd;
}
setInterval("geefdeklok()", 1000)Ik heb nu al enkele uren zitten proberen en prutsen, maar krijg dat klokje gewoonweg NIET gecentreerd.
Kan er mij iemand helpen, zodat ik hieruit iets kan leren en tegelijk het beoogde resultaat krijg?
gebruik beter