Solved

problem with <td width="100" > doesnt respect it

Posted on 2003-12-01
4
194 Views
Last Modified: 2010-04-09
well i want my cell to respect some specic size but he doesnt respect it

<td width="100" >
but it  split my cols in 2 with the same exact size

any help would be nice

<html>
<head>
</head>
<body bgcolor="gray">
<table border = "1" WIDTH = 100%>
<tr>
<td ALIGN="center" COLSPAN=2>
<h3>Title</h3>
</td>
</tr>
<tr >
<td  COLSPAN=2 >
Français | English | Login | Sign-up
<td>
</tr>
<tr>
<td width="100" >
<h4>News</h4>

</td>
<td VALIGN="top" >
Bonjour
</td>
</tr>
</table>

</body>

</html>
0
Comment
Question by:-Shadow-
  • 3
4 Comments
 
LVL 31

Assisted Solution

by:seanpowell
seanpowell earned 50 total points
ID: 9854248
You need to close the td cell properly:

<td COLSPAN="2">Français | English | Login | Sign-up</td>
0
 
LVL 31

Accepted Solution

by:
seanpowell earned 50 total points
ID: 9854258
You may also want to add the nowrap attribute to the 100 pixel wide cell:

<html>
<head>
</head>
<body bgcolor="gray">
<table border="1" WIDTH="100%">
  <tr>
    <td ALIGN="center" COLSPAN="2"><h3>Title</h3></td>
  </tr>
  <tr>
    <td COLSPAN="2">Français | English | Login | Sign-up</td>
  </tr>
  <tr>
    <td width="100" nowrap><h4>News</h4></td>
    <td VALIGN="top" width="100%">Bonjour</td>
  </tr>
</table>
</body>
</html>
0
 

Author Comment

by:-Shadow-
ID: 9855027
tnx a lot guys i used your code georgemarian and it worked no idea why it didnt with mine i guess i forgot something else somewhere
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 9857274
Thanks -Shadow - Actually I made both comments, since I realized the first may not have been complete :-)
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question