Re: FN-FORUM: Not CSS again!

date posted 28th January 2007 16:49


----- Original Message -----
From: "Ian Piper" [EMAIL REMOVED]
To: [EMAIL REMOVED]
Sent: Sunday, January 28, 2007 5:31 PM
Subject: Re: FN-FORUM: Not CSS again!


>
> 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
>> > 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.
>
Thanks Ian and everyone else, very helpful. The background on one of the
divs was a solution previouslt used for this particular design hower the
anchor tag was not accessible.

Andrew