|
|
Posted by Jonathan N. Little on 09/19/06 18:09
richard wrote:
>
> "Wombatwal" <bartsimpson@hotmail.com> wrote in message
<snip>
>> external css sheet
>> #photo1 {width: 2; height: 2; float: left; }
>>
>> #photo2 {width: 2; height: 2; float: right;}
>>
>
<snip>
> You show floating left and right. Which do you want? It is not both.
That is not true, he has float left to on and right to the other. Who
knows maybe he want text to run down the middle...
> Then declare the float property only on the first item. All others
> follow the pattern until the next break .
> If you had more photos, each subsequent photo would float along the same
> order beside the last one.
> Or you could just continue using "left" with each. Until you need to
> drop a line, in which case you would use float:clear.
Agreed, if OP desires to just stack images as the browser width allows,
then float only one direction and they will 2, 3, 4 ... across as room
allows
> Plenty of websites that illustrate this.
> Search for "CSS Float attributes".
> Also, spaces are not needed after the :.
>
> Division size for images should be sized according to the image size.
> If you need to, resize the image with an editor.
> You might want to try using PNG, instead of JPG, as PNG has a much
> smaller footprint.
I disagree with that though, it depends on the image and the
application. Photographic type images where lossy compression is not as
noticeable JPG beats out the PNG almost every time. Paletted images
flatter graphic images such as logo's GIF and PNG shine. PNG's advantage
over GIF is that is can handle >256 colors and have alpha
transparencies. But in my experience with restricted palettes 8, 16, 32
colors for logos with simple transparency is required the GIF is smaller
than the PNG even when optimized.
>
> www.1-small-world.com/index2.html
Not sure it relates to the OP and be of much help.
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|