Line Break, Image align & Linking to a newsticker issues

Random stuff about serendipity. Discussion, Questions, Paraphernalia.
Post Reply
adiekitachi
Posts: 4
Joined: Thu Aug 09, 2007 11:33 pm

Line Break, Image align & Linking to a newsticker issues

Post by adiekitachi »

Hi Guys

We've recently installed Serendipity and all is fine apart from a few bugs which are actually driving me insane.

These are the issues:

A) Failed line breaks in content

Please have a look at the link below, When I type in any content and hit retuen after a paragraph, the content looks fine in the 'edit entry panel'
but when I publish it and refresh the browser the the carriage returns just vanish and I can't find an explaination. I did find a way round it initially which was to 'toggle' html on the content and code in line break tags (<br>) which worked fine for a while but then these just started disappear too! This is something I really need to solve quickly as it's becoming a major hassle.

http://www.musflashtv.com/shows/index.p ... lkner.html

B) Aligning images

I have also found the when I ftp my first image, I can justify it it centrally no problam but if I go down a paragraph or two and insert another image, I can't align it centerally, it just won't work for some reason. I've managed to do by tabbing across but this takes some time and a lot of browser refreshing to get right unfortunately. Have anyone else come across this issue?

C) Newsticker text style Problems

If you take a look at the page below, you can see the site i'm design/ developing.

http://www.musflashtv.com/test.htm

You'll notice a horizontal scrollng newsticker on the left hand side, that feeds off live text from Serendipity headline articles. The sofware we've instaled on the server is Arsa's flash ticker. The problem here is that if you look at the 'footer' text below each article headline it is currently in black Times Roman Type and I need to change and have full control over it. I can see that it somehow feeds of the article entry page sub link, i.e.

"Continue reading "Newton Faulkner" as seen via the link bellow.

http://www.musflashtv.com/shows/index.p ... ustic-Folk

I have tried every means I can think of to rectify this issuse including style shhets on our host server but to no avail.

Any help here would be very much appreciated...


Thanks!

Adie :D
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Re: Line Break, Image align & Linking to a newsticker is

Post by garvinhicking »

Hi!
A) Failed line breaks in content
This is an issue of the used template. In your style.css file you ahve this:

Code: Select all

.serendipity_entry p {
	margin: 0px;
	padding-bottom: 0px; }
change that to:

.serendipity_entry p {
padding-bottom: 0px; }
[/code]

instead. This will re-add the margin that was set to "0px".
B) Aligning images
Your problem might be caused by floating and missing clearing. Can you show an example HTML code of your problem?

Inserting a <br style="clear: both" /> before you insert the next image might help.
C) Newsticker text style Problems
For this problem you will need to contact the developeers of Ara's flash ticker, it is purely a problem of the Flash applet.

Best regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
adiekitachi
Posts: 4
Joined: Thu Aug 09, 2007 11:33 pm

Post by adiekitachi »

instead. This will re-add the margin that was set to "0px".
Hey.. Thanks for your reply!

(Quote


This is an issue of the used template. In your style.css file you ahve this:

Code:

.serendipity_entry p {
margin: 0px;
padding-bottom: 0px; }



change that to:

.serendipity_entry p {
padding-bottom: 0px; }
[/code]

Do you know which style.css (sheet) I change, and it's location in the structure? There seems to be a few of them! Do I chage eyery one, i'e' one for each of our 'shows' (blogs)?


Quote:
B) Aligning images

Your problem might be caused by floating and missing clearing. Can you show an example HTML code of your problem?

Yes, here's a url to a blog for one of our shows:

http://www.musflashtv.com/shows/index.p ... l#extended


The first (top) image has been justified cenrally using the tool menu but the second, bottom one has been aligned using line beaks


Inserting a <br style="clear: both" /> before you insert the next image might help.

Perhaps, but I have to trian a whole team of producers to use the architecture and unfortunately they are't familiar enough with coding to do it that way.

Thanks very much.. it's real good of you :D[/url]
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post by garvinhicking »

Hi!

You need to change the style.css of the template you are using!

You should use http://www.validome.org to check the validity of your blog entry. It is full of font tags, duplicate p tags etc, it's a mess. :) You might need to turn on the HTML-sourcecodemode of your WYSIWYG editor to fix up this invalid HTML.

WYSWIYG editors sadly often turn up invalid HTML, especially when you move things around a lot. You might want to try a different HTML editor like TinyMCE, a s9y plugin exists for that.

Bestregards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
Post Reply