Iets mis met tr's
Code (php)
<html>
<head>
<title>United Battle Corporation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<style>
<!--
A.type:link {color:#979797; text-decoration:underline;}
A.type:visited {color:#979797; text-decoration:underline;}
A.type:active {color:#979797; text-decoration:underline;}
A.type:hover {color:#FFFFFF; text-decoration:underline;}
//-->
</style>
<script>
<!--
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function nocontextmenu()
{
event.cancelBubble = true
event.returnValue = false;
return false;
}
function norightclick(e)
{
if (window.Event)
{
if (e.which == 2 || e.which == 3)
return false;
}
else
if (event.button == 2 || event.button == 3)
{
event.cancelBubble = true
event.returnValue = false;
return false;
}
}
document.oncontextmenu = nocontextmenu;
document.onmousedown = norightclick;
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
//-->
</script>
<SCRIPT LANGUAGE="JavaScript">
<!--
self.moveTo(0,0);
self.resizeTo(screen.availWidth,screen.availHeight);
//-->
</SCRIPT>
<script language="JavaScript">
<!--
var Message=":: UBC :: United Battle Corporation :: America's Army clan";
var place=1;
function rollIn() {
document.title=Message.substring(0, place);
if (place >= Message.length) {
place=1;
window.setTimeout("dragOut()",300);
}
else {
place++;
window.setTimeout("rollIn()",50);
}
}
function dragOut() {
document.title=Message.substring(place, Message.length);
if (place >= Message.length) {
place=1;
window.setTimeout("rollIn()", 100);
}
else {
place++;
window.setTimeout("dragOut()", 50);
}
}
//-->
</script>
<script language=VBScript>
<!--
Dim Bar, Line, SP
Bar = 0
Line = "|"
sP = 100
Function Window_onLoad()
Bar = 95
sP = 10
END Function
Function Count()
If Bar < 100 Then
Bar = Bar + 1
Window.Status = "Aantal sec + voortgang: " & Bar & "%" & " " & String(Bar, Line)
setTimeout "Count()", SP
Else
Window.Status = "Alles geladen"
Document.Body.Style.Display = ""
End If
End Function
Call Count()
-->
</script>
</head>
<body background="images/backgrounds/background.png">
<table width="950" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="950" height="120">
<img width="950" height="120" src="images/logos/clanbanner.png">
</td>
</tr>
<tr width="950" heigth="15">
<td class="border1" heigth="14" width="950" background="images/backgrounds/background1.png"><div align="right">
<right>
<script language="javascript">
<!--
document.write('<input onSelectstart="return false;" style="background: ; cursor: default; color: #919191; border: 0px ridge #CCFFCC; font-family: "Verdana"; font-size: "9"; system" value="Loading..." type="text" name="klokje" size="18" readonly>')
function geefdeklok()
{
var klok = new Date()
var dagen = klok.getDate()
if(dagen<10)
dagen = "0" + dagen
var maanden = klok.getMonth() + 1
if(maanden<10)
maanden = "0" + maanden
var jaren = klok.getFullYear()
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 = dagen+"-"+maanden+"-"+jaren+" | "+uren+":"+minuten+":"+seconden;
klokje.value = " " + detijd;
}
setInterval("geefdeklok()", 1000)
// -->
</script>
</right>
</div>
</td>
</tr>
<table cellspacing="0" cellpadding="0" align="center" width="950">
<tr>
<td width="160">
<table width="160" align="center" cellspacing="0" cellpadding="0">
<tr>
<td align="center" width="16" border="0" height="12"><img src="images/footers/leftabove.gif">
</td>
<td align="center" width="128" border="0" height="12"><img width="128" height="13" src="images/footers/above.gif">
</td>
<td align="center" width="16" border="0" height="12"><img src="images/footers/rightabove.gif">
</td>
</tr>
<tr>
<td align="center" width="13" background="images/footers/headbarleft.gif">
</td>
<td align="center" width="128" class="linkfont" bgcolor="#000000"> <a href="index.php" class="type">» Startpage</a>
<br> <a href="index.php" class="type">» About us</a>
<br> <a href="index.php" class="type">» News</a>
<br> <a href="index.php" class="type">» Polls</a>
<br> <a href="index.php" class="type">» Log in</a>
<br> <a href="index.php" class="type">» Register</a>
<br> <a href="index.php" class="type">» Startpage</a>
<br> <a href="index.php" class="type">» Startpage</a>
<br> <a href="index.php" class="type">» Startpage</a>
<br> <a href="index.php" class="type">» Startpage</a>
<br> <a href="index.php" class="type">» Startpage</a>
<br> <a href="index.php" class="type">» Startpage</a>
</td>
<td align="center" width="13" background="images/footers/headbarright.gif">
</td>
</tr>
<tr>
<td align="center" width="16" height="12"><img src="images/footers/leftunder.gif">
</td>
<td align="center" width="128" height="12"><img width="128" height="12" src="images/footers/under.gif">
</td>
<td align="center" width="16" height="12"><img src="images/footers/rightunder.gif">
</td>
</tr>
</table>
</td>
************************************************************************************
De td's sluiten mooi op elkaar aan maar de tr's niet hoe kan dat?
<TABLE cellspacing="0" cellpadding="0" border="0"> Werkt zoiets niet?
Ik dacht ook niet dat je een 'height' van een <td> of iets dergelijks kon bepalen...Zal de oplossing niet zijn, maar toch !
nee dat lukt ook niet Kasper maar ik moet niks in de td's of tr's veranderen ofzo?
defineer je paddings of margins in style.css ??
/* CSS Document */
BODY {
direction:;
background-attachment:fixed;
scrollbar-arrow-color: 919191;
scrollbar-track-color: 000000;
scrollbar-face-color: 000000;
scrollbar-highlight-color: BCBCBC;
scrollbar-3dlight-color: 222222;
scrollbar-darkshadow-color: 000000;
scrollbar-shadow-color: 222222;
}
.smallfont {
font-family: Verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
color: #FFFFFF;
horizontal-align: center;
text-align: right;
}
.linkfont {
font-family: Verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
color: #919191;
horizontal-align: center;
}
.border1 {
font-family: Verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #FFFFFF;
letter-spacing: normal;
vertical-align: middle;
cursor: text;
text-align: left;
word-spacing: normal;
border: 1px double #919191;
}
.textfield {
font-family: Verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #FFFFFF;
letter-spacing: normal;
vertical-align: middle;
background-color: #000000;
cursor: text;
text-align: left;
word-spacing: normal;
display: list-item;
border: 1px ridge #919191;
clip: rect(auto auto auto auto);
font-variant: normal;
text-transform: none;
text-decoration: blink;
}
.button {
font-family: Verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: bold;
color: #919191;
letter-spacing: normal;
vertical-align: middle;
background-color: #000000;
cursor: hand;
text-align: center;
word-spacing: normal;
display: list-item;
border: 1px ridge #919191;
clip: rect(auto auto auto auto);
font-variant: normal;
text-transform: none;
text-decoration: underline blink;
}
Tip voor de mensen die het zelfde willen doen als mij:
Gebruik je images als background en niet als gewone image :S