[NFB-Web] HTML Code for Images

Sun Aug 11 01:40:29 UTC 2019

The theme should support sizes based on the parent containers, so you should be able to say small, medium or large and let css take care of the rest. 

Could you send a link to a live example?

Corbb

On Aug 10, 2019, at 9:45 AM, Joe Orozco via NFB-Web <nfb-web at nfbnet.org> wrote:

Hi,

I'd like to return to the discussion of adding images to websites. When I
originally wrote in about my question, it was in reference to a division
website. That's still a pending project, but I'm now overhauling my
affiliate's website and really need to get the last layer of images applied
before returning the site to our webmaster.

I've revisited the image tag and feel I have a good understanding of the
attributes for source, width, and height. It seems using the style attribute
would be better to force the browser to maintain a consistent size of that
specific image regardless of whatever else might be going on. If I'm wrong
about that, please help set me straight.

Here's what I don't get. I'm not understanding pixel sizing. It would be
fine and well for me to set width and height to 42 pixels, but I have no
idea what that means in terms of inches or how that compares to the size of
my text. In a perfect world I would set the image to small, medium, or
large, set it float to the left or right and be done with it, but I
understand it is not so simple. Actually, I understand that in HTML 5 there
is a picture element where you can pick from four different sizes to render
the best size for the specific browser, but I'm not entirely sure how to
independently size images. Maybe a separate question?

Alternatively, I'm using Drupal 7. I'm using a responsive theme. Is there a
tool in Drupal that would allow me to insert a picture exactly where I want
it? I'm thinking of something like the Amazon tags I can use to drop
specific product images exactly where I want, and it automatically takes
care of sizing.

I hope this makes a measure of sense... Thank you kindly for any help. I
know I will always need sighted assistance to know what an image is, but
ultimately I would like to be able to size images myself and slap them on a
page where it makes sense to make the page pop a little more without making
it look wonky.

Very appreciative,

Joe

-----Original Message-----
From: NFB-Web <nfb-web-bounces at nfbnet.org> On Behalf Of Erik Burggraaf via
NFB-Web
Sent: Saturday, June 29, 2019 7:41 PM
To: NFB Webmaster's List <nfb-web at nfbnet.org>
Cc: Erik Burggraaf <burggraaferik at gmail.com>
Subject: Re: [NFB-Web] HTML Code for Images

hi, I'm reluctant to post this as it's so vague, but if you want me to flush
it out, I'll be happy to take on the challenge during the week when I have
more time. Ideally, you don't want all of these formatting attributes in
your div tag or your image.  the formatting should be done as CSS, either in
an image class, or in the image attribute itself, depending on how many
images you want to format, and how many of the characteristics you want them
all to have.  you may not even have to assign each image to its own div,
depending on whether or not you want them incorporated into a grid.

responsive only means that the layout of the site changes depending on the
screen size that's detected.  getting a website to be responsive is pretty
simple using CSS grid, and most modern CMS are now supporting it.  I haven't
had occasion to use the nfb Drupal templates in a while, but I'm pretty sure
they are responsive, and you don't really have to worry if that's what
you're using.

There is a thing that just came out last month for nvda called developer
tools. It is a neat looking at on that describes the position and layout of
elements on the screen for programmers, so that they can check their
designs.  I will be playing with this in the near future, because I will be
in semester six of my aunt programmer analyst diploma and it will probably
come into play.

it seems to me that this email provides you a lot of possibilities without
providing you any concrete answers. I know how frustrating that can be, but
if you want me to continue along these trains of thought, let me know, and I
will be happy to do so when I get home from my current trip. Best, Erik

On June 29, 2019 12:11:47 PM Joe Orozco via NFB-Web <nfb-web at nfbnet.org>
wrote:

Hello,

Can someone please share some good HTML code for including pictures on web
pages? I can't seem to get good sizes. My photos end up coming out too large
and are never positioned the way I want. I can't see the picture myself and
am therefore relying on other people's perceptions of what looks good.

I'm looking for a good description of what numerical range is used for
sizing.

I'm also looking for the right tags. This is what I'm currently using:

<div style="width: 225px; height: 200px; float:left; margin-left:25px;">

<img src="http://example.org/image.jpg" alt="picture description">

</div>

I'm using Drupal. If there is a simple module or method I can use to insert
pictures where I want them, that'd be great help as well.

Thanks in advance for any help.

Joe

_______________________________________________
NFB-Web mailing list
NFB-Web at nfbnet.org
http://nfbnet.org/mailman/listinfo/nfb-web_nfbnet.org
To unsubscribe, change your list options or get your account info for
NFB-Web:
http://nfbnet.org/mailman/options/nfb-web_nfbnet.org/burggraaferik%40gmail.c
om

_______________________________________________
NFB-Web mailing list
NFB-Web at nfbnet.org
http://nfbnet.org/mailman/listinfo/nfb-web_nfbnet.org
To unsubscribe, change your list options or get your account info for
NFB-Web:
http://nfbnet.org/mailman/options/nfb-web_nfbnet.org/jsorozco%40gmail.com

_______________________________________________
NFB-Web mailing list
NFB-Web at nfbnet.org
http://nfbnet.org/mailman/listinfo/nfb-web_nfbnet.org
To unsubscribe, change your list options or get your account info for NFB-Web:
http://nfbnet.org/mailman/options/nfb-web_nfbnet.org/corbb%40rushpost.com