Posted by Jonathan N. Little on 12/18/07 18:58

richard wrote:
> On Tue, 18 Dec 2007 11:51:55 -0600, IGot2P <IGot2P@crsales.com> wrote:
>
>> Ok, basically all I want to do is to put two image/links side by side
>> and NOT above each other. Point your browser to
>> http://www.rivervalleylodgeandcampground.com/lodge.html and you will see
>> that all four bottom image/links are vertical but I want two lines of
>> two. How do I do this? .....and yes I know that in IE there is an error
>> because my translucent overlay is not coming to the bottom of the screen
>> when an image is enlarged.
>>
>> Happy Holiday,
>>
>> Don
>
> Simplest way would be to do a table.
> Otherwise use div and "float".

No and no. The simplest way is to stop displaying the images as blocks!


img.featurectr {

border-width: 0px; <-- try "border: 0;"

margin: 15px auto; <-- if you change images back to inline use
padding not margin

display: block; <-- delete this

}


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

• Next in forum: Re: CSS liquid layout - can't achieve correct sizing
• Prev in forum: Re: No pop-up but how about a pop quiz? (OT)
• Thread view: Re: New to CSS....simple question maybe

[Reply to this message]