Paid theme not rendering correctly - Any HTML/ CSS wizards willing to help?
Permalink 1 user found helpful
Hey all. Bought the Minified theme and installed here:http://miles.canvasdreams.com/~natturas...
Next is randomly not line-breaking to fight into its divs, as seen by the "Falalala" on the home page. Developer has refused to look into the matter outright. I'm started to wonder if it's a bug in C5, as it doesn't happen when I throw in a fresh copy of "Lorem ipsum...". The html is just <p>Falalalala Falalala... </p> in a single paragraph element.
Renders identically on Chrome, Safari, FF for Mac and Chrome/ IE 7 & 8 for XP...
Running C5 5.5.1, PHP 5.2.17, newest Minified, all browsers are up-to-date.
Any thoughts? Thanks!
Joel
Next is randomly not line-breaking to fight into its divs, as seen by the "Falalala" on the home page. Developer has refused to look into the matter outright. I'm started to wonder if it's a bug in C5, as it doesn't happen when I throw in a fresh copy of "Lorem ipsum...". The html is just <p>Falalalala Falalala... </p> in a single paragraph element.
Renders identically on Chrome, Safari, FF for Mac and Chrome/ IE 7 & 8 for XP...
Running C5 5.5.1, PHP 5.2.17, newest Minified, all browsers are up-to-date.
Any thoughts? Thanks!
Joel
This text was simply inserted into a content block. I tried copying and pasting it in, as well as typing it out. Again, the HTML is normal looking...
Usually simple text within a block will automatically line-break (<br/>), wrapping the content to the width of the container. This text does not, for no apparent reason. In fact, there is a placement of 'Lorem ipsum' above it to the right, titled "Blurb 3... " which returns fine!
Someone else having the same problem:http://www.concrete5.org/community/forums/themes/minified-theme-con...
<p>Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal </p>
Usually simple text within a block will automatically line-break (<br/>), wrapping the content to the width of the container. This text does not, for no apparent reason. In fact, there is a placement of 'Lorem ipsum' above it to the right, titled "Blurb 3... " which returns fine!
Someone else having the same problem:http://www.concrete5.org/community/forums/themes/minified-theme-con...
> I tried copying and pasting it in, as well as typing it out.
Are you sure you tried typing it in? I ask because what appears to be a space between the "Fallalalalal" text is in fact NOT a space but rather a non-printable entity with a character code of 160. Somehow you got a gremlin in your mark-up. See a related discussion here...
http://www.concrete5.org/community/forums/customizing_c5/empty-text...
(It has nothing to do with non-breaking spaces as far as I can tell.)
-Steve
Are you sure you tried typing it in? I ask because what appears to be a space between the "Fallalalalal" text is in fact NOT a space but rather a non-printable entity with a character code of 160. Somehow you got a gremlin in your mark-up. See a related discussion here...
http://www.concrete5.org/community/forums/customizing_c5/empty-text...
(It has nothing to do with non-breaking spaces as far as I can tell.)
-Steve
Hey Shotster,
Thanks for the reply! I read that thread and it makes sense that a string without any spaces, having a non-breaking space 'character' (or "gremlin" :P), would keep the words from being broken like separate words, as they would be a single word...
I edited the content block and pasted in some text that was first pasted into a text file that was in plain text... losing any markup/ gremlins. The spaces work as spaces now. :)
My issue through this whole thing is that:
a) The gremlins were NOT visible in the HTML-mode of the regular content block wysiwyg editor.
b) The gremlins were NOT visible in the HTML of Safari's web inspector (5.1.3).
@everyone: I am guessing you saw these by viewing source? That is one thing, come to think of it, I didn't think to look at... I guess I figured the element inspector wouldn't show something different... :\
Anyway, things are formatting normally. :)
Ty!
Joel
Thanks for the reply! I read that thread and it makes sense that a string without any spaces, having a non-breaking space 'character' (or "gremlin" :P), would keep the words from being broken like separate words, as they would be a single word...
I edited the content block and pasted in some text that was first pasted into a text file that was in plain text... losing any markup/ gremlins. The spaces work as spaces now. :)
My issue through this whole thing is that:
a) The gremlins were NOT visible in the HTML-mode of the regular content block wysiwyg editor.
b) The gremlins were NOT visible in the HTML of Safari's web inspector (5.1.3).
@everyone: I am guessing you saw these by viewing source? That is one thing, come to think of it, I didn't think to look at... I guess I figured the element inspector wouldn't show something different... :\
Anyway, things are formatting normally. :)
Ty!
Joel
Yeah, by "non-breaking space'" I meant the HTML encoded entity (i.e. ampersand + "nbsp" + semicolon). A little research reveals that 160 is indeed the unicode for a non-breaking space. In my browser, the HTML encoded entities were not visible in the page source. They seem to have somehow gotten converted to unicode (probably during the copy/paste process). Therefore, I guess in one sense they weren't (strictly speaking) "gremlins".
Glad you got it resolved,
-Steve
Glad you got it resolved,
-Steve
Thanks again! Your answer and some clarification from others really helped out. Thank you for your time guy.
Joel
Joel
Guy Thomas is right.
Your Falalalala text is showing in the code as:
Where as the Lorem Ipsum text is showing normal spaces.
Try deleting all the content in that area and starting again, or make sure you have paste as plain text selected. What happens if you try and do the same in a different area?
Your Falalalala text is showing in the code as:
<p>Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal Fallalalalal </p>
Where as the Lorem Ipsum text is showing normal spaces.
Try deleting all the content in that area and starting again, or make sure you have paste as plain text selected. What happens if you try and do the same in a different area?
ooops: that inserted code is stripping out the "ampersand non-breaking space;" parts inbetween the falalala words (look at your page using firebug in firefox)
-Guy