specializing tables(or frames)

meygan · 07-16-2005, 08:47 PM

Im working on a site, and Im trying to have my tables or frames look like this site http://usera.imagecave.com/jammar190/00.jpg

(bottom part of the page ^)

How would you set them coordinates and make them fit all the pages inside? and set backgrounds? Basically, how do u make the tables look like that

future thanks

phmayor · 07-17-2005, 03:27 AM

there are a lot of ways to do that and it gets very complicated, especially to try and explain it by typing here. Can't you look at the source code of the page and see how they did it? That would be the best way.

harbingerOTV · 07-17-2005, 03:42 AM

whats the actual address for that page?

meygan · 07-17-2005, 03:59 AM

i was going to but its now a graphic in old layouts

is there some kind of code that can help me?

Ranger56 · 07-17-2005, 04:17 AM

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
<!--
body{background:#85bae6;font-family:verdana,sarial,sans-serif; color:white;}
td{width:100px; height:100px;border:2px solid white;text-align:center;background-color:#94a8ab;}
td.wide{width:175px;}
td.thin{width:80px;}
-->
</style>

<title>Multiple Table Cells</title>
</head>
<body>
<table border="0" cellspacing="4" cellpadding="4">
<tr>
<td>Text goes in here, not much though...</td><td>Lorem Ipsum Dolor Sit Amet</td><td>More cells.</td><td>1234567891011121314151617181920212324252627282930 These stretch to fit more stuff if you reallly need it</td><td>Junk</td><td class="wide">This is wider  (Images?)</td><td class="thin">This is thinner</td>
</tr>
</table>
</body>
</html>

Play with that.

Edit: changed the code to look more like that layout

jimrthy · 07-17-2005, 07:23 AM

Just stop!

Please, do not use tables for your layout. I know they're simple and easy. That is the way of the Dark Side. Use CSS. Really. Tables are evil.

Well, except for doing what they're actually supposed to do: display tabular information.

I should start a consulting service based around weaning people from their table-layout addiction.

Ranger56 · 07-17-2005, 07:30 AM

Quote:

Originally Posted by jimrthy

Just stop!

Please, do not use tables for your layout. I know they're simple and easy. That is the way of the Dark Side. Use CSS. Really. Tables are evil.

Well, except for doing what they're actually supposed to do: display tabular information.

I should start a consulting service based around weaning people from their table-layout addiction.

I don't use tables for design, but it was just a really fast way to do what they wanted.

zro@rtv · 07-17-2005, 07:41 AM

maybe something more like this will lead your toward the right direction:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
<!--
body{background:#85bae6;font-family:verdana,sarial,sans-serif; color:white; text-align:center;}
.auto {margin:0 auto;}
.clear {clear:both;}
.box {float:left; width:200px; height:200px; margin:10px;}
#main {width:600px; height:500px; }

.blk {background:black;}
.r {background:red;}
.b {background:blue;}
.g {background:green;}
-->
</style>

<title>use css not tables</title>
</head>
<body>

<div class="auto" style="width:700px;">

<div id="main" class="blk auto"> Loren ipsum dollar sit amet</div>

<br class="clear" />
<div class="box r auto">Loren ipsum dollar sit amet</div>
<div class="box b auto">Loren ipsum dollar sit amet</div>
<div class="box g auto">Loren ipsum dollar sit amet</div>

</div>


</body>
</html>

meygan · 07-25-2005, 08:44 PM

thanks alot u guys!!