Topic: Text Spacing

I'm trying to edit a small box of text - if I don't press return, the text just runs on past the area.  If I press return, I then get a blank line before the next one. ie

line 1

line 2

any idea how I can stop this happening? I've change the carriage return from paragraph, but still the same.

Thanks in advance.

Re: Text Spacing

Hi Karen, could you let us know the URL of the page this is happening on and if there are multiple editable areas, which one. Thanks.

Re: Text Spacing

Hi, thanks for the quick reply.  The sites not finished yet, but its www.mpscarsalestyneside.co.uk, I've just been trying to get it sorted before I have to let someone edit it.  It's happening in the all car ad boxes, the owner wants to be able to ad pics and info of the cars.  The pics are fine, but the problem is when typing in the "details" section.  Thanks again, Karen.

Re: Text Spacing

Hi Karen, I've just taken a look at the site and it's a CSS issue on your website that is causing the extra spacing. In particular this bit of CSS:

.xr_tl
{
    position: absolute;
    unicode-bidi: bidi-override;
    white-space: pre;
}

That is located in xr_main.css around line 10.

It's the white-space: pre; that causes the extra spacing because the "pre" value preserves both spaces and line breaks that are in the underlying HTML.

I am using Mozilla Firefox and have the Firebug addon installed - this allows me to inspect elements on a web page and look at the CSS properties. It also allows me to turn on/off properties and the change will apply on the page. It is very helpful for developing websites.

When I turned off that line it resolved the spacing issue but then you have another problem - the position: absolute; line then messes up the positioning of elements on the page. So if you turn off that line it then formats the page better but you still have some spacing issues, so you will need to assign some widths to certain areas to correct them then it should all be ok.

I hope this information helps.

Re: Text Spacing

Hi Simon, thanks once again for the quick and comprehensive reply.
I'm using Xara to build the site, so I'm not too sure how I would go about assigning the widths.  I've found a work around is to make the boxes with 5 lines of description and mark them individually as editable, altho this looks a bit fiddly to click on for the inexperienced editor, but it seems to be the only feasible way. (i've done this on the first two boxes so you can see). If you think of anything else simple, give me a shout!!

Thanks, Karen


update!! it's okay, I've sussed it... instead of defining the boxes as text areas, I just define them as html areas, and this allows the text editing to work fine.

Thanks again, impressed with the support area here.
Regards, Karen

Last edited by Karen2 (01 Feb 2012 14:35:05)