article doesn't fit into the appropriate forms

dreamer · 2008-04-02 05:02:14

At this site here; http://www.lifebuilderschristiancenter.org/ , you’ll see the upcoming events box on the sidebar with the text,

March 2008
LBCC Marriage Retreat

This text should be within the white area but it isn’t and I’m not sure why. I checked my forms and pages but not quite sure what the problem is.

My page for this section looks like this;

<div class="events">
	<h2 class="events">Upcoming Events</h2>
	<txp:article_custom category="Upcoming-Events" limit="100" pgonly="0" time="future" form="Upcoming Events" sort="Posted asc" />
	</div>

While my form, “upcoming events” looks like this;

<p class="introbox" style="padding-bottom:4px; font-size:.9em; font-weight:bold;"><txp:title /></p>
<p class="introbox" style="padding-bottom:8px; padding-top:0px; text-decoration:underline;">When: <txp:posted /></p>
<p class="introbox" style="padding-top:0px;"><txp:body /></p>

Any ideas? I know it’s going to be so simple once it’s spotted but can’t make sense of it myself.

ultramega · 2008-04-02 07:02:18

Check your p-tags here:

March 2008 
LBCC Marriage Retreat

…Personally I prefer as less as possible inline styles and unnecessary classes; you could simplify your code in that block using one div, say “id=events”, so you could use in stylesheet “#events h2”, “#events p” to create same effects with little lesser code :)

Last edited by ultramega (2008-04-02 07:33:17)

dreamer · 2008-04-02 19:17:55

thanks for the tip. I managed to clean up the divs and just use an id as you mentioned.

however, it does seem like there is something within txp that breaks this because if you go back and look, the problem still persist.

My textile for that content is;

* "LBCC Marriage Retreat":http://www.yahoo.com

However, if I was to omit the asterisk and just use;

"LBCC Marriage Retreat":http://www.yahoo.com

then the text won’t break at all and will fall into the white space.

els · 2008-04-02 21:23:15

You can add the background-color to #events instead of #events p, and modify padding and margins a bit to achieve what you want.
Also, you now have <ul> inside , which is probably somewhere in your form.

thebombsite · 2008-04-02 23:16:23

With Textile an “*” at the beginning of a line denotes an unordered list. Did you want this?

dreamer · 2008-04-02 23:20:15

yes, i do. or at the least, i’d like that option. so i didn’t understand why the asterisk was breaking the code. who knows what else may not be compatible with the textile format if this is the case.

thebombsite · 2008-04-02 23:42:30

I think the ul is over-riding the p. Could you remove that p class="eventbody" tag and apply the background to #events ul instead?

dreamer · 2008-04-03 00:07:18

I took Els’ recommendation. So I took;

background-color: #ffffff;

and applied it to #events instead of #events p

I stripped away <txp:body /> from the “upcoming events” form and just make it;

<txp:body />

and just tidy up the sidebar ul a bit to look like;

#sidebar ul {
	margin-left: 20px;
	margin-top:5px;
	font-size: .9em;
	}

so everything looks fine. ..for now :)

Thx!

Textpattern CMS

Textpattern CMS support forum

#1 2008-04-02 05:02:14

article doesn't fit into the appropriate forms

#2 2008-04-02 07:02:18

Re: article doesn't fit into the appropriate forms

#3 2008-04-02 19:17:55

Re: article doesn't fit into the appropriate forms

#4 2008-04-02 21:23:15

Re: article doesn't fit into the appropriate forms

#5 2008-04-02 23:16:23

Re: article doesn't fit into the appropriate forms

#6 2008-04-02 23:20:15

Re: article doesn't fit into the appropriate forms

#7 2008-04-02 23:42:30

Re: article doesn't fit into the appropriate forms

#8 2008-04-03 00:07:18

Re: article doesn't fit into the appropriate forms

Board footer