Skip navigation

Dreamweaver

Currently Being Moderated

how to unbold text in header

Aug 18, 2009 2:13 PM

http://prosol1.com/dreamweaver/index.html

i can't figure out how to turn off the bold on all of the text. i created a header 5 [smaller text size] and there's no setting to turn on or off the bold. but all of it is bold.

please advise.

5913 Views 9 Replies Latest reply: superchuckinator, Jun 1, 2012 10:19 PM

Replies

Currently Being Moderated

1. Zabeth69,

Aug 18, 2009 2:46 PM in reply to Michael Walton

Report

Header 5 (<h5>) is, by definition, a headline style. If you want to restyle it, you may, with CSS.

Possibly better for you to be using a paragraph style <p>, which you can also restyle, but which does not come with bold styling inherent.

Beth

|
Mark as:
Currently Being Moderated

2. garywpaul,

Aug 18, 2009 2:49 PM in reply to Zabeth69

Report

<h5 style="font-weight:normal;">

|
Mark as:
Currently Being Moderated

3. John Waller,

Aug 18, 2009 3:33 PM in reply to Michael Walton

Report

You could add font-weight:normal; to your H5 CSS rule.

But it would be better to use <p> tags in place of the <h5> since the text is more content than sub-heading.

|
Mark as:
Currently Being Moderated

4. Nadia-P,

Aug 18, 2009 8:18 PM in reply to Michael Walton

Report

Michael,
as others have said, you need to use the <p> tag for your content text, not heading tags.

Add the following to the other styles in the head of the document: This is giving a style to paragraph tags:

p {
    font-size: 12px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

and in your code change the <h5>s to <p>s like this:

<h3>Sidebar1 Content</h3>
<p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the left side of the #mainContent div if it will always contain more content.</p>
<p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien.</p>

Only use the <h1> <h2> <h3> etc for headings only. This is especially important from a SEO perspective as well. All content text should be within paragraph tags <p>

--
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
---------------------------------------------------------------------- ----
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
---------------------------------------------------------------------- ----
http://twitter.com/nadiap

|
Mark as:
Currently Being Moderated

5. Michael Walton,

Aug 19, 2009 6:02 AM in reply to Nadia-P

Report

Thanks to all for the help. The <p> code you sent to add to the CSS page worked.

One more question -- suppose I want to create another <p> style other than:

p {
    font-size: 12px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

How do I do this in CSS?

Thanks - Mike

|
Mark as:
Currently Being Moderated

6. garywpaul,

Aug 19, 2009 6:11 AM in reply to Michael Walton

Report

You can use a <span> tag to set style of selected text. So for example;

This text is set in the style called for in your CSS rule <span style="font-size:14px;">but this text is bigger.</span>

Gary

|
Mark as:
Currently Being Moderated

7. Zabeth69,

Aug 19, 2009 6:43 AM in reply to Michael Walton

Report

You can make specific paragraph styles for different parts of your page by making descendant selectors.

For instance, for the left sidebar text, you might have a div with an id of #leftsidebar (aka <div id="leftsidebar">)

Then you could make a style like this, which would take the general fontsize for p (which you might have defined as 12px) and make the new size 85% as large, as well as making the line-height more spaced out, at 120%. Technically, it would be 85% of the size of <p> in the parent div.
#leftsidebar p { font-size: 85%; line-height: 120%; }
For other content areas, you might have a div with an id of #maincontent. Then you could make a descendant style #maincontent p.

In each case, you would only need to invoke the <p> tag to get the style, as long as you have id'd the div.

This cleans up your surface code a great deal.

Beth

|
Mark as:
Currently Being Moderated

8. Michael Walton,

Aug 19, 2009 6:50 AM in reply to Zabeth69

Report

OK, thanks again to everyone for their help.

Mike

|
Mark as:
Currently Being Moderated

9. superchuckinator,

Jun 1, 2012 10:19 PM in reply to Michael Walton

Report

<h5 style="font-weight:normal;"> </h5>

|
Mark as: