vb.org Archive - Make signature fall below image wrap

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)

- - Make signature fall below image wrap (https://vborg.vbsupport.ru/showthread.php?t=72568)

Make signature fall below image wrap

I am using a custom vBCode for image wrapping (text falls to right of image beginning at top edge of image), but it is effecting how the signature displays below the image. If the message text is not long enough to go to the bottom edge of the image, the signature falls to the right of the image as if it were part of the message.

I thought I could keep this from happening with different code for the signature area. This is the code I am using now:

Code:

<!-- sig -->

                        <div style="padding:$stylevar[cellpadding]px">

                        <fieldset class="fieldset">

<legend style="font-size: 11px;">sig</legend>

                        <br />

                        $post[signature]

                        </fieldset>

                        </div>

                <!-- / sig -->

Although I really like the look of the signature area now (example: http://forums.themadmodder.com/showthread.php?t=48), it did not have the desired result. Is there some additional or different code I can add to the signature code that will ensure that the signature falls at the bottom of the message, below any image there.

Thank you for any assistance.

Geez, I can't believe no one knows how to do this. Or maybe it's just the way I'm holdin' my face.

hrmph!

original code:

Code:

                <!-- sig -->

                        <div style="padding:$stylevar[cellpadding]px">

                        <fieldset class="fieldset">

<legend style="font-size: 11px;">sig</legend>

                        <br />

                        $post[signature]

                        </fieldset>

                        </div>

                <!-- / sig -->

Modified code:

Code:

                <!-- sig -->

                        <div style="clear:both;padding:$stylevar[cellpadding]px">

                        <fieldset class="fieldset">

<legend style="font-size: 11px;">sig</legend>

                        <br />

                        $post[signature]

                        </fieldset>

                        </div>

                <!-- / sig -->

OMG ... oh my god ... oh - my - GOD. That's IT! You did it! And it was just a simple addition of "clear:both" to the DIV. Thank you SO much. It's perfect.

Please, can you tell me what "clear:both" means or does?

Thank you again. I appreciate you providing a solution to that vexing problem.

Jim

NP @ all...

It's a CSS property that is the "antonym" of float... style="float: left" and style="float: right" on an object will cause that object to have the remaining content adjacent to it wrap around it. style="clear: left" will not permit a float'ed object to appear to its left, and style="clear: right" will behave similarly but on the opposite side: style="clear: both" will ensure that the object itself will have no items to the left or right in its current HTML context.

My explanation would be curiously garbled, as it's both late and the ned of a very very long week, so I hope it's cool to point you to a resource I think you will find useful?

Check out the Learn CSS1 and Learn CSS2 sections over @ www.w3schools.com: enlightening...

Thanks, Natch. Thank you for the additional info and the link so I can learn more.

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (3)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (6)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01086 seconds Memory Usage 1,729KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (3)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (6)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: