HTML Table Question

On Jan 10, 6:34*pm, NvrBst <nvr... (AT) gmail (DOT) com> wrote:

On Jan 10, 5:47*pm, "Jonathan N. Little" <lws4... (AT) centralva (DOT) net
wrote:





NvrBst wrote:
I need the "vertial-align:justify;" cell so that vertical stretching
doesn't occur in the *Data1* and *Data2* cells. *I know there is no
justify for vertical alignment but I stated it because that is the
kind of effect I need.

If I use your example (using rowspan=2) then I'd have the problem (as
labled in the inital post) of *Data2* cell being stretched when *Data1*
+*Data2* height is less than *Menu*

Maybe what the real problem is that you are using a table for layout
when you should be using something else. If you rowspan the left column
cell and the right column you add data that expand the cells vertically
it is "natural" table behavior for the left column rowspan'ed cell to
also expand vertically

Now looking into my crystal ball I see that the left cell you put the
word "menu" so chances are you have a *list* of menu items. If it a list
you should use a list! If you want it side by side with your data then
float it left. Google "2 column css layout template"

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com

Ahh, something tables can't do? *Okay *CSS approach looks like its
the same thing as the table approach though (except using 3 DIV's
instead of 3 TABLE's). *Maybe DIV has performance improvments? *I'll
look into it a bit.

Thanks

NB- Hide quoted text -

- Show quoted text -

Oww you weren't suggesting 3 DIV's. What I have is a "asp:Menu" and a
"asp:ContentPlaceHolder" (in a master file). You were suggesting
applying the CSS styles directly to those. I see now, that should
work I think. I'll try it tomorrow when I get back.

Thanks

NB

On Jan 10, 7:42 pm, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

Dearest God Almighty, greatest of all HTML authors, Please make a
subscriber who has a complicated question supply a f*ing url.
thank you.
Whats a flying url?
I reckon this is a trick question.

I was just filling in the " * "

On Fri, 11 Jan 2008 11:13:56 +1100, dorayme
<doraymeRidThis (AT) optusnet (DOT) com.au> wrote:

: Dearest God Almighty, greatest of all HTML authors, Please make a
: subscriber who has a complicated question supply a f*ing url.
: thank you.


Amen to that.

Sid

On Jan 11, 2:52*am, Sid <el... (AT) nospam (DOT) com> wrote:

On Fri, 11 Jan 2008 11:13:56 +1100, dorayme

doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

: Dearest God Almighty, greatest of all HTML authors, Please make a
: subscriber who has a complicated question supply a f*ing url.
: thank you.

Amen to that.

Sid

LOL you all act like this is the most complicated question ever...
The first post was 5 sentances with ASCII art! ASCII art is worth
1000 URL links! hehe

Applying the CSS style to the asp:Menu object with the
"float:left;" (Didn't know CSS has a property like this, thanks) works
exactly like I wanted it I still had to put *Data1* / *Data2* into
a table (*Data2* needs a background and boarder so it had to be in a
table, I think).

I think jona just mixed up when you were typing (the example you gave
was backwards IE: if left column is rowspaned and a cell in right
column gets lots of data then its not "natural" for left column to
expand... its impossbles for it not too). I do find it slightly
"unnatural" that when the left rowspaned column gets lots of data that
I'm unable to tell which cell is to expand in the right column. I'd
expect all the cells to expand equally, or by default the last cell
only; but what was happening in IE7 was the 1st cell only was
expanding and the last 2 just had their "auto" height. I wanted 3rd
cell in the right column expanding and the first 2 to have the "auto"
height :P

But with the CSS its the way I want it, and more elegant to boot
Thank you all for you help.

NB

NvrBst wrote:

LOL you all act like this is the most complicated question ever...
The first post was 5 sentances with ASCII art! ASCII art is worth
1000 URL links! hehe

No, actually seen the source in situ is worth a 100,000 ASCII art
postings. There we see what the OP actually did not what they think they
did. Also we see how the server's part that may be at play.

Applying the CSS style to the asp:Menu object with the
"float:left;"

Whatever asp:Menu object is, what we need is the output HTML that is way
a URL is important. It would be like try to guess the problem of a PHP
object... $myObject->menu() what is important is resultant outputted HTML

(Didn't know CSS has a property like this, thanks) works
exactly like I wanted it

Maybe http://www.w3.org/TR/CSS21/propidx.html might assist you.

I still had to put *Data1* / *Data2* into
a table (*Data2* needs a background and boarder so it had to be in a
table, I think).

No, not necessarily. You can style other block elements with backgrounds
and borders. If the "data" is tabular in nature then use a TABLE. If
paragraphs then P, is a list then UL or OL, else DIV might apply.

I think jona just mixed up when you were typing (the example you gave
was backwards IE: if left column is rowspaned and a cell in right
column gets lots of data then its not "natural" for left column to
expand... its impossbles for it not too). I do find it slightly
"unnatural" that when the left rowspaned column gets lots of data that
I'm unable to tell which cell is to expand in the right column. I'd
expect all the cells to expand equally, or by default the last cell
only; but what was happening in IE7 was the 1st cell only was
expanding and the last 2 just had their "auto" height. I wanted 3rd
cell in the right column expanding and the first 2 to have the "auto"
height :P

No, if you have

<table>
<tr><td rowspan="2">A1</td><td>B1</td><tr>
<tr><td>B2</td></tr>
</table>


+----+----+

| B1 |
A1 |----+
| B2 |
+----+----+

If you add data to B1 and|or B2 that expands the height of the table,
the rowspan'ed A1 must expand to the combined height of the cells B1 +
B2 even if A1 have very little content. That is how a table works.
However if A1 is a floated block element then

+----+----+

A1 | B1 |
----+ |
|
+---------+
B2 |
+---------+

or

+----+----+

A1 | B1 |
----+ |
|
+----+
B2 |
+----+

can be accomplish.

But with the CSS its the way I want it, and more elegant to boot
Thank you all for you help.

True in many cases.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

In article
<6e09366e-30fd-4e88-9bec-067a2ff5a8b6 (AT) m34g2000hsf (DOT) googlegroups.co
m>,
Travis Newbury <TravisNewbury (AT) hotmail (DOT) com> wrote:

On Jan 10, 7:42 pm, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:
Dearest God Almighty, greatest of all HTML authors, Please make a
subscriber who has a complicated question supply a f*ing url.
thank you.
Whats a flying url?
I reckon this is a trick question.

I was just filling in the " * "

I still think it is a trick.

--
dorayme

On Jan 11, 11:28*am, "Jonathan N. Little" <lws4... (AT) centralva (DOT) net>
wrote:

NvrBst wrote:
LOL you all act like this is the most complicated question ever...
The first post was 5 sentances with ASCII art! *ASCII art is worth
1000 URL links! hehe

No, actually seen the source in situ is worth a 100,000 ASCII art
postings. There we see what the OP actually did not what they think they
did. Also we see how the server's part that may be at play.



Applying the CSS style to the asp:Menu object with the
"float:left;"

Whatever asp:Menu object is, what we need is the output HTML that is way
a URL is important. It would be like try to guess the problem of a PHP
object... $myObject->menu() what is important is resultant outputted HTML

(Didn't know CSS has a property like this, thanks) works
exactly like I wanted it *

Maybehttp://www.w3.org/TR/CSS21/propidx.htmlmight assist you.

I still had to put *Data1* / *Data2* into
a table (*Data2* needs a background and boarder so it had to be in a
table, I think).

No, not necessarily. You can style other block elements with backgrounds
and borders. If the "data" is tabular in nature then use a TABLE. If
paragraphs then P, is a list then UL or OL, else DIV might apply.



I think jona just mixed up when you were typing (the example you gave
was backwards IE: if left column is rowspaned and a cell in right
column gets lots of data then its not "natural" for left column to
expand... its impossbles for it not too). *I do find it slightly
"unnatural" that when the left rowspaned column gets lots of data that
I'm unable to tell which cell is to expand in the right column. *I'd
expect all the cells to expand equally, or by default the last cell
only; but what was happening in IE7 was the 1st cell only was
expanding and the last 2 just had their "auto" height. *I wanted 3rd
cell in the right column expanding and the first 2 to have the "auto"
height :P

No, if you have

table
tr><td rowspan="2">A1</td><td>B1</td><tr
tr><td>B2</td></tr
/table

+----+----+
| * *| B1 |
| A1 |----+
| * *| B2 |
+----+----+

If you add data to B1 and|or B2 that expands the height of the table,
the rowspan'ed A1 must expand to the combined height of the cells B1 +
B2 even if A1 have very little content. That is how a table works.
However if A1 is a floated block element then

+----+----+
| A1 | B1 |
|----+ * *|
| * * * * |
+---------+
| * B2 * *|
+---------+

or

+----+----+
| A1 | B1 |
|----+ * *|
* * * | * *|
* * * +----+
* * * | B2 |
* * * +----+

can be accomplish.



But with the CSS its the way I want it, and more elegant to boot
Thank you all for you help.

True in many cases.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com

Ahh two more questions. Your "Scenario C" was very simular to what I
wanted... For future reference, how would you accomplish this with a
2x2 table? All Cells are simply fitting their data (height wise).
+----+----+

A1 | B1 |
+----+
| B2 |
+----+
|
+----+

But it looks like this if B1 contains is lots of data
+----+----+

A1 | B1 |
| |
| |
| |
| |
+----+ |
|
+----+
B2 |
+----+

And my 2nd question, nothing to do with above; Is there a CSS Property
that would tell the object not to wrap to the next line. Right now I
have

<asp:Menu style="float:left;" /><TABLE style="???"><tr><td>*Data1*</
td></tr><tr><td>*Data2*</td></tr></TABLE>

Problem is when the window shirnks the table wraps down under the menu
- I want it to just make a vertical scrollbar instead of wrapping.
Way I'm thinking is ???="position:absolute; margin-left:180px;". I
don't like setting margin-left:180px since it has to be updated each
time the font of the menu changes.

Thanks
NB

Ahh. Problem with the min-width would be my that it creates a vertical
scroll (size of the largest width in *Data1*), when 99% of the time
*Data1* is small -> would have to set it dynamically each time the
data in *Data1* changes so that the scroll bar doesn't appear when its
not needed (more work than its worth).

The 3 table method, or the position absolute both work though so I'll
fiddle around with those.

Thanks NB

NvrBst wrote:

Ahh. Problem with the min-width would be my that it creates a vertical
scroll (size of the largest width in *Data1*), when 99% of the time
*Data1* is small -> would have to set it dynamically each time the
data in *Data1* changes so that the scroll bar doesn't appear when its
not needed (more work than its worth).

Why would a *vertical* scroll be created to the *width* of anything?!
From what you say and the meager scraps of what you show it seems that
you have no idea what you are doing...

The 3 table method, or the position absolute both work though so I'll
fiddle around with those.

So I would say, most likely you are wrong and it *can* be done, but
since you are adamantly against providing a URL to what you are *trying*
to do...well good luck with that!

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

On Jan 11, 4:26*pm, "Jonathan N. Little" <lws4... (AT) centralva (DOT) net>
wrote:

NvrBst wrote:
Ahh. Problem with the min-width would be my that it creates a vertical
scroll (size of the largest width in *Data1*), when 99% of the time
*Data1* is small -> would have to set it dynamically each time the
data in *Data1* changes so that the scroll bar doesn't appear when its
not needed (more work than its worth).

Why would a *vertical* scroll be created to the *width* of anything?!
*From what you say and the meager scraps of what you show it seems that
you have no idea what you are doing...



The 3 table method, or the position absolute both work though so I'll
fiddle around with those.

So I would say, most likely you are wrong and it *can* be done, but
since you are adamantly against providing a URL to what you are *trying*
* to do...well good luck with that!

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com

LOL Typo. Horizontal Scroll Bar. If you want to see it yourself set
the min-width to 200em and you'll see the scroll bar.