Using Strong or ... in CSS

liunx

Guest
Have done much research on this and still not having much luck!

Simply said...

I have in my style.css

P {
font-size: 12px;
color : #666666;
font-family : Verdana;
}

Now when creating my text if I happen to bold or strong something it DOES NOT take on these characteristics.

I have added to my style.css

strong {

font-weight: bold;

}

and have tried

p.strong {

font-weight: bold;

}

But neither works!

How do I get strong or bolded text to maintain what I have in the p tag as well as maintain the bold I put on the text?

Much thanks!does this work for you?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
<!--
p.bold{
font-weight: bold;
}
-->
</style>
</head>
<body>
<p class="bold">Bold</p>
</body>
</html>Thanks, but no go!

Seems much to simple to not be able to do this! ;)This must work; it's the default weight for strong
strong {
font-weight: bold;
}
Maybe you are confusing elements with class names.Maybe I can make it more clear... yes, the text DOES BOLD, however it does NOT take on the characteristics of the p that it sits within...

So my font is no longer font-family: Verdana

It appears to be arial or something, but I want Verdana. How do I establish text within a <p> tag that is bolded to remain Verdana via the linked styles.css that is defined in the p below

P {
font-size: 12px;
color : #666666;
font-family : Verdana;
}

Now when creating my text if I happen to bold or strong something it DOES NOT take on these characteristics ABOVE.

I have added to my style.css

strong {

font-weight: bold;

}and what if you set it to verdana in both elements?This is what I have... still doesn't work!

strong {
font-weight: bold;
font-size: 12px;
color : #666666;
font-family : Verdana;

}



P {

font-size: 12px;
color : #666666;
font-family : Verdana;
}does this work for you, it does for me

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
<!--
p{
font-size: 12px;
color : #666666;
font-family : Verdana;
}
-->
</style>
</head>
<body>
<p>this is bold and <strong>strong</strong></p>
</body>
</html>
 
Back
Top