Forum Moderators: not2easy
<table width="763" cellpadding="0" cellspacing="2">
<tr>
<td width="238" height="237" valign="top">
<TABLE width="226" border=0 cellpadding="0" cellspacing="0" valign="top">
<TR>
<td width="226" height="17" valign="top"><img src="images/menu.gif" width="238" height="15" border="0"></td>
</TR>
<TR>
<td width="226" height="56" valign="top" bgcolor="#5A3C65">
</TR>
<TR>
<td width="226" height="2" valign="top"></td>
</TR>
<TR>
<TD width="226" valign="top" height="17">
<IMG src="images/nieuws.gif" width=238 border=0></TD>
</TR>
<TR>
<td width="226" bgColor=#fe9800 height="79" valign="top">
<p class="margin">
<font class="font1"</font></b><br></p>
</td>
</TR>
<TR>
<td width="226" height="2" valign="top" bgcolor="white"></td>
</TR>
<TR valign="top">
<TD width="226" bgColor=white height="17" valign="top" nowrap><IMG height=15 src="images/poll.gif" width=238 border=0></TD>
</TR>
<TR>
<TD width="226" bgColor=#df3102 height="146"> <CENTER>
<font class="poll">
</span></font>
</CENTER></TD>
</TR>
</TABLE>
<td width="0">
<td width="516" valign="top">
<TABLE width="528" border=0 cellpadding="0" cellspacing="0" valign="top">
<TR>
<TD width="528" valign="top" height="17">
<p align="left">
<img src="images/welkom.gif" width="528" height="15" border="0"></p>
</TD>
</TR>
<TR>
<td width="528" rowspan="4" valign="top" bgcolor="#67D304" height="100%" nowrap>
<p class="margin"><font class="news">
</font></p>
</td>
</TR>
</TABLE>
</td>
</TABLE>
<table width="772" cellpadding="0" cellspacing="0">
<TBODY>
That's an awful lot of code to sort through without knowing the problem you are having with it. If you could show your attempt at CSS code then elaborate on what's breaking, more folks would be quicker to sift through the code. :)
That said, sometimes the best way to switch from tables to css layout is to rebuild from nothing instead of modifying your old code.
More info about this forum, including links to common questions and a CSS crash course:
[webmasterworld.com...]
Might try a site search for "css two column layout [google.com]" too... ;)
div.achter {
position:relative;
width:772px;
left:1px;
background: white;
}
div.menuitemTop {
left:2px;
position:relative;
height:19px;
width:238px;
}
div.menu {
position:relative;
left:2px;
height:150px;
width:238px;
background:#5A3C65;
bottom:2px;
}
div.nieuws{
position:relative;
left:2px;
width:238px;
background:#fe9800;
bottom:2px;
}
div.poll{
position:relative;
left:2px;
height:150px;
width:238px;
background:#df3102;
bottom:2px;
}
div.welkomTop {
top:-507px;
position:relative;
left:242px;
width:528px;
background: green;
}
div.content{
position:relative;
width:528px;
left:242px;
top:-505px;
background:#67D304;
}
div.ruimte{
position:relative;
width:772px;
background:white;
left:1px;
height:0px;
}
font.nieuwsklein{
font-family: Arial, Tahoma, Verdana;
font-size: 8pt;
font-weight: normal;
}
//-->
</style>
<?php
include("layout\connect.inc.php");
$content_sql = "SELECT * FROM content WHERE content_ID='1'";
$content_result = mysql_query($content_sql);
$content = mysql_fetch_array($content_result);
$news_SQL = "SELECT * FROM news ORDER BY news_date DESC";
$news_result = mysql_query($news_SQL);
$content['content_text']=nl2br($content['content_text']);
?>
<HTML>
<HEAD>
<title>Basisschool Kameleon</title>
</HEAD>
<div class=ruimte></div>
<div class=achter>
<div class=menuitemTop><img src="images/menu.gif"></div>
<div class=menu> <script language="JavaScript1.2" id="vqp_generate_mainitems">generate_mainitems();</script></div>
<div class=menuitemTop><img src="images/nieuws.gif"></div>
<div class=nieuws>
<?php
while($news = mysql_fetch_array($news_result)) {
$news_id = $news['news_ID'];
$news_date = $news['news_date'];
?>
<p class="margin">
<font class="nieuwsklein"><b><a
href="news.php?news_ID=<?php echo $news_id;?>"><?php echo $news_date;
?> <?php echo $news['news_header']?></a></span></font></b><br></p>
<?php
}
mysql_close();
?>
</div>
<div class=menuitemTop><img src="images/poll.gif"></div>
<div class=poll></div>
<div class=welkomTop><img src="images/welkom.gif"></div>
<div class=content></div>
</div>
</BODY>
</HTML>
[edited by: engine at 12:47 am (utc) on Nov. 17, 2004]
[edit reason] No urls, thanks. See TOS [webmasterworld.com] [/edit]
vertical-align:top;
Although, the problem might go away once the page has content. :)
doesn't work... what should i do?
