A Little Code Problem - Assistance Not Required Now

[• Ambrose •]

Forum URL: leestests.boards.net

I'm trying to place the Activity column as such;

Threads        |        Posts

Last Post By

I'm trying to keep their widths equal so that one doesn't span past the other. I thought using inline-block would help but I must have placed it wrong... so I used float:left, and now the upper width's spanning a little. I also don't want them touching, so I'm not sure what to do about that.

{foreach $[board]}
{if !$[board.is_redirect]}
<tr id="$[board.content_id]" class="$[board.content_class]">
<!-- <td class="icon">$[board.icon]</td> -->
<td class="main clickable">
<span class="link">$[board]</span>{if $[board.num_viewing]}<span class="viewing"> - $[board.num_viewing] Viewing</span>{/if}<br />
<p class="description">$[board.description]</p>
<!-- {if $[board.num_mods]}
<p class="moderators">
Moderator{if $[board.num_mods] != 1}s{/if}:
{foreach $[board.moderator_group]}$[board.moderator_group.comma_before] $[board.moderator_group]{/foreach}{if $[board.moderator]}{if $[board.moderator_group]}, {/if}{/if}
{foreach $[board.moderator]}$[board.moderator]$[board.moderator.comma] {/foreach}
</p>
{/if}
{if $[board.sub_board]}
<p class="sub-boards">
Sub-board{if $[board.sub_board] != 1}s{/if}:
{foreach $[board.sub_board]}<a href="$[board.sub_board.href]">$[board.sub_board.name]</a>$[board.sub_board.comma] {/foreach}
</p>
{/if} -->
</td>
<!-- <td class="threads"></td>
<td class="posts"></td> -->
<td class="latest last">
<div align="center" style="background-color:#000000; width:100px; height:20px; float:left; line-height:20px; padding:5px;">{if $[board.threads] == -1}N/A{else}$[board.threads]{/if} Threads</div> <div align="center" style="background-color:#000000; width:100px; height:20px; float:left; line-height:20px; padding:5px;">{if $[board.posts] == -1}N/A{else}$[board.posts]{/if} Posts</div>
                       <br />
                       <div align="center" style="background-color:#000000; width:200px; height:50px; float:left; line-height:50px; padding:5px;">{if $[board.posts] > 0}
{if $[board.last_thread]}
$[board.last_thread.recent_link]<br />
by $[board.last_thread.last_post.created_by]<br />
<span class="date">$[board.last_thread.last_post.created_on]</span>
{/if}
{else}
No posts have been made on this board.
                           {/if}

[ᴘʀɪɴᴄᴇ ᴄᴜᴘɪᴅ]

hello, personally i would have just used two tables instead of divs, as they're easier to control the position of in grid-like situations (if you can handle having tables inside of tables). you might find using a structure like below a little easier. i've used two tables in it since the tables have to have equal columns on all rows, and i'm assuming you want last post by to span all the way across?

<table><tr>
<table><tr>
<td>## threads</td>
<td width="10px"></td>
<td>## posts</td>
</tr></table></tr>
<tr>last post by</tr></table>
all you'd need to do is specify the widths and heights of each td and it should work how you want it to. also, you'll notice the middle empty column, that is to create a space in-between the columns so they're not touching like you wanted :-) (ps. you can just put the existing divs inside of the tds to keep the styling etc, although you might want to remove the float:left etc.)

[Kami]

ᴘʀɪɴᴄᴇ ᴄᴜᴘɪᴅ - Sorry, but your HTML is incorrect. You cannot put text in a TR tag, it simply begins a new table row (hence, TR) and will not actually house content. It needs to be in a cell (TD) tag. I also wouldn't recommend using tables for this as divs are more flexible in terms of styling.

• Ambrose • - Assuming you mean on the board list ("Activity column" isn't a terminology that's prevalent on PB), the problem is that float left will float to the farthest left​ of the container it's in. I however cannot see the above coding anywhere on the site you've linked to, so I think you need to be more specific in directing helpers to where you're using this.

[• Ambrose •]

Mar 8, 2019 14:01:11 GMT -8 Kami said:

ᴘʀɪɴᴄᴇ ᴄᴜᴘɪᴅ - Sorry, but your HTML is incorrect. You cannot put text in a TR tag, it simply begins a new table row (hence, TR) and will not actually house content. It needs to be in a cell (TD) tag. I also wouldn't recommend using tables for this as divs are more flexible in terms of styling.

• Ambrose • - Assuming you mean on the board list ("Activity column" isn't a terminology that's prevalent on PB), the problem is that float left will float to the farthest left​ of the container it's in. I however cannot see the above coding anywhere on the site you've linked to, so I think you need to be more specific in directing helpers to where you're using this.

This was actually an old thread that should be deleted. I forgot it was here. My coadmin and I happened to like the new "accidental" layout the test forum is using now.

[ᴘʀɪɴᴄᴇ ᴄᴜᴘɪᴅ]

oops i forgot the td on the last one (still sleepy lol)

[Kami]

Mar 8, 2019 14:07:09 GMT -8 • Ambrose • said:

Mar 8, 2019 14:01:11 GMT -8 Kami said:

ᴘʀɪɴᴄᴇ ᴄᴜᴘɪᴅ - Sorry, but your HTML is incorrect. You cannot put text in a TR tag, it simply begins a new table row (hence, TR) and will not actually house content. It needs to be in a cell (TD) tag. I also wouldn't recommend using tables for this as divs are more flexible in terms of styling.

• Ambrose • - Assuming you mean on the board list ("Activity column" isn't a terminology that's prevalent on PB), the problem is that float left will float to the farthest left of the container it's in. I however cannot see the above coding anywhere on the site you've linked to, so I think you need to be more specific in directing helpers to where you're using this.

This was actually an old thread that should be deleted. I forgot it was here. My coadmin and I happened to like the new "accidental" layout the test forum is using now.

Oh, okay! It might be helpful for future thread browsers / the staff if you changed your thread title to reflect that assistance in your OP is no longer needed (or you can PM a staff member to ask them to add a label for you).