|
|
Posted by IGot2P on 12/19/07 05:09
Jonathan N. Little wrote:
> 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
>
> }
Thanks for the advice but I had tried padding before and to center for a
high resolution screen (i.e. 1440 by 900) the padding must be so great
that only one image will show per line at lower resolutions. Also, I get
a block of light color jumping at me when I do a mouseover. Again, you
can check it out at http://www.rivervalleylodgeandcampground.com/lodge.html
Don
Navigation:
[Reply to this message]
|