Website Design Forum

**corvette** · 06-30-2003, 09:07 PM

Howdy there. I am making my Counter-Strike clan website. I ran into some trouble. I have my main image on the top witch is in a table.

Then I have a table to the left (menu).

I like some one to put in another table in the center(where my main content goes) and a third table to the right (stuff like SOTW).

If you tell me what to do, I just can not do it because it always messes up. So please add what I want. The new tables should be easy to type in. I should be able to type away.

Here is my work so far.

http://free.hostdepartment.com/j/jc84corvette/menu.htm

After you have completed it, please E-Mail it to me, jc84corvette@yahoo.com My aim is corvette84nos also if you want to do it that way; I perfer the E-Mail way.

**Guerrilla** · 07-01-2003, 08:57 AM

Use 1 table and arrange your site in the columns and rows of that table.

i.e. have:
1st column for your links on the right,
then an empty column, (to separate content)
then a column for you main content,
then an empty column, (to separate content)
then a column for whatever you want at the right.

Have all the columns set to a fixed width apart from your main content column which i usually have set to autostretch (makes site easier to read at different screen sizes).

Have you top graphic in the top row and have it span the 5(or how ever many you set) columns.

This should give you an easy format to create your site. Multiple tables next to each other can cause problems and display different in different browsers sometimes.

Im not always good at explaining myself so if you need any more help just ask and ill try to explain my thinking.

All the best

G

**Guerrilla** · 07-01-2003, 02:05 PM

try having a look at this code in a browser


<tr>
<td height="75" colspan="5"><div align="center"><font size="7">Main Graphic
Goes Here</font></div></td>
</tr>
<tr>
<td width="20%"><div align="center">Links</div></td>
<td width="5%"> </td>
<td width="100%"><p> </p>
<p> </p>
<p> </p>
<p align="center">Content</p>
<p> </p>
<p align="center"> </p>
<p> </p>
<p> </p></td>
<td width="4%"> </td>
<td width="20%"> <div align="center">Whatever</div></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>

-->

**corvette** · 07-02-2003, 12:35 AM

See when I hit return on one of those tables

My typing cursor thingy is at the same area for each table I dont want that. HOw 2 fix?

**Guerrilla** · 07-02-2003, 06:14 AM

See here i have added valign="top". Is this what you want?


<tr>
<td height="75" colspan="5"><div align="center"><font size="7">Main Graphic
Goes Here</font></div></td>
</tr>
<tr>
<td width="20%" valign="top"><div align="center">Links</div></td>
<td width="5%"> </td>
<td width="100%" valign="top"><p align="center">Content</p>
<p> </p>
<p align="center"> </p>
<p> </p>
<p> </p></td>
<td width="4%"> </td>
<td width="20%" valign="top"> <div align="center">Whatever</div></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>

-->

**corvette** · 07-02-2003, 10:06 AM

I still cant type freely on the columbs

**corvette** · 07-02-2003, 10:18 AM

even when I try that, I add my image, the content columb is smaller and the what ever columb is larger?

**Guerrilla** · 07-02-2003, 12:26 PM

instead of width="20%" set exact pixel amounts ie width="300"

Are you hand coding or using a editing program such as dreamweaver?

**corvette** · 07-02-2003, 03:53 PM

Front Page. I also have NEtscape composer but I dont like it for these tables

**corvette** · 07-02-2003, 08:37 PM

DAMMIT!

It looks just like I waNt it to in IE but the cells are like wider/smaller in Netscape!

ARGH!

**nakulgoyal** · 07-27-2003, 09:42 PM

Send me a PM and we can discuss in detail.

**beeperman** · 09-10-2003, 12:38 AM

Send me an e-mail if you still need help with this, I'll fix it and put it on my servers for you to retrieve. All you would have to do at this point is copy and paste the code to overwrite what you have.

Thanks,
Kevin - GO WIRELESS
sales@andrewtelecom.com