The Arcive of Official vBulletin Modifications Site.

Digital Jedi · #1 11-30-2008, 04:16 PM

I don't usually get stumped on these things, but I've looked too long at this now, and I'm probably not seeing the forest for the trees here.

I'm working on forumhome_forumbit_level2_post and trying to put a cap on the end of the table division. For the sake of making this easy to test what I'm doing, here's the compartive HTML:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hello</title>
<style type="text/css">
.alt2 { background:#2F3C46; padding:0 0 0 0; color:#000000 }
.forumhome_background { background:#2F3C46 url('DJs_ Bubbles/special/forumhome_background.gif') repeat-x top left;height:111px }
.forumhome_ender { background:#2F3C46 url('DJs_ Bubbles/special/forumhome_ender.gif'); height:111px;width:50px }
 
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="828px" style="height:111px;vertical-align:middle">
<tr>
 <td class="alt2"><img src="DJs_ Bubbles/statusicon/forum_old.gif" alt="" border="0" id="forum_statusicon_$forum[forumid]" /></td>
 <td class="alt2 forumhome_background" style="width:100%;">
<img src="DJs_ Bubbles/special/forumhome_ender.gif" border="0" alt="" style="float:right"/>
  <div class="smallfont"><b>$forum[title]</b></div>
  <div class="smallfont">$forum[description]</div>
  <div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div>
 </td>
</tr>
</table>
 
 </body>
</html>

There's all kinds of crap in there at this point, but what I'm trying to do is get is the image in red there to cap off the end of that TD. The problem is, it floats fine and caps it off perfectly, but the wrapping text insists on aligning to the top of the TD. I don't know if float in an image is valid or not, but I've tried putting it in a floating DIV as well. Pretty much anything floating in that container knocks out the vertical alignment. Obviously, vertical-align isn't going to do anything for me, so I'm lost on how I can force the content to stay middle.

I'll try anything at this point. I even tried a nested table, but that had it's own problems which should probably be left for another time.

Seven Skins · #2 11-30-2008, 10:08 PM

Can you make another table cell and put your image in that?
BTW. One <div> tag is missing in front of <strong>.

.

Digital Jedi · #3 12-01-2008, 02:52 AM

Not without trying to add a whole new column to the table it will be part of. Problematic and likely going into more templates then I'd like to edit. I'd like to keep it light.

Lynne · #4 12-01-2008, 03:01 AM

Try putting your image in a div tag or span tag and float that right.

Digital Jedi · #5 12-01-2008, 03:07 AM

I did, actually, try both, and even tried some random things like text or different images. It's the float that's pushing the text to the top. If there was some other way to put that image on the end. I can't use a background because I've already set that for something else.

Lynne · #6 12-01-2008, 03:17 AM

Did you also float the other divs in that column to the left at the same time?

Digital Jedi · #7 12-01-2008, 03:28 AM

Sure did. It doesn't seem to accept any changes to the alignment of the cell as long as that float is in there. I'm searching now to see if there are any alternatives to adding it in as a float, background or additional cell.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.03999 seconds Memory Usage 2,218KB Queries Executed 11 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)ad_showthread_firstpost (1)ad_showthread_firstpost_sig (1)ad_showthread_firstpost_start (1)bbcode_code (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (7)post_thanks_box (7)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (7)post_thanks_postbit_info (7)postbit (7)postbit_onlinestatus (7)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!