Re: FN-FORUM: Not CSS again!

date posted 28th January 2007 16:39

On 28 Jan 2007, at 11:46 am, Punters Power wrote:

>
> I'm looking to place 2 images side by side in a header surely
> shouldn't be so problematic yet it is. align left for image 1 and
> align
> right for image 2 used to be the way that kept the two images in
> the same
> 'row' but alas no!
>
> So I want to split this into 2 images aligned side by side
> index.jpg"
> width="700" height="120" border="0" alt=": HOME" />
>
>
> I thought this was the way forward!
> src="/images/index.jpg" width="200" height="120" border="0" alt=":
> HOME"
> />
> src="/images/index.jpg" width="500" height="120" border="0" alt=":
> HOME"
> />
>

You've got a couple of good solutions already, but there are a couple
of others too, both putting the relevant information into the style
sheet (which is a good idea anyway). One is to have the images in
divs, but float (don't use "align") one left and the other right. You
may need then to have a clearing div follow them, depending on what
else is around your header. The other is to put one of the images
into the background of the container div and have the other floated
left or right (depending on how you have arranged the background image).

Here are a couple of examples, showing both techniques:

http://www.tellura.co.uk/examples/split1.htm
http://www.tellura.co.uk/examples/split2.htm

Hope this helps.


Ian.
--


--
Ian Piper
Tellura Information Services - the web, document and information people
http://www.tellura.co.uk/
01926 811574 | 07973 156616
skype: ianmpiper
Key Minder : easy to use, inexpensive, industrial strength password
protection : http://www.tellura.co.uk/keyminder/
--