vb.org Archive - 2 images for banner?

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

- Style and Graphics Requests (Unpaid) (https://vborg.vbsupport.ru/forumdisplay.php?f=226)

- - 2 images for banner? (https://vborg.vbsupport.ru/showthread.php?t=282850)

DAMINK

05-13-2012 06:00 AM

2 images for banner?

Running vb 4.1.12
May be a silly question but i was wondering is it possible to have 2 images for your banner.
One left justified and one right justified allowing the forum to change width?
I know its possible and perhaps in some themes already however i have a default theme created in the style generator and want to incorporate this.
Any advice or direction would be appreciated.

Would it be as simple as just editing the head code to something like below?

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td width="300px"><div align="left"><img src="/images/left.jpg"></div></td>

    <td width="100%">&nbsp;</td>

    <td width="300px"><div align="right"><img src="/images/right.jpg"></div></td>

  </tr>

</table>

RobbieZ

05-13-2012 07:52 AM

Have you tested your code to see if it works?

DAMINK

05-13-2012 08:02 AM

No i have not tried it.
I thought i would ask to see if this was the correct method or there was a more appropriate way to do it before applying changes like that.
I have not actually created the images required to do this yet.

LifesGreatestGift

05-13-2012 07:22 PM

Quote:

Originally Posted by DAMINK (Post 2328919)

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td width="300px"><div align="left"><img src="/images/left.jpg"></div></td>

    <td width="100%">&nbsp;</td>

    <td width="300px"><div align="right"><img src="/images/right.jpg"></div></td>

  </tr>

</table>

This would be more appropriate.
This is a basic setup, depending on the situation and placement and surrounding elements attributes may need to be changed.

Code:

<div style="width:100%;">

    <div style="float:left;">

        <img src="./images/left.png" alt="" />

    </div>

    <div style="float:right;">

        <img src="./images/right.png" alt="" />

    </div>

</div>

example

http://jsfiddle.net/3ZVjm/

DAMINK

05-14-2012 02:19 AM

Worked perfectly mate.
Well a few modifications to that code and to the document setup but now its just how i like it.
Thanks for your help.

--------------- Added [DATE]1336967199[/DATE] at [TIME]1336967199[/TIME] ---------------

Spoke to soon.
Seems it works perfectly in Firefox but not in Internet explorer.
In IE the right image breaks out of the max attributes set by the forum where FF does not.
I have the below settings currently.

Document Width = 90%
Document Minimum Width = 900px
Document Maximum Width = 1200px

With the below for the banner code.

Code:

<div style="width:100%;">

    <div style="float:left; width: 400px;">

        <a href="/test"><img src="./images/left.png" alt="xxx" /></a>

    </div>

    <div style="float:right; width: 200px;">

        <img src="./images/right.png" alt="xxx" />

    </div>

Any ideas on how to sort it out so IE can show it correcly?

All times are GMT. The time now is 08:56 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.02604 seconds Memory Usage 1,724KB 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 (4)bbcode_code_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (5)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: