[HTML/JS] Output centreren

[Eusebius]

Simpel toch? Ik weet het niet ... ik kom er niet uit. Het enige wat ik wil is de javascript code centreren die in een tabel staat. Het betreft een klok (ik heb die hele code even weggelaten.) Waar ik ook align = center neerzet, het werkt niet.
Hoewel, in Firefox wel, maar in IE niet

HTML:

 </td>
      <td style="text-align: center; width: 80px; 
       background-color: rgb(81, 40, 81); color: rgb(255, 0, 0);">
      <script>


// bron http://simplythebest.net/scripts/
function tick() {
var hours, minutes, seconds, ap;
var intHours, intMinutes, intSeconds;
var today;
today = new Date();
intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();
if (intHours == 0) {
hours = "12:";
ap = "It's midnight";
} else if (intHours < 12) {
hours = intHours+":";
ap = " AM";
} else if (intHours == 12) {
hours = "12:";
ap = "It's noon";
} else {
intHours = intHours - 12
hours = intHours + ":";
ap = " PM";
}
if (intMinutes < 10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}
if (intSeconds < 10) {
seconds = "0"+intSeconds+" ";
} else {
seconds = intSeconds+" ";
}
timeString = hours+minutes+seconds+ap;
Clock.innerHTML = timeString;
window.setTimeout("tick();", 100);
}
window.onload = tick;


      </script>
      <div id="Clock" ALIGN="center" style="font-family: Verdana; font-size: 10pt;"
      </div>
</td>

      </script>
      <div id="Clock" style="font-family: Verdana; font-size: 10pt;"
      </div>
</td>

Ja, ik doe iets fout ... dat lijkt me logisch. Maar wat? Ik heb al op verschillende sites gezocht. Ik beken, k ben nieuw in de html-wereld. Mocht je boos worden dat ik de search niet goed gebruikt heb, geef me dan maar een paar goede startpagina's ...

[edit]
layout verneuking iets bijgesteld. Script erbij gezet. T is slechts een geript scriptje

[ Voor 50% gewijzigd door Eusebius op 15-11-2004 02:07 ]

[curry684]

HTML is van de buren van Webdesign & Graphics

[NMe]

Code centreren? Code centreer je niet, output wel. Bedoel je dat je de output van je script niet gecentreerd krijgt? Hoe ziet je script eruit? Want de HTML klopt.

[Eusebius]

Sorry, heb net naast het surfen (om dit probleem op te lossen) een halve fles wijn op ...

[Puch-Maxi]

<center> </center> ? of ben ik nu mal in de war ? zo heb ik het geleerd op school

[Bergen]

De eerste <div> ben je vergeten af te sluiten met een >. Er staat nu dus <div</div>. Verder zou je in die <div style="... ook eens een text-align: center kunnen zetten. Het zou niet nodig moeten zijn en ik weet niet of 't effect heeft, maar je kunt 't proberen...

[NMe]

Puch-Maxi schreef op maandag 15 november 2004 @ 02:04:
<center> </center> ? of ben ik nu mal in de war ? zo heb ik het geleerd op school

Werkt wel, maar is niet netjes. Check dit.

[Puch-Maxi]

NMe84 schreef op maandag 15 november 2004 @ 02:05:
[...]

Werkt wel, maar is niet netjes. Check dit.

aha handig ik ben ook nog maar beginnende in de html wereld, moet voor school website maken. wat is er niet netjes aan die manier dan ?

-edit <center> Deprecated. Defines centered text 3.0 3.0

ahaaa Deprecated=Afgekeurd volgens babelfish

[ Voor 15% gewijzigd door Puch-Maxi op 15-11-2004 02:10 ]

[curry684]

Puch-Maxi schreef op maandag 15 november 2004 @ 02:08:
[...]


aha handig ik ben ook nog maar beginnende in de html wereld, moet voor school website maken. wat is er niet netjes aan die manier dan ?

Hij doelt vooral op het woordje 'deprecated' en het gedeelte 'not supported' in:

The center element was deprecated in HTML 4.01.

The center element is not supported in XHTML 1.0 Strict DTD.

Daar hebben we namelijk stylesheets voor

[pasta]

Zoals je ook al in die link had kunnen vinden, de <center> tag is deprecated. Met andere woorden, hij wordt niet meer ondersteunt omdat er andere manieren zijn om zoiets te bereiken. Als voorbeeld voor de <center> tag, dat kan via een span met wat CSS ook prima in het midden.

[Eusebius]

* <center> </center> werkt niet,
* de div 'deed' het ook zonder > aan het einde (tenminste, hij nam de format instellingen over)

[Puch-Maxi]

ik vat hem,
maar moest even de betekenis van het woordje opzoeken. vandaar
maarja het is maar voor school dus ik vind het best dan mogen ze trouwens
handleidinghtml.nl wel eens aanpassen waar daar heb ik dat vandaan...

[NMe]

Eusebius schreef op maandag 15 november 2004 @ 02:10:
* <center> </center> werkt niet,
* de div 'deed' het ook zonder > aan het einde (tenminste, hij nam de format instellingen over)

Wat spuugt je script voor tekst uit dan? Want de HTML die je hier laat zien doet het wel, na toevoeging van die > dan.

Puch-Maxi schreef op maandag 15 november 2004 @ 02:12:
ik vat hem,
maar moest even de betekenis van het woordje opzoeken. vandaar
maarja het is maar voor school dus ik vind het best dan mogen ze trouwens
handleidinghtml.nl wel eens aanpassen waar daar heb ik dat vandaan...

offtopic:
Gebruik liever de tutorials op de site die ik je net gaf. Die zijn altijd up to date met de standaard.

[curry684]

Ik zou als ik jou was toch eens de div met de clock zelf alignen, want deze code werkt perfect in FF 1.0 en IE6sp2:

HTML:

<html><head><title>test</title></head><body>
<table style="width:100%;border:1px solid black">
<tr><td>
<script type="text/javascript">

// Script gestript voor overzicht

</script>
      <div id="Clock" style="font-family: Verdana; font-size: 10pt; text-align:center; ">
      </div>
</td></tr></table></html>

[Eusebius]

Scriptje geeft gewoon de tijd weer (of bedoel je dat niet?). Het script is opgenomen in een tabel (te zien aan de </td>). De klok wordt gewoon netjes in font Verdana weergegeven en de fontsize is gewoon aan te passen.

Bovenstaand ff toegepast: nope, geen resultaat. Firefox geeft m wel in t midden weer, maar de IE (6, XP met een SP2) niet ...

Maar, als ik m als apart bestandje test, doet ie het wel ...

[ Voor 35% gewijzigd door Eusebius op 15-11-2004 02:20 ]

[Eusebius]

Gevonden ..!

verwijder ... width: 80px;

Het viel me opeens op dat geen één tekst in de hele tabel echt in het midden stond. Toen ik ging zoeken naar de oorzaak, kwam ik deze commando tegen die ik niet snapte.

Anyway, iig bedankt voor de link. Staan hier echt alle commando's?

<sub>zoals ik al zei, ik ben nieuw in html en heb dit frame met een wysiwyg editor aangemaakt

kan dit nog kleiner ...</sub>

[ Voor 14% gewijzigd door Eusebius op 15-11-2004 02:28 ]