why is header text forced lower case
This problem first manifest itself in the Opera browser. I then loaded Firefox to check to see if the problem was specific to Opera, but it appears in Firefox as well.
I am building a web site www.gandsnut.net/elecprod/ using the current release of Joomla CMS (2.5.0). In that environment, one can specify top-of-page headers, logos, etc.
I wanted two lines of text to the left top of my home page. I want ['Nut's Electronic Specialties] (text inside brackets) and below it, I want [Clever gadgets, quality construction, interesting design!] (text inside brackets).
In Joomla, I configured the appropriate fields with the two text strings mentioned above -- keep in mind CASE is important.
In Firefox and Opera, what was displayed when browsing to the home page was the designated text, but all upper case letters had been made lower case.
At first I thought this was a problem with Joomla, and started submitting bug requests to their community.
Checking further, if I mouse click/drag across the two lines of text, and copy-paste that into a text file, the upper-case letters appear OK. In Firefox, using Tools -> Web Developer -> Page Source, and scan down to the text in question, it appears with the correct case!!!
Here's a copy/paste of the source:
<a href="/" title="Home">'Nut's Electronic Specialties</a>
Clever GaGeTs, quality construction, interesting design!
On the browsed page, the upper case letters are lower case.
HOW CAN THIS BE? How can what Firefox reports as page source for a web page show up differently ON the web page? Worse, how is it I can highlight/copy/paste a string of characters that all appear lower case, and when I paste them elsewhere, the case changes?
Please advise. Appreciated.
Chosen solution
The text is automatically converted to lower case because of a css rule that is applied to that text: #header H1 {text-transform:lowercase}
template.css line 26
http://www.gandsnut.net/elecprod/templates/art-blog-1.6/css/template.css
All Replies (2)
Chosen Solution
The text is automatically converted to lower case because of a css rule that is applied to that text: #header H1 {text-transform:lowercase}
template.css line 26
http://www.gandsnut.net/elecprod/templates/art-blog-1.6/css/template.css
Thank you. I am not so good with CSS yet, so I did not see that. SOLVED.