92Views14Replies

Author Options:

Bold text <p><strong> bold text </strong></p> not displaying in chrome and mozilla? Answered

For some reason all "bolded" sub-headings in my articles are not displaying in bold highlight. The html code looks okay?

I have tried two different browsers with same result. Changing the source code to <p><b>bold text</b></p> doesn't work either.

Does anyone else have this problem?

Tags:bugs

15 Replies

user
audreyobscura (author)2018-01-25

May I inquire which OS you are using?

Select as Best AnswerUndo Best Answer

user
lingib (author)audreyobscura2018-01-26

Windows 10 Home
Version 1709
OS Build 16299.192

I don't think the problem is with the operating system as I can overide the effect using inline CSS

Select as Best AnswerUndo Best Answer

user
audreyobscura (author)lingib2018-01-26

Uff, that's not what I meant to ask, I typed OS but meant browser...D'oh!

Thanks for helping us isolate this issue!

Select as Best AnswerUndo Best Answer

user
lingib (author)audreyobscura2018-01-26

Windows 10 Home
Version 1709
OS Build 16299.192

Inline code fixes the problem which points to a setting in the CSS file.

Select as Best AnswerUndo Best Answer

user
seandogue (author)2018-01-25
if the b tag doesn't work, try

your text



I never really used strong.

I've had no issues using either direct insertion (my "try" suggestion) or the b tag in either Chrome or FF

Select as Best AnswerUndo Best Answer

user
seandogue (author)seandogue2018-01-25

erm I was trying to say (put the appropriate brackets around it)

(p style="font-weight:bold;")your text(/p)

Select as Best AnswerUndo Best Answer

user
lingib (author)seandogue2018-01-25
Thank you :)

your text

works a treat.!!!

The "bold" button in the instructables editor surrounds all highlighted text with . Guess I'll have to resort to inline code until this issue is fixed.

Select as Best AnswerUndo Best Answer

user
seandogue (author)lingib2018-01-25

you can always add a css statement at the beginning of your doc, and then reference it with custom classes or apply via id, eg (I'm using parentheses to avoid forcing a behavior in the brower)

(style type="text/css")
input[type="checkbox {scale:1;max-width:20px;max-height:20px;}
.show_disclaimer {color:white;border:1px solid transparent;}
.show_disclaimer:hover {color:#cf0;border:1px solid #cf0;}
button.foo { color:red;background:balck;font-weight:bold;font-style:italic;}
(/style)

or something like that.

one then references them like this (again parenthesis for presenting ti to you instead of forcing behavior

(div class"show_disclaimer") some stuff (/div)

etc

Select as Best AnswerUndo Best Answer

user
lingib (author)seandogue2018-01-26

Windows 10 Home
Version 1709
OS Build 16299.192

Inline code fixes the problem which points to a setting in their CSS file.

Select as Best AnswerUndo Best Answer

user
lingib (author)lingib2018-01-26

Sorry ... this was an ooops :(

A good case for having a delete button in the comments

Select as Best AnswerUndo Best Answer

user
lingib (author)seandogue2018-01-26

Brilliant ...

I edited one article last night using an inline style as suggested and it worked well ... but pretty painful looking though the html.

Fortunately you only have to CTRL-V the code into each {p} tag and delete the {strong} tags. This approach looks so much easier.

Thanks for for coming to my rescue :)

Select as Best AnswerUndo Best Answer

user
MillennialDIYer (author)2018-01-25

Same here. Glad I'm not the only one.

Select as Best AnswerUndo Best Answer

user
Yonatan24 (author)2018-01-25

Yup, I noticed that it doesn't work too. Haven't tried any browsers other than Chrome.

Select as Best AnswerUndo Best Answer

user
lingib (author)2018-01-24

If I paste the instructables source code into a local test page the contents display correctly.

The correct code is there when I use the web developer's toolbox in mozilla which points to the CSS file overiding the highlighting ;(

Select as Best AnswerUndo Best Answer