countdown in header

[marteltor]

dit is sinds kort mijn forum voor mij en wat vrienden:
http://forum.10oes.nl/
ik heb geprobeerd een count down te integreren in mn iris skin.
Dit heb ik gedaan door overall_header.tpl aan te passen.


mijn huidige code is nu:

Code: Selecteer alles

		
etc...
etc....

	<!-- BEGIN switch_user_logged_in -->
			<td align="center" valign="middle"><a title="{L_USERGROUPS}" href="{U_GROUP_CP}" class="mainmenu" onmouseover="changeImages('btn_top_groups', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_groups_on.gif'); return true;" onmouseout="changeImages('btn_top_groups', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_groups.gif'); return true;"><img name="btn_top_groups" src="{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_groups.gif" height="19" border="0" alt="{L_USERGROUPS}" /></a></td>
			<td align="center" valign="middle"><a title="{L_LOGIN_LOGOUT}" href="{U_LOGIN_LOGOUT}" class="mainmenu" onmouseover="changeImages('btn_top_logout', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_logout_on.gif'); return true;" onmouseout="changeImages('btn_top_logout', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_logout.gif'); return true;"><img name="btn_top_logout" src="{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_logout.gif" height="19" border="0" alt="{L_LOGIN_LOGOUT}" /></a></td>
			<!-- END switch_user_logged_in -->
		</tr>
		</table></td>
	</tr>


	<tr height="20">
		<td align="center" valign="middle" width="100%" height="20"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="1" height="18" border="0" alt="" /></td>
	</tr>

</table>



<table border="1" cellspacing="0" cellpadding="10" width="100%">



		<td align="center" valign="top" width="100%">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var date = new Date("July 22, 2005");
var description = "Chersonissos";
var now = new Date();
var diff = date.getTime() - now.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24));
document.write("<center><h4>")
if (days > 1) {
document.write(days+1 + " days until " + description);
}
else if (days == 1) {
document.write("Only two days until " + description);
}
else if (days == 0) {
document.write("Tomorrow is " + description);
}
else {
document.write("It's" + description + "!");
}
document.write("</h4></center>");
// End -->
</script>
</td></tr></table>

Echter ik vind de enorme ruimte die de zin '170 days until Chersonissos' in beslag neemt niet zo fijn.
Om het e.e.a. te verduidelijken heb ik bij de table waar deze zin staat de border op 1 gezet. dat is ook te zien (http://forum.10us.nl)

Iemand enig idee wat ik kan doen om die table een stuk dunner te maken, zodat niet alles zover naar beneden schuift?

dus ipv



wil ik

(even gephotoshopped)

[Bee]

Het heeft te maken met het gebruik van de H4 tag. Doe het volgende om het weg te halen:

Zoek:

Code: Selecteer alles

<center><h4>

Vervang door:

Code: Selecteer alles

<div style=\"text-align:center;font-size:20px;\">

Zoek:

Code: Selecteer alles

</h4></center>

Vervang door:

Code: Selecteer alles

</div>

[marteltor]

bedankt bee,
dit gaat er op lijken. De tabel is in ieder geval een stuk kleiner.
Nu is hij echter zo klein (lijkt wel 1 pixel), dat de tekst er niet meer staat.

[Bee]

Je kan eventueel de font-size vergroten, wellicht helpt dat

[marteltor]

mmm nee, ik heb hem nu op 40 staan, dus zou duidelijk leesbaar moeten zijn. Op http://forum.10oes.nl kun je zien wat ik bedoel; de table is gewoon té klein (in IE6, firefox geeft wel een redelijk formaat, maar zonder de tekst).

edit: door <tr height="20"> neer te zetten is nu ook in IE6 de tabel van juiste formaat, maar de counter verschijnt niet meer

[Bee]

Ik heb de code iets aangepast, ik zag er nog een foutje in niet zo lang geleden, die heb jij nog niet toegepast

[marteltor]

dat was het! :thumb:
Super bedankt!