new problem, cannot BOLD the font

**s00263668** · 07-31-2006, 02:22 AM

This is my code in HTML

Code:

<table class="tblStyle"><tr><td>
<b>text in bold</b> text in normal
</td></tr></table>

And this is my code in css style sheet

Code:

.tblStyle{
font: 10 arial;
}

the effect i expect was: text in bold text in normal
but, at the end the effect is: text in bold text in normal

it looks like css style sheet has corrupt the display. can someone tell me how to solve this?

**mburt** · 07-31-2006, 02:32 AM

I just tested this, and it does work. I don't see what the problem is

**Twey** · 07-31-2006, 02:47 AM

Code:

.tblStyle{
font: 10 arial;
}

10 what? 10 pixels high? 10 ems? 10%? 10 miles?
Also, you should always specify a generic font in case the user doesn't have that font.

Code:

.tblStyle{
  font: 110% Arial serif;
}

.tblStyle b {
  font-weight: bold;
}

**mburt** · 07-31-2006, 02:48 AM

I don't think he/she wants the whole thing to be bold.

**Twey** · 07-31-2006, 03:04 AM

I'm sure s/he doesn't. I suspect s/he wants the <b> element to be bold, as I've specified in that style.

**mburt** · 07-31-2006, 03:10 AM

Oh, right.. its 2:00 in the morning, im half asleep right now, and i'm missing details.

**Twey** · 07-31-2006, 03:13 AM

04:12 here

**s00263668** · 08-01-2006, 09:25 AM

Originally Posted by Twey

I'm sure s/he doesn't. I suspect s/he wants the <b> element to be bold, as I've specified in that style.

you're right, i don't want the whole element to be bold

**mburt** · 08-01-2006, 03:42 PM

Yeah, but he set the bold html element, (in the css) to be bold, regardless of what the class does to it.

Ex

You make a class, for div.

Code:

<style type="text/css">
.blah {
font:12px arial
}
</style>
</head>
<body>
<div class="blah">Test</div>

but, you can also define element properties in the style sheets

Code:

.blah b {
font-weight:bold
}

Thread: new problem, cannot BOLD the font

Thread Tools

Search Thread

new problem, cannot BOLD the font

Bookmarks

Bookmarks

Posting Permissions