Alligning Tables Problem

[d3sol4t3]

I have 4 small tables each which pictures can be loaded into. The problem is that 1 of the tables is always bigger than the other three.

Look for yourself:

http://www.illworm.com/adm/main.html

For me picture1 is always bigger than the rest, sometimes picture1 is the same size but one of the others is bigger.

Anybody can fix this?

(Right click > view source - to view page source)

 

[ca8msm]

Any particular reason you are using tables for your page layout?


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[d3sol4t3]

Yes i like them

You didn't answer me question

Anybody else?

 

[Vragabond]

Do you think it has anything to do with the fact you're specifying 138 height for the first table and 120 for the others? Also, id is a unique element identifier and as such, you should not have more than one element with the same id (you currently have quite a few Vulns)

 

[ca8msm]

I dodn't answer your question as my question was leading to the obvious answer that you shouldn't be using tables for page layout.


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[ca8msm]

Oh, and as for your actual question, the first table has a height of 138 and the others have one of 120...


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[d3sol4t3]

Ya i fixed that, that was a mistake.

What i actually meant to ask was "how to make the table a fixed size".

When i enter data into those tables, html auto expands them so if more data is entered into one of the tables it is going to be bigger than the others.

How do make all the tables not expand?

 

[d3sol4t3]

Oops i forgot to post the link, here:

http://www.illworm.com/adm/main.php

As you can see tables 1 and 2 have the same amount of data, where as table 3 has less, hence the size is smaller.

 

[ca8msm]

Before you get into setting a maximum size for each box, I suggest that you look into getting rid of your tables, empty paragraph's and moving your styles into an external stylesheet as at the moment it's a lot more complicated than it needs to be. Start here for a good tutorial:

http://www.w3schools.com/css/css_intro.asp

____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[d3sol4t3]

m8 can't you just tell me how to set the maximum size, im on a time limit, i dont have time to read up on CSS!

 

[BillyRayPreachersSon]

What do you want to happen to the data if it is bigger than the tables? Simply not appear?

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[d3sol4t3]

It has a "read more" function in the php code, it only takes the first couple of words then adds "... read more".

The problem doesn't lie if theres too much data, it lies if there is too little

 

[BillyRayPreachersSon]

In IE, you csan use "text-overflow: ellipsis", I think... but what you're describing will be very hard to get right to an exact degree... purely because there is no way of telling cross-browser exactly how much space text is taking up, taking into account that you'll never really know:

1. What font the user is actually viewing your text in (user CSS and lack of fonts on their PC stop this), and

2. What font size they're viewing at.

So if you want a "read more" function when the text hits an exact limit, give up now.

I'd suggest just outputting the first few paragraphs (or whatever) and having a "read more" link after that.

Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]