vb.org Archive - how do i center three images

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

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

- - how do i center three images (https://vborg.vbsupport.ru/showthread.php?t=205412)

Chimpie

02-15-2009 03:31 AM

how do i center three images

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

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

02-15-2009 12:24 PM

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

vbplusme

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

02-15-2009 12:44 PM

Quote:

Originally Posted by Chimpie (Post 1744790)

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.. :D

Chimpie

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.

All times are GMT. The time now is 12:23 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.00978 seconds Memory Usage 1,737KB 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 (2)bbcode_code_printable (4)bbcode_html_printable (1)bbcode_quote_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: