XF 1.4 Three image in a row centered

BassMan · Aug 9, 2014

Hi!

I've created a page where I put in 3 images. I'm trying with css to put them in one line (I've done that), but don't know how to center them on forum width.

I hope someone can help me.

Thank you.

Paul B · Aug 9, 2014

Is this a thread or a page node?

If it's a page node, there are various ways to do it, depending on what you have at the moment.
Do you have a link?

BassMan · Aug 9, 2014

It's a page node. Link sent to convo.

BassMan · Aug 11, 2014

Still stuck on same place. Here's what I have now:

Code:

<html>
<body>
<style type="text/css">
.contain {
max-width:1000px;
text-align:center;
}

.element {
position:relative;
display: inline-block;
float:left;
padding:10px;
}
</style>
<div align="center" class="element">
<li class="navTab PopupClosed"><a href="{xen:link misc/contact}" class="navLink OverlayTrigger" data-cacheOverlay="true"><img src="/styles/default/xenforo/icons/****.png" alt="****"></a></li>
</div>
<div align="center" class="element">
<a href="****"><img src="/styles/default/xenforo/icons/****.png" alt="****"></a>
</div>
<div align="center" class="element">
<a href="****"><img src="/styles/default/xenforo/icons/****.png" alt="****"></a>
</div>
</body>
</html>

Those 3 images are in one line, but aren't centered. Trying various things, but I don't know how to go further. If anyone is willing to provide some help I would be very grateful.

Paul B · Aug 12, 2014

Add a width to the element class.
Something like 323px works.

BassMan · Aug 12, 2014

Thanks, Borgan. Works like a charm. Could not recall the width...

XF 1.4 Three image in a row centered

BassMan

Well-known member

Paul B

XenForo moderator

BassMan

Well-known member

BassMan

Well-known member

Paul B

XenForo moderator

BassMan

Well-known member

Similar threads

We value your privacy