...

View Full Version : Text placement on new table



doug2r
10-27-2006, 09:59 PM
I'm a newbie.

Below is the CSS definition and HTML for a simple 1 column, 1 row table. Notice the word "Testing" in the <th> tag.

What unexpectantly happens is the "Testing" is centered in the table and is in bold. How do I make the "Testing" be at the top of the table and the text be normal instead of bold?

#table2
{
background-color: white;
color: black;
width: 600px;
height: 600px;
position:absolute; left: 160px; top: 92px;
text-align: left;
vertical-align: top;
font-weight: normal;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="./Styles/Styles.css" rel="stylesheet" type="text/css">
<title>Untitled Document</title>
</head>

<body>
<table id=table2 width="600" border="0">
<tr>
<th scope="col">Testing</th>
</tr>
</table>

</body>
</html>

Thanks.

Doug

ez4me2c3d
10-27-2006, 10:08 PM
internet browsers have default styles they apply to HTML elements. It's your job to override them.


<style>
th { font-weight: normal; text-align: left; }
</style>

doug2r
10-27-2006, 11:19 PM
I changed my CSS specifications to:

#table2
{
font-weight: normal;
text-align: left;
height: 300px;
verticle-align: top;
color: red;
}
{
#table2 th: {
font-weight: normal;
text-align: left;
verticle-align: top;
}

and kept the HTML the same which is:

<body>
<table id=table2 width="600" border="0">
<tr>
<th scope="col">Testing</th>
</tr>
</table>

</body>

and still get the "Testing" in the center of the table cell, and it's still bold. I add a color tag of red and the Testing does display red.

Doug

Arbitrator
10-28-2006, 02:29 AM
verticle-align: top;
Why is “vertical” misspelled? Note also that if you apply this property to the table itself, it will have no effect since the vertical-align property isn’t inherited and it doesn’t affect block-level elements.


#table2 th: {
Why is your th selector followed by a colon character?


<table id=table2 width="600" border="0">Note that the width and border attributes are deprecated (obsoleted) in favor of the width and border-width CSS properties. It’s also good form to surround all of your attribute values with double quotes (even when they may not be required).



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum