Website Banner - multiple images - How to align?

valve90210 · 22 Feb 2011 at 11:47

Hi All

I'm helping someone in my office create a banner for a webpage but am having a minor spot of trouble with it.

I have created 3 parts to a banner, the top section which is the full width and two small er sections which sit side by side under the top section.

I have added them all to the page but I end up with either the two bottom row pieces sitting next to the top section or if I put in a paragraph break between the top section and the bottom there isa gap between the top section and the bottom section.

So basically, my question is, how do I get the bottom two images to go directly underneath the top section of the banner with no gap between the two?

Any help much appreciated.

Valve

Sp00n · 22 Feb 2011 at 11:52

Use 2 div's with no borders or margins.

valve90210 · 22 Feb 2011 at 11:58

sorry what...lol I should probably have mentioned that I have very little knowledge in webpage building...

also, the pages are put together in microsfot sharepoint... so the simpler the better, eg is there anything like a line brak tag I can insert into the html rather than a paragraph break that will force the images to the next line but not leave a gap?

Sp00n · 22 Feb 2011 at 11:59

shift+enter should give you a line break I think.

valve90210 · 22 Feb 2011 at 12:03

Thanks, I shall give that a go and see if it works...

valve90210 · 22 Feb 2011 at 12:35

Perfect that's worked just as I wanted, thanks.

Valve

Sp00n · 22 Feb 2011 at 13:05

Glad to help