i'm modding (mauling) a theme. i'm trying to display the results of a 'list recent posts' plugin horizontally. i figured it'd be as simple as wrapping the plugin output in a list like 'echo '<li class="flo">';' and then use the magic of css to display 2 or 3 columns. i.e.
'li.flo {
width: 15em; /* width is changed */
margin: 0;
padding: 0;
list-style: none;
display:inline
}'
its not working. any ideas. check my testsite to see what i mean.
==edit== i want to display the recent posts in a width defined, 2 column list. i'm about to try tables (pray for me)
Then you're more looking for CSS columns, not horizontal. :) This will help a LOT:
http://www.communitymx.com/content/article.cfm?cid=27f87
Happy reading. I'd say don't pull your hair out, but well.... ;P
ok tech-lady (Andrea_R), 3 thangs:
1)i got it to work, thanks for the link. i'd seen it and tried before and given up. your pointing to it gave me the confidence to try it again. //touchy feely moment
2)since i'm mauling a hack of your plugin, i'd appreciate any further guidance you might wanna give out.
3)i've been bald on purpose since like 1989. though if i had any hair to pull out, i'd be all over my desktop.
thanks.
The HTML:
'
- Plugin output
- Plugin output
- Plugin output
- Plugin output
- Plugin output
The CSS:
ul {
float: left;
width: 12em;
margin: 0;
padding: 0;
list-style: none;
}
ol.flo{
float: left;
width: 22em;
margin: 0px 0px 0px 20px;
padding: 0;
list-style: none;
}'
The plugin output isn't being divied up evenly between the 2 columns. the current look outputs 6 in one column, 10 in the other.
Ideas?
Why you using ul *and* ol?
UL not showing up in the page render either.
Should those ols be lis? :)
And what up with that avatar and the shirtless wonder with the 8-pack?
And what up with that avatar and the shirtless wonder with the 8-pack?
my brother. he really loves himself. i can't wait till he turns 30 and gets all fluffy like i did. LOL.
UL not showing up in the page render either
grrr. I've been messing with this on and off for months.
What is it with little brothers? Sometimes I want to smack mine upside the head. And he's a foot taller than I am.
Anyway.
Page render says:
<div class="recentposts">
<li class="flo">recent posts...
there be the issue. I'd stick a ul right under that div, see what happens.
he thinks he looks like some R&B singer. I have a picture of him taking a picture of himself taking a picture of himself. that's right, nested photography - 3 cameras.
I've never gotten this 2 column thing to work properly. The plugin wraps each post in li tags. I need a way to display an even amount of posts in each column. maybe there's a way via php to tell the plugin to display the first 10 posts and then break into a new column.
or could i make it populate a 2X10 table?
Looked just now. The 5th one is floating left and hitting the bottom right side of the 3rd one which forces it to stay in the right column.
Mr. A