Why can't I change height with <col width="50" height="100">?

B

Bernd Meier

Why has the value of height no consequences in the below example?
If I change width I get changes but not if I change height.

<html>
<head>
<title>HTML-Test</title>
</head>
<body>
<h3>HTML-Test</h3>
<table border="5">
<colgroup>
<col width="50" height="100">
<col width="50" height="100">
<col width="50" height="100">
</colgroup>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
</body>
</html>
 
B

Bernd Meier

Why has the value of height no consequences in the below example?
Becuase there is no height attribute for the col element.
Click to expand...

Is there another element for col to change the height?

Or is there no possibility to do it because auf logical reseans?

Because if I would change the cell hights in one column I also have to
change
the cell hights of the next columns?
 
J

John Hosking

Bernd said:
Why has the value of height no consequences in the below example?
If I change width I get changes but not if I change height.
Click to expand...

Because you're making things up.

Prefatory remark 1: Providing a URL is better than posting code, because
1) the URL is usually shorter,
2) the URL lets us see, for example, what doctype you're using, and
3) we can immediately try out your code in our browsers, without
copy-and-paste or guessing from just looking at your code.

Prefatory remark 2: Below I mention the recommmendation for HTML 4.01
because I don't know what you think you're using. No URL, you see.

<colgroup>
<col width="50" height="100">
Click to expand...

Take a look at the W3C's description of the <col> element at
<http://www.w3.org/TR/html401/struct/tables.html#h-11.2.4.2>.
There is no height attribute for <col>. You've just made it up.

You'd have to specify the width directly to the TDs (and hope for the
best), although in practice you can usually specify width for <TD>
elements in one row, and all the columns in the rest of the table make
similar use of those widths (depending on the actual content, as always).
 
J

Jukka K. Korpela

Scripsit Bernd Meier:
Is there another element for col to change the height?
No.

Or is there no possibility to do it because auf logical reseans?
Click to expand...

One might say so. Why would you set the height of columns instead of
simply setting the height of the table?
Because if I would change the cell hights in one column I also have to
change
the cell hights of the next columns?
Click to expand...

Pardon? Did you expect to change the height of each _cell_ in the
columns?

The practical way to make the cells in a column have the same width is
to use a class="..." attribute for the cell elements and to set the
height of the cells in a style sheet.
 
A

Adrienne Boswell

Gazing into my crystal ball I observed "Bernd Meier" <ndkwinklask263
@yahoo.de> writing in
Is there another element for col to change the height?

Or is there no possibility to do it because auf logical reseans?

Because if I would change the cell hights in one column I also have to
change
the cell hights of the next columns?
Click to expand...

Because tables are for tabular data, there really is no reason for a
height attribute - rows expand/shrink to fit their contents, as it
should be. Authors got into the bad habit of using tables for
positioning content - but that is not what tables are for. HTML should
not be presentational - that's what CSS is for.

Unless you have a _very_ good reason for setting height, let the table
do what it supposed to do.
 
G

GTalbot

Why has the value of height no consequences in the below example?
If I change width I get changes but not if I change height.

<html>
Click to expand...

No doctype declaration. You will trigger modern browsers into quirks
mode, not standards compliant rendering mode.

Using Web Standards in your Web Pages: Making your page using web
standards - how to
http://developer.mozilla.org/en/doc...Making_your_page_using_web_standards_-_how_to

As others told you, there is no height attribute for <col>. And the
styling the <col> in Internet Explorer 6 and in Internet Explorer 7 is
rather unreliable, prone to layout bugs.

http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/#bug25

http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/#bug28

Looking for a constrained height on a table is most likely misusing
tables to begin with. Adrienne B. gave you an excellent answer,
exactly the kind of answer I would have given you.

If you want help with your webpage design, then start with providing
us with an url and a short, descriptive, meaningful explanation of
what you are truly trying to achieve, with natural words, not with
code explanations. Maybe you want/need a navigational horizontal list
of 3 links... we don't know..

Otherwise:

Table-based webpage design versus CSS-based webpage design: resources,
explanations and tutorials
http://www.gtalbot.org/NvuSection/NvuWebDesignTips/TableVsCSSDesign.html

CSS webpage templates
http://www.gtalbot.org/NvuSection/NvuWebDesignTips/WebDesignResources.html#CSSWebpageTemplates

CSS webpage templates
http://fabiwan.kenobi.free.fr/css/PageLayout.html

CSS webpage templates
http://fabiwan.kenobi.free.fr/css/PageLayout2.html

KazGarden (CSS webpage templates)
http://www.gimp-werkstatt.de/kaze/

Regards,

Gérard
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Need help with <rowspan> in an HTML table 1
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
How to wrap <td> content . 16
Sort by number of characters 1
How can I calculate the last payment of the year to be the sum of all previous payments for that year and subtracting it from Research Costs value? 7
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript? 0
Javascript DOM 1

Members online

Total: 47 (members: 3, guests: 44)
Robots: 238

Forum statistics

Threads
473,997
Messages
2,570,240
Members
46,830
Latest member
HeleneMull

Latest Threads

Top