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

1 Attachment

joelhansen
 
guythomas replied on at Permalink Best Answer Reply
guythomas
(and)nbsp;  is just that, a non breaking space. You need a break to separate the lines, and fit into the div. How was this content loaded? The content block?

-Guy
joelhansen replied on at Permalink Reply
joelhansen
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...

<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...
Shotster replied on at Permalink Reply
Shotster
> 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
joelhansen replied on at Permalink Reply
joelhansen
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
Shotster replied on at Permalink Reply
Shotster
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
joelhansen replied on at Permalink Reply
joelhansen
Thanks again! Your answer and some clarification from others really helped out. Thank you for your time guy.

Joel
jjcdesign replied on at Permalink Reply
Guy Thomas is right.

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?
jjcdesign replied on at Permalink Reply
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)