Have problems with HTML.....help!! :-(

[The Prince]

I am having a problem... I'm trying to put a vertical shaped table on the left side of the webpage.... the problem is the more links i add to that table and the bigger it gets vertically... the more it pushes the table that is centered in the webpage..... down the webpage.... difficult to describe it... but best way i think is if you reply to this thread and you look at the reply form... you have the smilies on the right in a vertically shaped table and then you have the center table where you type your reply... that is what im trying to do without the smilie table pushing the center table down the webpage as I put more smilies (in my case links) in the vertically left table.... any help is deeply appreciated... two tables side by side...without one pushing the other one further down the webpage and/or to the right of the webpage... perfectly aligned at the top.... to each other... the faster you can reply with the solution the better because I am trying to finish a project I should of finished long time ago ... Should I just make a frame on the left side instead and put the table within the frame? is that how you guys do it on your sites? ....

[phatbiatch]

usually when I want to control many links or images in one table cell, I add another table into that cell for however many links/images I have.

[FlexxAeon]

it sounds like you have the vertical alignment on the table cells set to "default". set them both to "top" or "bottom" depending on how you want the layout. code is like this...

<td valign="top"> stuff goes here </td>

do that to both table cells and see if it helps. otherwise i'd have to see the site or code

[Dynamix]

it sounds like you have the vertical alignment on the table cells set to "default". set them both to "top" or "bottom" depending on how you want the layout. code is like this...

<td valign="top"> stuff goes here </td>

do that to both table cells and see if it helps. otherwise i'd have to see the site or code

You ought to add the alignment tag in the TR tag to eliminate duplicates IE:

<tr valign="top"><td>large cell here</td><td>small cell here</td></tr>

The smaller the code, the more Google can eat up

[FlexxAeon]

yeah but what if he just wants to align one cell?

edit : i just realize how dumb i sounded considering my first post...i'll leave it though so other HTML coders can laugh at me

[The Prince]

In the vertical table it is one link on top of another.... it's just a list of my sponsor's sites... recommended sites etc... another problem im having is that the vertical table moved the center table a little to the right so now the center table is not centered and aligned with the tables that are below it of my galleries...

[phatbiatch]

in that cell define the width that you want. then drop in another table with as many cells as you need for however many links. If it's still giving you a problem try changing fonts and or font size. Yo might just have to code it by hand, I find that I have this problem when im using dreamweaver it just does what it wants. When you hand code something it seems these problems don't arise.

[The Prince]

I dont have a problem with that table and the links... the problem is that the vertical table pushed the table next to it a little to the right.... with alot of space between the two tables... the table next to the vertical table is off centered now...

[WhiplashDug]

Actually, Dreamweaver handles tables rather easily. It just takes some playing around with it to come up with a solution that works for you. Here are some things to note:

1) the table will push out left if you insert images or text that increase the size of its cell. i.e. if you have a 3 column cell, 100>600>100 and you put something in the left cell that is 150 - your middle and right column will push out by a total of 50. the fix is easy - just re-size the iten in the left column.

2) when you insert cells into other cells, it can create problems for alligning, especially if you are using a multi column table inserted into rows of another table. Because these columns are not anchored to each other (or part of the same table) they are basically free floating in the row they are in. One way to fix this is.. when you insert your multi column row, add 1 extra row of cells. In this cell, insert an image that is 1pxl height by the desired width. Make sure the images are tranparent gif's. This way, the columns will be forced to stay at a minimum width and therefor allign vertically no matter how many differenct tables you add to differnt rows or main tables on the page.

3) with regard to the vertical alignment of neighboring cells...Dynamix is correct above with the code to fix your page and keep the items in your center column at the top of that column. However, it sounds more like you are working from the design screen so here is what you do...

1) put your mouse into the cell you want to modify and left click
2) in the properties box (must be full view) at the bottom are the cell parameters. HORZ & VERT are the two that will align the cell to the TOP, MIDDLE, BOTTOM, LEFT, RIGHT, CENTER - which ever you choose. You can also select multiple cells by placing your mouse in a cell, holding down the left mouse button and draggin accross the table to include all the cells you want to modify.

Good luckk! more questions? icq: whiplashdug

[donross]

define width by pixels if you want it fixed and do not use % in defining width...

[phatbiatch]

Actually, Dreamweaver handles tables rather easily. It just takes some playing around with it to come up with a solution that works for you. Here are some things to note:

1) the table will push out left if you insert images or text that increase the size of its cell. i.e. if you have a 3 column cell, 100>600>100 and you put something in the left cell that is 150 - your middle and right column will push out by a total of 50. the fix is easy - just re-size the iten in the left column.

2) when you insert cells into other cells, it can create problems for alligning, especially if you are using a multi column table inserted into rows of another table. Because these columns are not anchored to each other (or part of the same table) they are basically free floating in the row they are in. One way to fix this is.. when you insert your multi column row, add 1 extra row of cells. In this cell, insert an image that is 1pxl height by the desired width. Make sure the images are tranparent gif's. This way, the columns will be forced to stay at a minimum width and therefor allign vertically no matter how many differenct tables you add to differnt rows or main tables on the page.

3) with regard to the vertical alignment of neighboring cells...Dynamix is correct above with the code to fix your page and keep the items in your center column at the top of that column. However, it sounds more like you are working from the design screen so here is what you do...

1) put your mouse into the cell you want to modify and left click
2) in the properties box (must be full view) at the bottom are the cell parameters. HORZ & VERT are the two that will align the cell to the TOP, MIDDLE, BOTTOM, LEFT, RIGHT, CENTER - which ever you choose. You can also select multiple cells by placing your mouse in a cell, holding down the left mouse button and draggin accross the table to include all the cells you want to modify.

Good luckk! more questions? icq: whiplashdug

that's basically what i was trying to tell him, lol just didn't feel like typing this much to explain it lolol

[calmlikeabomb]

Post a url to the page so we can see the source and what is fucked up. It's probably just bad coding.

[The Prince]

http://asiansexkittens.net/index5.html

there you go.. brainpick the coding.. im sure i fucked it up somewhere...

[calmlikeabomb]

You can achive that same layout using 1 table and a little of inline css. This source code should get you headed in the right direction:

Basically, pay special attention to the 'rowspan' attribute in the first table cell. It's set to span down 3 table rows @ 1 column in width. If 'colspan' is not defined it's assumed to be 1. However, EVERY row must contain the same number of table columns.

You'll notice the first table row section (<tr></tr>, same row where the menu cell is located) contains 5 columns (<td></td> x5), however the next three rows only contain 4 columns (<td></td> x4). This works because the 'rowspan' in the menu's table cell tells the browser to span down 3 rows (same row + 2 additional rows) which is why rows 2 and 3 in the table only show code for 4 columns, but occupy 5 columns.

Once your past the 3rd row (or however many rows your 'rowspan' is set to stop at) you'll need to make sure the remaing rows total five columns also. I just used <td>&nbsp;</td> to create a blank 5th which appears first in each row in place of the menu. You could just as easily add another picture column instead of a blank one.

Hope this helps...

Here's the source code in zip if you want to grab it.

[jay2xtreme2125]

one thing that may help to correct your problem
1. use nested table layout (table within the table)
2. always specify the width of tables and cells
3. never put two tables inside the same cell that may cause your layout to break
4. always check the alignmet of cells top bottom left right or center
5. in dreamweaver to see thetables easily press f6 for expanded view to see the tables and cells easily

[The Prince]

You can achive that same layout using 1 table and a little of inline css. This source code should get you headed in the right direction:

Basically, pay special attention to the 'rowspan' attribute in the first table cell. It's set to span down 3 table rows @ 1 column in width. If 'colspan' is not defined it's assumed to be 1. However, EVERY row must contain the same number of table columns.

You'll notice the first table row section (<tr></tr>, same row where the menu cell is located) contains 5 columns (<td></td> x5), however the next three rows only contain 4 columns (<td></td> x4). This works because the 'rowspan' in the menu's table cell tells the browser to span down 3 rows (same row + 2 additional rows) which is why rows 2 and 3 in the table only show code for 4 columns, but occupy 5 columns.

Once your past the 3rd row (or however many rows your 'rowspan' is set to stop at) you'll need to make sure the remaing rows total five columns also. I just used <td>&nbsp;</td> to create a blank 5th which appears first in each row in place of the menu. You could just as easily add another picture column instead of a blank one.

Hope this helps...

Here's the source code in zip if you want to grab it.

Ok it's almost there but not quite as you can see....

http://www.asiansexkittens.net/index5.html

I basically want it to look like http://www.asiansexkittens.net/index6.html but with the table on the left with the links to the paysites etc...

[calmlikeabomb]

XHTML, is the newest standard of HTML. It's leaning more towards the support of CSS and XML standards.

If you want your menu over to left try using a <div> with inline css. Try to positioning it absolutely on the page.

So, remove that first column (menu) from each row of your current table and place that stuff in something similar to this:

<div style="position:absolute;margin-top:0px;margin-left:5%"></div>

About postion properties - http://www.w3schools.com/css/pr_class_position.asp

About margin properties - http://www.w3schools.com/css/css_margin.asp

[The Prince]

There has to be a simplier coding for putting a vertical table on the left side while having everything else centered on the webpage... if not then im better off just making a horizontal table below at the bottom of the page.... I wanted the table on the left side because not all visitors go to the bottom of the page.... so wanted to give the table the maximum exposure by having it on the left side next to the galleries...