[NFB-Web] HTML Code for Images

[Arthur Jacobs]

Ok, given the code you’re using, you just need to include the width and height attributes in the img tag as well. I’d suggest only using the width, actually, so the proper aspect ratio is kept. You’ll need to get rid of the height in the div as well, or the pic will be cropped. I’d also suggest adding margin/padding to right and bottom of image div to provide space between text and image. 

— Arthur

> On Jun 29, 2019, at 4:33 PM, Joe Orozco via NFB-Web <nfb-web at nfbnet.org> wrote:
> 
> I initially thought to include the photos to the left with the text to the right and below of the text block. Alternatively, I could just include the picture somewhere centered, on its own line so to speak.
> 
> I'm not sure what you mean by a responsive theme?
> 
> Here's a link to one place where I have pictures posted. I'll leave them up for now for evidence of my bad code, though I plan to take those images down soon:
> 
> http://nfb-pad.org/leadership
> 
> Thanks,
> 
> Joe
> 
> -----Original Message-----
> From: NFB-Web <nfb-web-bounces at nfbnet.org> On Behalf Of Arthur Jacobs via NFB-Web
> Sent: Saturday, June 29, 2019 1:51 PM
> To: NFB Webmaster's List <nfb-web at nfbnet.org>
> Cc: Arthur Jacobs <ajacobs633 at aol.com>
> Subject: Re: [NFB-Web] HTML Code for Images
> 
> Where do you want the picture, relative to other content?
> 
> As far as sizing goes, what is the same zen of the region it is contained bed in?
> 
> Is the site using a responsive theme?
> 
> Can you share the page address for what you’re working on?
> 
> — Arthur
> 
>> On Jun 29, 2019, at 12:10 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/ajacobs633%40aol.
>> 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/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/ajacobs633%40aol.com