XF 1.4 Three image in a row centered

BassMan

BassMan

Well-known member
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.
 
Sort by date Sort by votes
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?
 
Upvote 0 Downvote
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.
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

B
  • Question Question
Image in a row with text
Replies
2
Views
720
bogus
B
Back
Top Bottom