Solved

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

Posted on 2003-12-01
4
195 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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
How to make footer stick to bottom 9 38
Applications / Web Apps that enable highlighting text on Web Pages 3 30
innerHTML 7 35
html border input line 7 16
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.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

820 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