3 pictures in one row as fluid design

[Andreas De Rudder]

Hello,

 

I have on my website (http://msngent.be/information.html) under the title Restless for service 3 pictures. I would like to have them on one row next to each other width a total width of 100%, just like the text and titels. I learn at school that that is fluid of flexibel design.

But it doesn't work on my website.

Does anybody know what I have done wrong? I have put the css for the pictures in the head of the page.

 

Thank you

Andreas

[dsonesuk]

You have to remember a 33.33 width percent element + margins, borders is no longer 33.33% width, these are an addition to element width, so 3 elements using these is never going to fit exactly. All these ideally be percentages that will total 100% but preferably less. The images should be 100% width to fit the container col exactly whatever width you decide to use, and height auto again! as in slideshow, making it adjust proportionately.