Re: [NH] Display only part of an image?
- Cary Driscoll wrote:
> to use the image as the postionedYes, but: Backgrounds are a pain in the proverbial and only serve to
> background of a smaller div or to clip the image using CSS.
make text nearly illegible more often than not. That's why many
people, me included, turn them off. Background is background and
content is content. Don't confuse one with the other and don't hide
the latter in the invisible first.
(N.B: As background is superfluous and purely decorous and does not
add to the content, there is not ALT element provided. It is
nonexistent for blind users and it is also not printed in the
default setup of all current browsers.)
P.S: Yes, I am an old killjoy pouring cold water on lots of very
clever ideas and promoting only bland and boring pages, none blander
and more boring (except for content, or so I hope) than my own. Feel
free to ignore my advice, but please at least be aware of the
possible drawbacks and pitfalls.
- I'm new here, Marcelo, but maybe this article will help:
This is a fairly common technique in building CSS-styled menus,
--- In email@example.com, Marcelo de Castro Bastos
> Interviewed by CNN on 14/9/2008 15:16, Axel Berger told the world:
> > Marcelo de Castro Bastos wrote:
> >> can I "crop" it in HTML/CSS in order to display just a smaller
> >> rectangle inside it
> > I'm not more than 98 % sure, but as far as I know it isn't.
> > But if it were possible you shouldn't do it. The whole image needs
> > to be downloaded anyway. This would be similar do scaling down in
> > HTML - I've seen 100 by 50 thumbnails that take ages to display.
> I fully understand the issue, and it was more of an intellectual
> curiosity... it's not actually for a production site, I was just
> wondering if I could pull it off without firing up an image editor.
> In this particular case, the whole image would have to be loaded anyway
> -- it is a comic-book-like page, and I wanted to "move around" the
> individual panels to add text comments besides each one. From the
> understand web browsers work, they wouldn't download the image 6 times.picture).
> And this way, there would be the extra bonus of preserving the full
> image (avoiding the need for a separate download to get the full
> I'll have to look into John Zeman's iframe solution and Cary Driscoll's
> CSS solution to see if they are applicable to this particular situation.
> The idea occurred to me after I recently read the specs for the
> "border-image" CSS3 feature -- it works by taking parts of a image file
> to draw borders. I thought that there might be a more general way to
> partial images, and wanted to try to figure it out...
> Now...witness the power of this *FULLY ARMED AND OPERATIONAL* Tagline!
> * TagZilla 0.066 on Seamonkey 1.1.11