PDA

View Full Version : Tables help

PrezOfCTSA
01-18-2003, 09:20 PM
Okay, I majorly need help. I am so dumb when it comes to tables. I never actually took the time to learn them. But for my layout I want a graphic on the top. all the way across the screen, and then below the graphic i want to position an iframe, that won't be a problem, but then on one the left side of the iframe i want one set of tables and on the right side i want another set of tables. but i want it to "info" has it's own table, and then so "media" has it's own table. I want like 4 seperate tables on the left side and 5 4 seperate ones on the right. how would i do this? lol sorry if it sounds complicated.
misfit
01-19-2003, 05:02 AM
Ick, to use table you really should get a little better understanding on how they work.
Read through Lissa's tutorials, and other tutorials and it'll help big time and you won't ever need to ask a question like this again :D

But okay, if that's not what you wanted to hear...

From what i understand.. which i probably don't, but i'll trry to help anyway, lol.

You could do this

<table cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" width="##" height="##">
In this td, put your top image, the big main one you were talking about
</td>
</tr>

<tr>
<td width="##" height="##">
This is all the crap on the left side
</td>

<td width="##" height="##">
your iframe in here
</td>

<td width="##" height="##">
the stuff on the right side here
</td>
</tr>
</table>

Replace the ## things with your pixel sizes... just to keep things clean.

uhm. Hm. Hope i helped a little.
PrezOfCTSA
01-19-2003, 08:10 PM
I dunno what I did wrong. lol.

http://www31.brinkster.com/dorkiezpc/main2.html

My source says:

<center>
<table cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" width="##" height="##">
<img src="image.jpg">
</td>
</tr>
</center>
<tr>
<td width="100" height="300">
<TR>Info</TR>
</td>

<td width="100" height="300">
<div id="iframe" style="position:absolute; left=210px; top=240px">
<IFRAME name="iframe" src="iframe.html" width=375 height=500 frameborder="1" color="#FFFFFF" border="0">
</iframe>
</div>
</td>

<td width="100" height="300">
the stuff on the right side here
</td>
</tr>
</table>

grr, this is so confusing.
PrezOfCTSA
01-19-2003, 08:14 PM
http://www31.brinkster.com/dorkiezpc/main2.html

I got part of it down, but the tables part is confusing me. grr.
misfit
01-20-2003, 01:37 AM
You should really read up on lissa's tutorials, it'll help you LOTS :D

But fix your tags first and then we'll see if it's still screwy, kay?

But hey, copy EVERYTHING here, and try this...
I cleaned up your table code a little. Some <tr> tags were stuck in where they shouldn't have been. And you were missing the beginning <html> and end </html> tag things. Yeah.


<html>
<head>
<title> </title>
</head>
<body>

<center>
<table cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" width="709" height="201">
<img src="image.jpg">
</td>
</tr>
<tr>
<td width="100" height="300">
Info<BR>
<a href="news.html" target="iframe">Latest News</a> <br>
<a href="bios.html">Bio's</a></TR>
</td>

<td width="100" height="300">
<IFRAME name="iframe" src="iframe.html" width=375 height=500 frameborder="1" color="#FFFFFF" border="0">
</iframe>
</td>

<td width="100" height="300">
the stuff on the right side here
</td>
</tr>
</table>

</body>
</html>