3 afbeeldingen links, gecentreerd, rechts?

[OmkePom]

Adres van je forum: http://www.film-test.nl
Event. modificaties op je forum: Meerdere waaronder Ajax. Chat, NewsPage en Reimg
Wanneer ontstond het probleem? nvt
phpBB versie: phpBB 3.1.9 Style aangepaste ProFormell en Absolution

Ben het uiterlijk van mijn Forum aan het veranderen.

Wil graag in een Box 3 elementen plaatsen, 1 links, 1 precies (ongeacht beeldscherm breedte) in het midden en de 3de rechts. De 1ste en de 3de dat lukt wel maar de middelste die krijg ik er niet tussenin?

Ik krijg hem alleen gecentreerd erboven of eronder maar niet ertussen?

Code: Selecteer alles

 <table style="width:100%;background-color: #F1F6FC; margin: auto; box-shadow: 3px 3px 10px #0000cc;" border="1">
 <tr>
    <th style="margin: 0 0 5px 10px; float: left;position:top;" width="152px">Afb 01</th>
	<th style="margin: 0 auto;">Afb 02</th>
	<th style="margin: 0 0 5px 20px; float: right;position:top;" width="152px">Afb 03</th>
  </tr>
</table>

BVD ?

[Ger]

Support --> Stijlen

- Ger

Zie https://jsfiddle.net/zsby5L0t/2/
Is dat een beetje wat je bedoelt?

[OmkePom]

Zie https://jsfiddle.net/zsby5L0t/2/
Is dat een beetje wat je bedoelt?

Bedankt voor je reactie Ger,
Ook dit geeft niet het gewenste resultaat helaas!
Met dat voorbeeld krijg ik de 3 teksten,
Box 1
Box 2
Box 3
onderelkaar dus zoals hier aangegeven.
Ik krijg de 3de afbeelding wel in het midden maar hij komt er niet tussen, de 2 andere afbeeldingen drukken hem naar beneden.

?

[Theriddler]

zoiets ?

http://stackoverflow.com/a/35676852

en of het antw daar onder.

[OmkePom]

zoiets ?

http://stackoverflow.com/a/35676852

en of het antw daar onder.

Bedankt voor je reactie Theriddler,

Uiteindelijk aan de hand van je link het gevonden, was effe zoeken/proberen maar gelukt,

Code: Selecteer alles

<style>
.left-column
{
float:left;
width:30%;
background-color:red;
}
.right-column
{
float:right;
width:30%;
background-color:blue;
}
.center-column
{
margin:auto;
width:30%;
background-color:green;
}
</style>

Code: Selecteer alles

<div id="container">
<section class="left-column">Afb 01</section>
<section class="right-column">Afb 03</section>
<section class="center-column">Afb 02</section>
</div>

Beetje aangepast maar heeft geleid tot het gewenste resultaat!

THX!