Thread: Table Problem
Results 1 to 12 of 12
Related
-
Table Sizing Problem Forum: HTML Forum
Replies: 6 -
(iframe in table)problem Forum: HTML Forum
Replies: 2 -
table css problem (ex. inclued) Forum: CSS Forum
Replies: 2 -
Stylesheet/table problem Forum: CSS Forum
Replies: 3
-
09-09-2003, 04:51 PM #1
New User
Status- Offline
Join Date- Aug 2003
Posts- 18
Table Problem
I am making a layout and i am having some problems i cant get the news content to go all the way over, if i try to make it bigger its moves my left navigator over, so its gets messed up. anybody got any suggestions what i can do to fix it thx.
html code is here:
<html>
<head>
<head>
<title>:: Site Title Here ::</title>
<style type="text/css">
BODY {
SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #064F71;
SCROLLBAR-ARROW-COLOR: #064F71; SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}
<!--
.link_black { color: #404040; text-decoration: none; }
.link_black:hover { color: #000000; text-decoration: none; }
.link_black { color: #848484; text-decoration: none; }
.link_black:hover { color: #404040; text-decoration: none; }
.link_black { color: #000000; text-decoration: none; }
.link_black:hover { color: #404040; text-decoration: none; }
p { text-align: justify; line-height: 175% }
-->
</style>
</head>
<body bgcolor="#F6F4F4" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" text="#000000" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<div align="center">
<table cellpadding="0" cellspacing=0">
<div style="position: absolute; top: 45; left: 30; width: 456; height: 13">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2">
<tr>
<td width="100%"><font size="1" face="verdana" color="#000000"> <SCRIPT type="text/javascript" LANGUAGE="JavaScript">
<!--
d = new Date();
dateText = "";
dayValue = d.getDay();
if (dayValue == 0)
dateText += "Sunday";
else if (dayValue == 1)
dateText += "Monday";
else if (dayValue == 2)
dateText += "Tuesday";
else if (dayValue == 3)
dateText += "Wednesday";
else if (dayValue == 4)
dateText += "Thursday";
else if (dayValue == 5)
dateText += "Friday";
else if (dayValue == 6)
dateText += "Saturday";
monthValue = d.getMonth();
dateText += " ";
if (monthValue == 0)
dateText += "January";
if (monthValue == 1)
dateText += "February";
if (monthValue == 2)
dateText += "March";
if (monthValue == 3)
dateText += "April";
if (monthValue == 4)
dateText += "May";
if (monthValue == 5)
dateText += "June";
if (monthValue == 6)
dateText += "July";
if (monthValue == 7)
dateText += "August";
if (monthValue == 8)
dateText += "September";
if (monthValue == 9)
dateText += "October";
if (monthValue == 10)
dateText += "November";
if (monthValue == 11)
dateText += "December";
if (d.getYear() < 2000)
dateText += " " + d.getDate() + ", " + (1900 + d.getYear());
else
dateText += " " + d.getDate() + ", " + (d.getYear());
minuteValue = d.getMinutes();
if (minuteValue < 10)
minuteValue = "0" + minuteValue
hourValue = d.getHours();
if (hourValue == 0)
{
greeting = "";
timeText = "" + (hourValue+12) + ":" + minuteValue + " AM";
}
else if (hourValue < 12)
{
greeting = "";
timeText = "" + hourValue + ":" + minuteValue + " AM";
}
else if (hourValue == 12)
{
greeting = "";
timeText = "" + hourValue + ":" + minuteValue + " PM";
}
else if (hourValue < 17)
{
greeting = "";
timeText = "" + (hourValue-12) + ":" + minuteValue + " PM";
}
else
{
greeting = "";
timeText = "" + (hourValue-12) + ":" + minuteValue + " PM";
}
document.open();
document.write(" " + dateText);
//-->
</SCRIPT> | <a href="javascript:location.reload()" class="link_black">Reload</a> | <a href="javascript:history.back(1)" class="link_black">Back</a> | <a href="javascript:history.forward(1)" class="link_black">Forward</a> | <a href="#" onClick="window.external.AddFavorite(' ',':: Majin Rivals ::');" class="link_black">Bookmark</a> |
<!-- Banner -->
<tr><td><img src="logo.jpg" width="779" height="88" border="0"></td></tr></table>
<!-- Banner -->
<table width="779" cellspacing="0" cellpadding="0" bgcolor="#40588F" class="box">
<tr>
<td colspan="5" width="779" cellspacing="0" cellpadding="0" bgcolor="#8097BF" align="center" valign="center">
<!-- Start Top Content -->
<table cellspacing="0" cellpadding="0" width="777">
<tr>
<!-- Start First Top Content -->
<td cellspacing="0" cellpadding="0" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td align="left" cellspacing="0" cellpadding="0">
<font size="1" face="verdana" color="#000000">
</font></td>
</td>
</tr>
</table>
</td>
<!-- End First Top Content -->
</tr>
</table>
<!-- End Top Content -->
</td>
</tr>
<tr>
<td colspan="5" width="779" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="133" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" valign="top" align="center">
<!-- Start Left Sub Table -->
<div style="position: absolute; top: 150; left: 2; height: 531">
<p align="left">
<table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
<font size="1" face="verdana" color="#000000">
<b><center>. : Navigation : .</center></b>
</font>
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" align="left">
<font size="1" face="verdana" color="#000000"><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br><br>
</font>
</td>
</tr>
</table>
<br>
<table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
<font size="1" face="verdana" color="#000000">
<b><center>. : Navigation : .</center></b>
</font>
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" align="left">
<font size="1" face="verdana" color="#000000"><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br><br>
</font>
</td>
</tr>
</table>
<br>
<table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
<font size="1" face="verdana" color="#000000">
<b><center>. : Navigation : .</center></b>
</font>
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" align="left">
<font size="1" face="verdana" color="#000000"><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br><br>
</font>
</td>
</tr>
</table>
<br>
</div>
<!-- End Left Sub Table -->
</td>
<td width="1" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
<td width="511" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" valign="top" align="center">
<!-- Start Middle Sub Table -->
<br>
<table width="505" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
<tr>
<td width="600" cellspacing="0" cellpadding="0" bgcolor="#808080">
<font size="1" face="verdana" color="#000000">
<b>. : News & Updates</b>
</font>
</td>
</tr>
<tr>
<td width="505" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="505" cellspacing="0" cellpadding="0" valign="top" align="center">
<br>
<font size="1" face="verdana" color="#000000">
<table border="0" width="500" cellspacing="0" cellpadding="0">
<tr><td cellspacing="0" cellpadding="0">
<font size="1" face="verdana" color="#000000">
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here <br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br>
</font>
</td></tr>
</table>
<br><br></font>
</td>
</tr>
</table>
</div>
<br>
<!-- End Middle Sub Table -->
</td>
<td width="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
</td>
<td width="133" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" valign="top" align="center">
<br>
<tr>
<td colspan="5" width="779" bgcolor="#808080" align="center">
</font>
</td>
</tr>
</table>
<br>
</div>
</body>
</html>
-
09-09-2003, 06:46 PM #2
Administrator
Status- Offline
Join Date- Aug 2000
Posts- 3,445
First things first
Have you run it through the HTML validator?
Dave
-
09-10-2003, 06:57 AM #3
New User
Status- Offline
Join Date- Aug 2003
Posts- 18
yup, but there is so many un defined erros and if i take them out the tabels get messed up, but here i got something fixed up. it has two navigators on left and right side, and the news content in the middle. i wanted it the news content to go over the right navigator. in another words to get ride of the right navigator and make the news content bigger. any1 know how i can fix that, i tried deleating the right navigator and expenidng the news box, but then it moves my left navigator way off, and it does not look good. here is the the link to the layout
http://majinrivals.t35.com/index.html
and here is also the updated html code with two navigators and content in the middle:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> Title Here </title>
<style type="text/css">
BODY {
SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #064F71;
SCROLLBAR-ARROW-COLOR: #064F71; SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}
<!--
.link_black { color: #404040; text-decoration: none; }
.link_black:hover { color: #000000; text-decoration: none; }
.link_black { color: #848484; text-decoration: none; }
.link_black:hover { color: #404040; text-decoration: none; }
.link_black { color: #000000; text-decoration: none; }
.link_black:hover { color: #404040; text-decoration: none; }
p { text-align: justify; line-height: 175% }
-->
</style>
</head>
<body bgcolor="#F6F4F4" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<div align="center">
<br>
<table cellpadding="0" cellspacing=0"><tr><td><img src="logo.jpg" width="779" height="88" alt=" " border="0"></td></tr></table>
<table width="779" cellspacing="0" cellpadding="0" bgcolor="#40588F" class="box">
<tr>
<td colspan="5" width="779" cellspacing="0" cellpadding="0" bgcolor="#8097BF" align="center" valign="center">
<!-- Start Top Content -->
<table cellspacing="0" cellpadding="0" width="777">
<tr>
<!-- Start First Top Content -->
<td cellspacing="0" cellpadding="0" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td align="left" cellspacing="0" cellpadding="0">
<font size="1" face="verdana" color="#000000">
</font></td>
</tr>
</table>
</td>
<!-- End First Top Content -->
</tr>
</table>
<!-- End Top Content -->
</td>
</tr>
<tr>
<td colspan="5" width="779" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="133" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" valign="top" align="center">
<!-- Start Left Sub Table -->
<div style="position: absolute; top: 150; left: 2; height: 531">
<table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
<font size="1" face="verdana" color="#000000">
<b>. : Navigation : .</b>
</font>
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" align="left">
<font size="1" face="verdana" color="#000000"><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br><br>
</font>
</td>
</tr>
</table>
<br>
<table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
<font size="1" face="verdana" color="#000000">
<b>. : Navigation : .</b>
</font>
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" align="left">
<font size="1" face="verdana" color="#000000"><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br><br>
</font>
</td>
</tr>
</table>
<br>
<table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
<font size="1" face="verdana" color="#000000">
<b>. : Navigation : .</b>
</font>
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" align="left">
<font size="1" face="verdana" color="#000000"><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br><br>
</font>
</td>
</tr>
</table>
<br>
</div>
<!-- End Left Sub Table -->
</td>
<td width="1" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
<td width="511" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" valign="top" align="center">
<!-- Start Middle Sub Table -->
<br>
<table width="505" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
<tr>
<td width="600" cellspacing="0" cellpadding="0" bgcolor="#808080">
<font size="1" face="verdana" color="#000000">
<b>. : News & Updates</b>
</font>
</td>
</tr>
<tr>
<td width="505" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="505" cellspacing="0" cellpadding="0" valign="top" align="center">
<br>
<font size="1" face="verdana" color="#000000">
<table border="0" width="500" cellspacing="0" cellpadding="0">
<tr><td cellspacing="0" cellpadding="0">
<font size="1" face="verdana" color="#000000">
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here <br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br>
</font>
</td></tr>
</table>
<br><br></font>
</td>
</tr>
</table>
<!-- End Middle Sub Table -->
</td>
<td width="1" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
<td width="133" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" valign="top" align="center">
<!-- Start Right Sub Table -->
<div style="position: absolute; top: 150; left: 648; height: 531">
<table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
<font size="1" face="verdana" color="#000000">
<b>. : Navigation : .</b>
</font>
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" align="left">
<font size="1" face="verdana" color="#000000"><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br><br>
</font>
</td>
</tr>
</table>
<br>
<table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
<font size="1" face="verdana" color="#000000">
<b>. : Navigation : .</b>
</font>
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" align="left">
<font size="1" face="verdana" color="#000000"><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br><br>
</font>
</td>
</tr>
</table>
<br>
<table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
<font size="1" face="verdana" color="#000000">
<b>. : Navigation : .</b>
</font>
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" align="left">
<font size="1" face="verdana" color="#000000"><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br><br>
</font>
</td>
</tr>
</table>
<br>
</div>
<!-- End Right Sub Table -->
</td>
</tr>
<tr>
<td colspan="5" width="779" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<!-- Start Bottom Table -->
<tr>
<td colspan="5" width="779" bgcolor="#808080" align="center">
<font size="1" face="verdana" color="#000000">
<br><br>
</font>
</td>
</tr>
<!-- End Bottom Table -->
</table>
<br>
</div>
</body>
</html>
-
09-10-2003, 07:21 AM #4
Administrator
Status- Offline
Join Date- Aug 2000
Posts- 3,445
Fix the errors listed at http://validator.w3.org/check?uri=http%3A%2F%2Fmajinrivals.t35.com%2Findex.html&charset=iso-8859-1+%28Western+Europe%29&doctype=Inline&verbose=1#line-35
-
09-10-2003, 08:07 AM #5
Status- Offline
Join Date- Oct 2002
Location- I AM CANADIAN
Posts- 440
So you're looking to convert the existing layout to a layout with one header, two columns, and a footer?
Like:
_______________
| Header |
----------------
| M | NEWS |
| e | |
| n | |
| u | |
-----------------
| Footer |
-----------------
You have quite a few nested tables and div's there. I just want to make sure we're helping with the right question
-
09-10-2003, 08:14 AM #6
Status- Offline
Join Date- Oct 2002
Location- I AM CANADIAN
Posts- 440
LOL what Dave said. Most of the errors are alignment and padding and other styling elements. A layout like this can be done using either tables or divs, and I've always found it awkward to do both, as you're introducing too many ways to do the same thing. For this, I think Divs are the way to go. I also suggest making things different colours to start, you can always re-colour it after. It just makes it easier to identify the elements in the code.
-
09-10-2003, 03:40 PM #7
New User
Status- Offline
Join Date- Aug 2003
Posts- 18
yup thats what i am looking for
------------
HEADER
------------
M|NEWS |
E| |
N| |
U| |
------------
FOTER
------------
and what do i need to fix on the line 35, if i fix it goes messed up news tabels runs over MENU or the menu bar despears?
or any suggestions how i can get ride of the right side navigator with out lozing the colors. and with colors i can work later now they are fine
Last edited by jinkazama; 09-10-2003 at 03:48 PM.
-
09-10-2003, 04:55 PM #8
New User
Status- Offline
Join Date- Aug 2003
Posts- 18
ok i got the tabel set up, but now i gto another problem
my news tabel is too wide, i was hopeing to shrink it about like 10px on each side from the scorll bar and from the navigator. if you know how i can set this up i woudl really appreciate it.
thx a bunch here is the new html code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> Title Here </title>
<style type="text/css">
BODY {
SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #064F71;
SCROLLBAR-ARROW-COLOR: #064F71; SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}
<!--
.link_black { color: #404040; text-decoration: none; }
.link_black:hover { color: #000000; text-decoration: none; }
.link_black { color: #848484; text-decoration: none; }
.link_black:hover { color: #404040; text-decoration: none; }
.link_black { color: #000000; text-decoration: none; }
.link_black:hover { color: #404040; text-decoration: none; }
p { text-align: justify; line-height: 175% }
-->
</style>
</head>
<body bgcolor="#F6F4F4" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<div align="center">
<br>
<table cellpadding="0" cellspacing=0"><tr><td><img src="logo.jpg" width="779" height="88" alt=" " border="0"></td></tr></table>
<table width="779" cellspacing="0" cellpadding="0" bgcolor="#40588F" class="box">
<tr>
<td colspan="5" width="779" cellspacing="0" cellpadding="0" bgcolor="#8097BF" align="center" valign="center">
<!-- Start Top Content -->
<table cellspacing="0" cellpadding="0" width="777">
<tr>
<!-- Start First Top Content -->
<td cellspacing="0" cellpadding="0" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td align="left" cellspacing="0" cellpadding="0">
<font size="1" face="verdana" color="#000000">
</font></td>
</tr>
</table>
</td>
<!-- End First Top Content -->
</tr>
</table>
<!-- End Top Content -->
</td>
</tr>
<tr>
<td colspan="5" width="779" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="133" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" valign="top" align="center">
<!-- Start Left Sub Table -->
<div style="position: absolute; top: 150; left: 2; height: 531">
<table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
<font size="1" face="verdana" color="#000000">
<b>. : Navigation : .</b>
</font>
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" align="left">
<font size="1" face="verdana" color="#000000"><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br><br>
</font>
</td>
</tr>
</table>
<br>
<table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
<font size="1" face="verdana" color="#000000">
<b>. : Navigation : .</b>
</font>
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" align="left">
<font size="1" face="verdana" color="#000000"><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br><br>
</font>
</td>
</tr>
</table>
<br>
<table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
<font size="1" face="verdana" color="#000000">
<b>. : Navigation : .</b>
</font>
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="131" cellspacing="0" cellpadding="0" align="left">
<font size="1" face="verdana" color="#000000"><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br>
- <a href=" " class="link_black">Link Here</a><br><br>
</font>
</td>
</tr>
</table>
<br>
</div>
<!-- End Left Sub Table -->
</td>
<td width="1" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
<td width="505" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" valign="top" align="center">
<!-- Start Middle Sub Table -->
<br>
<table width="645" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
<tr>
<td width="505" cellspacing="0" cellpadding="0" bgcolor="#808080">
<font size="1" face="verdana" color="#000000">
<b>. : News & Updates</b>
</font>
</td>
</tr>
<tr>
<td width="505" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
<tr>
<td width="505" cellspacing="0" cellpadding="0" valign="top" align="center">
<br>
<font size="1" face="verdana" color="#000000">
<table border="0" width="640" cellspacing="0" cellpadding="0">
<tr><td cellspacing="0" cellpadding="0">
<font size="1" face="verdana" color="#000000">
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here <br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br>
</font>
</td></tr>
</table>
<br><br></font>
</td>
</tr>
</table>
<tr>
<td colspan="5" width="779" cellspacing="0" cellpadding="0" bgcolor="#000000">
</td>
</tr>
</table>
<br>
</div>
</body>
</html>
and here is the site to how it looks like now
http://majinrivals.t35.com/index.html
thx once again if you know how i can fix that problem let me know ^-^
-
09-10-2003, 05:34 PM #9
Administrator
Status- Offline
Join Date- Aug 2000
Posts- 3,445
Again, fix the errors on this page http://validator.w3.org/check?uri=http%3A%2F%2Fmajinrivals.t35.com%2Findex.html&charset=iso-8859-1+%28Western+Europe%29&doctype=Inline&verbose=1 If you keep ignoring this you would probably ignore any other help also, so why should I spend my time combing through your code.
-
09-10-2003, 07:01 PM #10
New User
Status- Offline
Join Date- Aug 2003
Posts- 18
ok, there i have fixed it
i can say its all fixed up adn it looks pretty good ehe, but there is one probly i cant remove one tabel because if i do the whole background for the news and upadte gets deleated but rest its all fine. so if any1 knows now how i can make the news section a bit smaller liek 10px on each side let me know. thx and i hope i fixed it enough.
the url once again is:
http://majinrivals.t35.com/index.php
thx again
-
09-10-2003, 07:12 PM #11
Administrator
Status- Offline
Join Date- Aug 2000
Posts- 3,445
Here is part of the code you currently have
Here you have a nested table with the parent cell set at 505 and the included table set at 640, I think you can see the problem with this piece of code. It may or may not solve your problem, but these things need to be corrected.Code:<td width="505" valign="top" align="center"> <br> <font size="1" face="verdana" color="#000000"> <table width="640">
Dave
-
09-10-2003, 07:51 PM #12
New User
Status- Offline
Join Date- Aug 2003
Posts- 18
ahh yes i spoted the problem wow never relized it was that easy, lol but now that u explained that the background tabel is smaller then other tabel it all made sence
thx a lot this really helped me out a lot.
now any1 got any good color suggestions? let me know ill try all the color schemes you tell me. thx
here is the link once again to fixed and set up tabel just help me out with color scheme and one thing is that tob banner and bottom footer share the same color
http://majinrivals.t35.com/index.htmlLast edited by jinkazama; 09-10-2003 at 07:54 PM.
Reply With Quote
