The Arcive of Official vBulletin Modifications Site.

Chimpie · #1 02-15-2009, 03:31 AM

I'm creating a module in vBa where three logos are going to placed. I want the three images to be spaced evenly from each other and the sides so that it looks like *space - logo- space - logo - space - logo - space* So far I have the following but I don't know what's missing.

Code:

<table align="center" border="0"><tr><td><div align="center"><img src="/files/bizlogos/arnoldpalmer.jpg" alt="alt" title="alt" /></div></td><td><div align="center"><img src="/files/bizlogos/ritas.jpg" alt="alt" title="alt" /></div></td><td><div align="center"><img src="/files/bizlogos/pologrill.jpg" alt="alt" title="alt" /></div></td></tr></table>

Vaupell · #2 02-15-2009, 08:22 AM

i would first make a CSS class and like this

Code:

.spacer {
	padding-right: 25px;
	padding-left: 25px;
}

Then in the table i would make the table like this

HTML Code:

<table align="center"><tr>
<td class="spacer"><img src="/1color[1].jpg" alt="" width="200" height="200" /></td>
<td class="spacer"><img src="/1color[1].jpg" alt="" width="200" height="200" /></td>
<td class="spacer"><img src="/1color[1].jpg" alt="" width="200" height="200" /></td>
</tr></table>

padding ajusted to how much space i need ofcourse.

Chimpie · #3 02-15-2009, 12:24 PM

I've never messed with CSS classes before. Where specifically would I enter that?

vbplusme · #4 02-15-2009, 12:34 PM

You can lose the table and do it too!

goes in Main CSS in the Additional CSS at the bottom of the page:

HTML Code:

.spacer {
	padding-right: 25px;
	padding-left: 25px;
}

Place where you want images to display:

HTML Code:

<div align="center">
<span class="spacer"><img src="/1color[1].jpg" alt="" width="200" height="200" /></span>
<span class="spacer"><img src="/1color[1].jpg" alt="" width="200" height="200" /></span>
<span class="spacer"><img src="/1color[1].jpg" alt="" width="200" height="200" /></span>
</div>

Vaupell · #5 02-15-2009, 12:44 PM

Quote:

Originally Posted by Chimpie

I've never messed with CSS classes before. Where specifically would I enter that?

is it on a html page you can do this between

HTML Code:

</head>
<style>
.spacer {
	padding-right: 25px;
	padding-left: 25px;
}
</style>
<body>

But then its ONLY on that page,
if its on vbulletin powered page, you can in your admincp goto styles and templates
click Go on your style, and way at the botton is a box named

Additional css.
where you just enter

.spacer {
padding-right: 25px;
padding-left: 25px;
}

and save, then its availible on all vb pages. Might want to change the name
.space is common might be dublicated with a mod or something other..

Chimpie · #6 02-15-2009, 12:55 PM

Thanks, I'll give it a try in a little bit.

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

Worked perfectly. Thanks.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04135 seconds Memory Usage 2,209KB Queries Executed 13 (?)
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 (2)bbcode_code (4)bbcode_html (1)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (6)post_thanks_box (6)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (6)post_thanks_postbit_info (6)postbit (6)postbit_onlinestatus (6)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!