| | |
Question: How Do I Create A 3-Piece Webpage?
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
I'm trying to make a link directory.
In short, It's going to have 9 categories and I want it to look like this:
_ _ _
_ _ _
_ _ _
At first, I made a 3x3 table. But when anyone submits a link, it breaks the whole thing. :shifty: You know?
If someone adds a link to the middle category... Enough of my n00bness already, I think you know what I'm saying.
Thank you.
In short, It's going to have 9 categories and I want it to look like this:
_ _ _
_ _ _
_ _ _
At first, I made a 3x3 table. But when anyone submits a link, it breaks the whole thing. :shifty: You know?
If someone adds a link to the middle category... Enough of my n00bness already, I think you know what I'm saying.
Thank you.
Umm, i'm not really sure what your saying here. But I think the solution is to not use a 3x3 table. Try a 3x1 table instead.
i.e. COL1 COL2 COL3
i.e. COL1 COL2 COL3
•
•
Join Date: Aug 2005
Posts: 17
Reputation:
Solved Threads: 0
•
•
•
•
Originally Posted by Brinnie
Ok, here's a similiar page:
http://www.art-bridge.com/directory/abdir.htm
---------------------- |....|...........|...| |....|...........|...| |....|...........|...| |....|...........|...| |....|...........|...| |....|...........|...| ----------------------
Where the red is one section, the blue is another, and the green is a third?
You should use Tables inside of Tables.
[PHP]<TABLE>
<TR>
<TD>
Column 1 Here
</TD>
<TD>
Column 2 Here
</TD>
<TD>
Column 3 Here
</TD>
</TR>
</TABLE>[/PHP]
You can replace column 1, 2, and 3 with more tables to hold information.
Column 2 could equal =
[PHP]<Table>
<tr>
<th>Table in the middle</th>
</tr>
<tr>
<td>Some information of the table</td>
</tr>
</Table>[/PHP]
So whats the issue when people add links?
But this page just uses lots of tables to structure everything... basically like this:
And you can fill the cells in the table to add more levels of formatting...
But this page just uses lots of tables to structure everything... basically like this:
HTML and CSS Syntax (Toggle Plain Text)
<table width="100%"> <tr> <td width="150" bgcolor="black"><font color="white">left column</font></td> <td width="650" bgcolor="blue"><font color="white">center column</font></td> <td width="150" bgcolor="red"><font color="white">right column</font></td> </tr> </table>
And you can fill the cells in the table to add more levels of formatting...
well, alpha_foobar, I wanted to put a horizontal row of affiliates down the left side.
But when I tested it and added some links, it pushed the tables in the middle down.
So it's like, the ultimate goal is to have three collums- where changes made in 1 column do not effect the other 2.
Ya know?
I can design a mock-up in photoshop of what I'm going for if you guys have the patience to show me how to implement it.
But when I tested it and added some links, it pushed the tables in the middle down.

So it's like, the ultimate goal is to have three collums- where changes made in 1 column do not effect the other 2.
Ya know?
I can design a mock-up in photoshop of what I'm going for if you guys have the patience to show me how to implement it.
•
•
Join Date: Aug 2005
Posts: 17
Reputation:
Solved Threads: 0
add this to the <td> tag for column 2,
That way when u add links to the left, the stuff in the middle stays top aligned.
HTML and CSS Syntax (Toggle Plain Text)
<td valign=top>
That way when u add links to the left, the stuff in the middle stays top aligned.
![]() |
Other Threads in the HTML and CSS Forum
- Previous Thread: is it possible? help me
- Next Thread: HTML question about creating a certificate form?
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash font fonts form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 xml xsl





