Client Side Web Development

Re: how to format a heading using CSS

viral sarvaiya — Mon, 06 Jul 2009 14:22:54 GMT

in the css file u have to just write

td
    {
        background-color:#006666;
        font-family:Arial Black;
        height:6px;
        font-size:small;
        color:#ffffff;
    }

and attach this file to your page.

and then simply write your code

<td>Status Information</td>

it is automatically applied.

Re: how to format a heading using CSS

fizzybunghole — Sun, 05 Jul 2009 05:03:10 GMT

Just style the <th> element:

th {background-color:#006666; font-family: 'Arial Black'; height: 6px; font-size: small;color: #ffffff}

<th>This is the heading of the table</th>

This is also semantically correct - keep your <td> tags for displaying data, not headings.

regards,

Tim

Re: how to format a heading using CSS

gt1329a — Sat, 04 Jul 2009 20:44:44 GMT

If you just want a free-standing heading, you should use a heading element (e.g. h1, h2, h3, etc), and appply that styling via something like:

h2 { background-color: #066; color: #fff; }

<h2>Status Information</h2>

Re: how to format a heading using CSS

maverickhyd — Sat, 04 Jul 2009 20:26:26 GMT

Hi,

Its simple

create a style sheet and add heading class and use it where ever u required

check this article

http://www.w3schools.com/Css/css_syntax.asp

Re: how to format a heading using CSS

asifakhtar — Sat, 04 Jul 2009 19:47:42 GMT

Thank you for your help but I was lookign for something like the below:

Code:
.heading {background-color:#006666; font-family: 'Arial Black'; height: 6px; font-size: small;color: #ffffff}and then change your five headings to look like:

Code:
<td>Status Information</td>

Again Thank you.

Re: how to format a heading using CSS

srinivaskotra — Sat, 04 Jul 2009 18:40:08 GMT

Hi,

use like this.

form id="form1" runat="server">
<div>
<table style="width: 315px; height: 137px">
<tr>
<td style="width: 3px">
some text here </td>
</tr>
<tr>
<td style="width: 3px">
</td>
</tr>
<tr>
<td style="width: 3px">
</td>
</tr>
</table>
</div>
</form>

Thanks :)

how to format a heading using CSS

asifakhtar — Sat, 04 Jul 2009 17:57:04 GMT

Hi,

I have 5 forms and I want to apply these settings(background-color:#006666; font-family: 'Arial Black'; height: 6px; font-size: small;color: #ffffff) using css to a heading in all those 5 forms. How can I achieve this? I am using a separte CSS file.

My heading HTML is 1 form is

<td>Status Information</td>

Can someone please help me with that?

Thanks.