Bulletproof: Can't justify text?

[RJH]

I just realized I cant set justification of text when using the Bulletproof template. I set it to center justify or full justify and it just doesnt work. I use justify full for my comments on my blog and now it wont work.

Also when adding to the footer of an article you cant use html in Bulletproof, only standard text. I have several links in the footer of every article and cant use the built in Bulletproof features for that.

Is there a work around to any of these problems?

[Don Chambers]

I just realized I cant set justification of text when using the Bulletproof template. I set it to center justify or full justify and it just doesnt work. I use justify full for my comments on my blog and now it wont work.

This works - add it to your purple_style.css colorsheet, or your own personal derivative stylesheet.

Code: Select all

.serendipity_commentBody {
    text-align: justify;
}

Also when adding to the footer of an article you cant use html in Bulletproof, only standard text. I have several links in the footer of every article and cant use the built in Bulletproof features for that.

Is there a work around to any of these problems?

Can you give me an example of what you want to place in the footer?

[Don Chambers]

A little follow up on adding HTML links in the bp footer. As an example, I add this to the footer text box:

Code: Select all

<div id="user_foot_nav">
    <ul>
        <li><a href="http://board.s9y.org/">Serendipity Forums</a></li>
        <li><a href-"http://blog.s9y.org/">Serendipity Blog</a></li>
        <li><a href="http://spartacus.s9y.org/">S9y Plugins and Templates</a></li>
    </ul>
</div>

Then, to emulate the optional footer nav links (the ones that are built into bulletproof, and can appear at the bottom of the page), open style.css add this new id of user_foot_nav to the styles that which already exist, which when done, will look like this:

Code: Select all

/* optional nav links in the footer */
#user_foot_nav,
#footer_sitenav {
    clear: both;
    text-align: center;
    padding: 0 0 1em 0;
}

#user_foot_nav ul,
#footer_sitenav ul {
    list-style-type: none;
    display: inline;
}

#user_foot_nav li,
#footer_sitenav li {
    display: inline;
}

#user_foot_nav a,
#footer_sitenav a {
    padding: 0px 5px;
}

Works fine for me.....

[yellowled]

I just realized I cant set justification of text when using the Bulletproof template. I set it to center justify or full justify and it just doesnt work. I use justify full for my comments on my blog and now it wont work.

In addition to Don: I think you might need a text-align: justify!important;, but I haven't tried it. Anyway, I strongly suggest not to use it. As far as I know, it can cause problems in IE sometimes. (Yes, I also think it looks better. But it doesn't look better if it breaks the layout )

YL

[yellowled]

A little follow up on adding HTML links in the bp footer.

If I understand RJH right, he wants to add HTML to the entry footer, i.e. the little box holding number of trackbacks, number of comments etc. However, if that is true, I'm going to need a code example to understand what he's trying to do ...

YL

[Don Chambers]

You are correct YL - IE6 requires justify!important, but it does not seem to break the layout. I cannot seem to hit RJH's site right now, so I cannot really see what is going on. I tried to earlier, and it loaded REALLY slow, and now it does not load at all.

I too need some kind of example, as previously requested, to know what he wants.... so RJH - let us know!!!!

The example I provided was still a worthwhile exercise though just in case anyone else wants to do it. I might even throw a version of that post on the http://s9y-bulletproof.com/.

[yellowled]

You are correct YL - IE6 requires justify!important, but it does not seem to break the layout.

http://www.positioniseverything.net/exp ... ug-ie.html

Apparently, it's dangerous to combine justified text and italics, which is enough reason for me not to use justify. (I use italics quite frequently.)

YL

[Don Chambers]

I am also familiar with that combination italics/justify bug. Full justification was all the rage when word processing software first became popular. Afterall, it was something that could be done with a computer that was impossible with a typewriter (I'm showing my age here !!!! hehehe).

I do not personally use full justification for anything on a website.

Anyway, still waiting for RJH to let us know what sort of html useage he needs so we can investigate.

[RJH]

Ok I did a screenshot of the footer of an average article at my blog. On almost every post I start off with my opinion then add in the news story. My words are italicized and full justified. I leave the story however it came from the news site.

Yes I realize that centering and full justification arent used that much but it looks better balanced to me that way.

Also it doesnt have the horizontal blue bar, I just added that in to show what I have in the upper and lower html nuggets I use for the footer.

I change the javascript for the poll in the middle every few days and it works better at the bottom of the upper nugget than in the middle of a single nugget.

I added the arrows to show all the lines that are center justified. And in most of the other templates it works fine. I have seen a couple where the justification doesnt work in them either.



Also I added in the code for a Sitemeter stats widget and that didnt seem to work either unless it isnt supposed to be visible?

Sorry if I am making a lot of work for you guys. I really do like the template a lot though.

[JWalker]

Hi,

I didn't open new theme, because my question is very similar to this theme one's.
I use bulletproof/blue color set. How to set the text of the entries justified?

[yellowled]

Ok I did a screenshot of the footer of an average article at my blog.

Screenshots don't do a thing for me. I need code However, now I see what you want to do and how ...

I added the arrows to show all the lines that are center justified. And in most of the other templates it works fine. I have seen a couple where the justification doesnt work in them either.

I suppose it is because you're using <p align="center">, which is a deprecated HTML way of centering text. However, I suppose this is not code you actually entered. You're using some kind of WYSIWYG-Editor in s9y, right?

I suppose a quick fix would be to uncomment a line in style.css:

Code: Select all

p {
/*  text-align: left; */
}

Untested, but it might work. However, you need to find a better solution. I'd suggest to use this code:

Code: Select all

<p class="serendipity_center"> ... </p>

which of course means you'd have to edit the HTML output for every entry.

Also I added in the code for a Sitemeter stats widget and that didnt seem to work either unless it isnt supposed to be visible?

Need more info. How did you add what code to which file?

Sorry if I am making a lot of work for you guys. I really do like the template a lot though.

Tell you what: We're crazy. We don't see this as work, we see it as a challenge. We also think it's our duty to support BP users through this forum. We're truly insane

YL

[Don Chambers]

I have just returned from a 3-day weekend, so perhaps I do not fully understand the desired objective...

Do you want left justification, FULL justification, or center alignment?

You are using inline styles. No way for me to tell how they are generated, but they are there. As Yellowled mentioned, the centering method does not work.

If you want centering, you could add text-align: center, instead of your inline style of align: center. Is that all you need????

[RJH]

I have just returned from a 3-day weekend, so perhaps I do not fully understand the desired objective...

Do you want left justification, FULL justification, or center alignment?

You are using inline styles. No way for me to tell how they are generated, but they are there. As Yellowled mentioned, the centering method does not work.

If you want centering, you could add text-align: center, instead of your inline style of align: center. Is that all you need????

I am just using the WYSIWYG editor built into Serendipity to make posts, nothing else and it doesnt seem to make sense to me that it doesnt come out the same in Bulletproof. But if that is how it is then maybe that should be mentioned before people switch to using it. It was driving me crazy thinking it was something I had done.

I also post YouTube videos and have them centered as well, also just using the WYSIWYG editor. That doesnt work either. I have 247 pages with 1234 posts at my blog all set to a uniform style of posting and appearance. My comments are fully justified and italicized. Quoted stories are left justified and non italicized. Everything is 10 pt Verdana in gray except headlines which are 12 pt.

A couple posts up a guy says screenshots are useless to him and he wants code...well, just a guess but most bloggers are probably like me and clueless about the coding. Its like when I try to explain to a co-worker why our firewall at work wont let him send an executable attached to an email. He doesnt care about firewalls and doesnt want to hear explanations from a network guy like me. He just wants to know what he needs to do.

If Bulletproof wont do it then fine I will switch to another template. I just need to know that, its really not that big a deal.

[Don Chambers]

RJH - it is not a problem with bulletproof, nor serendipity.

Bulletproof is fairly thorough about defining rules in the stylesheets. Many themes/template are not quite so thorough.

Forget that for a moment. You are using the blue stylesheet. Open that stylesheet in your favorite text editor (/templates/bulletproof/blue_style.css)... scroll to the bottom of the file and add the following if you want CENTER alignment:

Code: Select all

.serendipity_entry p{
    text-align: center;
}

If you want full justification, then add this in lieu of above:

Code: Select all

.serendipity_entry p{
    text-align: justify !important;
}

Let us know if that does not produce the desired effect and we will keep working on this until you get what you want!!!

[yellowled]

I am just using the WYSIWYG editor built into Serendipity to make posts, nothing else and it doesnt seem to make sense to me that it doesnt come out the same in Bulletproof.

I am the guy who needs code , and this is what the WYSIWYG editor does: It 'wraps' the (XHTML) code needed around the text users type in that editor. However, this code isn't always, well, the most desirable one. BP is actually pretty 'modern' in terms of using XHTML and CSS compared to other (read: older) templates, which may be the reason why your usual workflow works better with older templates.

Everything is 10 pt Verdana in gray except headlines which are 12 pt.

Erm, hate to bug you, but pt is not a good choice for font-size because it can't be scaled in a certain browser (IE), meaning disabled visitors might not be able to read your posts.

A couple posts up a guy says screenshots are useless to him and he wants code...well, just a guess but most bloggers are probably like me and clueless about the coding.

I understand this, but I was just trying to get the information we might need to help you solve your problem (And by the way, as long as I have an URL to the blog in question, I'm good ) So let's see how Don's suggestion works out for you ...

YL