I know this is probably a CSS problem, but I just thought someone here
might understand what's going horribly wrong for me;
I'm trying to get a set of users and their respective photos to list
horizontally till the page can't fit anymore and then drop down to the
next line and continue listing. I thought this was achieved with
display: inline; but that doesn't work.
my def for index.dryml is:
<def tag="index-page" for="User">
<page merge title="Users">
<body: class="index-page user" param/>
<content: param>
<header param="content-header">
<h2 param="heading">Users</h2>
<p param="count" if>There <count prefix="are"/></p>
</header>
<section param="content-body">
<!-- <a action="new" to="&model" param="new-link"/> -->
<page-nav param="top-page-nav"/>
<collection param/>
<page-nav param="bottom-page-nav"/>
</section>
</content:>
</page>
</def>
so the users are called in a collection. This means I should look at
the card to figure out what's goin on, so here's my card:
<def tag="card" for="User">
<card class="user" param="default" merge>
<body:>
<%= image_tag this.photo.url(:small) %>
<h5><a><name/></a></h5>
</body:>
</card>
</def>
I double checked with firefox's CSSviewer tool to figure out in what
all these "bodies" would be shown. Turns out they're in main, so i
added display: inline; to the definition for main in application.css
but there is no change is the display. I also tried modifying heading
and body, but no luck.
Any ideas?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Hobo
Users" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/hobousers?hl=en
-~----------~----~----~----~------~----~------~--~---
