PDA

View Full Version : TABLES HELP!!!



wackydude1234
20-01-2007, 01:04 PM
i have tables.. http://teamsquirrels.net (http://teamsquirrels.net/)
when one expands it goes under or over the other i want it to push the other one across how can i do this???

F32
20-01-2007, 01:05 PM
use css and z-index them?

wackydude1234
20-01-2007, 01:09 PM
Uhh? what that? sorry i only know html and only basics

Jamie.
20-01-2007, 01:12 PM
<html>
<body style="BACKGROUND-POSITION: center
50&#37;; BACKGROUND-ATTACHMENT:
fixed; BACKGROUND-IMAGE: url(http://teamsquirrels.net/background.png)">
<style type="text/css">
<!--
.tpc29 {
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #37A2FD;
}

.tpc27 {
font-family: verdana;
font-size: 10px;
color: #7AC2FE;
}

.tpc34 {
font-family: verdana;
font-size: 10px;
color: #000000;

}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

-->
</style>

<style type="text/css">
<!--
a:link {text-decoration: none; color:#000000}
a:visited {text-decoration: none; color:#000000}
a:hover {text-decoration: none; color:#73BDCB}
body {scrollbar-arrow-color: #73BDCB; scrollbar-base-color: #FFFFFF; scrollbar-face-color: #97D0DB; scrollbar-highlight-color: #AFDFE8; scrollbar-shadow-color: #73BDCB; scrollbar-3d-light-color: #AFDFE8; scrollbar-track-color: #AFDFE8}
--></style>
<center><a href="http://teamsquirrels.net/"><img height="150" src="http://i80.photobucket.com/albums/j171/SinX666/kurtissigcopy.jpg" width="550" border='no"' name="Banner"></a><a href="http://teamsquirrels.co.nr/"></a><br></center>
<br><br><br><br>
<table border="1" bgcolor="#ffcc33" height="314" width="145">
<tr> <td><b><center><u>Links</u></b><table border="0" cellpadding="0" cellspacing="0"><tr>
<td><a href="http://teamsquirrels.net/"><img height="27" src="http://teamsquirrels.net/homepage.PNG" width="131" border="0" scr="http://teamsquirrels.net/homepage.PNG"></a>

</td></tr></table><br><br><br><br><br><br><br><br><br><br><br><br><br>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
</center></td></tr>

</table>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;

<center><table style="Z-INDEX: 101; LEFT: 787px; POSITION: absolute; TOP: 199px" height="314" width="145" bgcolor="#ffcc33" border="1">

<tr>
<td><b>
<center><u>Links</u></b>
<table cellspacing="0" cellpadding="0" border="0">

<tr>
<td><a href="http://teamsquirrels.net/"><img height="27" src="http://teamsquirrels.net/homepage.PNG" width="131" border="0" scr="http://teamsquirrels.net/homepage.PNG"></a>
</td></tr></table><br><br><br><br><br><br><br><br><br><br><br><br><br>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
</center></td></tr></table>
<center><table border="1" bgcolor="#ffcc33" height="167" width="547" style="Z-INDEX: 100; LEFT: 211px; POSITION: absolute; TOP: 229px">
<tr> <td><b><center><div style="width:420px; margin-bottom:30px;">
<div><strong>TEST</strong></div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #D3D3D3;">TESTING!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!</div>

<div style="float: right;"><!-- no full story--> <a href="/index.php?subaction=showcomments&amp;id=1169298826&amp;arc hive=&amp;start_from=&amp;ucat=1&amp;">0 Comments</a></div>

<div><em>Posted on 20 Jan 2007 by <a href="mailto:kurtisalderton106********.com">Kurtis</a></em></div>
</div><div style="margin-top:15px;width:100%;text-align:center;font:9px Verdana;">Content Management Powered by <a href="http://cutephp.com/" title="CuteNews - PHP News Management System">CuteNews</a></div><!-- News Powered by CuteNews: http://cutephp.com/ --></b></center></td></tr>

</table></center>
<center><br><br><br>&#160;</center>
</body>
</html>

theres the codingi cant see why it doing that :S

wackydude1234
20-01-2007, 01:16 PM
i dunno if it's any different with the php code for cutenews?


<html>
<body style="BACKGROUND-POSITION: center
50&#37;; BACKGROUND-ATTACHMENT:
fixed; BACKGROUND-IMAGE: url(http://teamsquirrels.net/background.png)">
<style type="text/css">
<!--
.tpc29 {
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #37A2FD;
}

.tpc27 {
font-family: verdana;
font-size: 10px;
color: #7AC2FE;
}

.tpc34 {
font-family: verdana;
font-size: 10px;
color: #000000;

}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

-->
</style>

<style type="text/css">
<!--
a:link {text-decoration: none; color:#000000}
a:visited {text-decoration: none; color:#000000}
a:hover {text-decoration: none; color:#73BDCB}
body {scrollbar-arrow-color: #73BDCB; scrollbar-base-color: #FFFFFF; scrollbar-face-color: #97D0DB; scrollbar-highlight-color: #AFDFE8; scrollbar-shadow-color: #73BDCB; scrollbar-3d-light-color: #AFDFE8; scrollbar-track-color: #AFDFE8}
--></style>
<center><a href="http://teamsquirrels.net/"><img height="150" src="http://i80.photobucket.com/albums/j171/SinX666/kurtissigcopy.jpg" width="550" border='no"' name="Banner"></a><a href="http://teamsquirrels.co.nr/"></a><br></center>
<br><br><br><br>
<table border="1" bgcolor="#ffcc33" height="314" width="145">
<tr> <td><b><center><u>Links</u></b><table border="0" cellpadding="0" cellspacing="0"><tr>
<td><a href="http://teamsquirrels.net/"><img height="27" src="http://teamsquirrels.net/homepage.PNG" width="131" border="0" scr="http://teamsquirrels.net/homepage.PNG"></a>

</td></tr></table><br><br><br><br><br><br><br><br><br><br><br><br><br>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
</center></td></tr>

</table>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;

<center><table style="Z-INDEX: 101; LEFT: 787px; POSITION: absolute; TOP: 199px" height="314" width="145" bgcolor="#ffcc33" border="1">

<tr>
<td><b>
<center><u>Links</u></b>
<table cellspacing="0" cellpadding="0" border="0">

<tr>
<td><a href="http://teamsquirrels.net/"><img height="27" src="http://teamsquirrels.net/homepage.PNG" width="131" border="0" scr="http://teamsquirrels.net/homepage.PNG"></a>
</td></tr></table><br><br><br><br><br><br><br><br><br><br><br><br><br>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
</center></td></tr></table>
<center><table border="1" bgcolor="#ffcc33" height="167" width="547" style="Z-INDEX: 100; LEFT: 211px; POSITION: absolute; TOP: 229px">
<tr> <td><b><center><?php
$number=10;
$category=1;
include("/www/**********/t/e/a/m/s/q/u/i/teamsquirrels/htdocs/cutenews/show_news.php");
?></b></center></td></tr>

</table></center>
<center><br><br><br>&#160;</center>
</body>
</html>

Want to hide these adverts? Register an account for free!