Is there any reason the padding on img float must be 5px? Will I cause problems if I change it to 1px? Thank you.

Judy, The img width equals the actual width plus the left + right padding. Reducing the padding wont cause problems, but adding it could. Trial and error method! Barry On 12/08/2018 16:50, JFlorian wrote: > Is there any reason the padding on img float must be 5px? Will I cause > problems if I change it to 1px? > > Thank you. >

I use 10px. I think it looks better. On 08/11/2018 11:50 PM, JFlorian wrote: > Is there any reason the padding on img float must be 5px? Will I cause > problems if I change it to 1px? > > Thank you. > > _______________________________________________ > Email preferences: http://bit.ly/rootswebpref > Unsubscribe and Archives https://mailinglists.rootsweb.com/listindexes/search/freepages-help > Privacy Statement: https://ancstry.me/2JWBOdY Terms and Conditions: https://ancstry.me/2HDBym9 > Rootsweb Blog: http://rootsweb.blog > RootsWeb is funded and supported by Ancestry.com and our loyal RootsWeb community > -- "The dog is a gentleman. I hope to go to his heaven, not man's." Mark Twain

Experiment and see what looks nice to you. I want enough room between the photo and text so that the text is not up against the edge of the photo. 1px seems like very little space. Pat G -----Original Message----- From: JFlorian [mailto:cageycat@gmail.com] Sent: Sunday, August 12, 2018 12:51 AM To: LIST_freepages-help@rootsweb.com <freepages-help@rootsweb.com>; LIST: rootsweb-help@rootsweb.com <rootsweb-help@rootsweb.com> Subject: [FreeHelp]External CSS - Float img padding R & L Is there any reason the padding on img float must be 5px? Will I cause problems if I change it to 1px?

I wanted 2 small pics in a page header, without space between them, floated left. Text centered to the right. It looks okay at 1px. But I still need the 5px on regular floats. So will this work in the Ext CSS? (First setis Barry's. 2nd set is what I copied & added, and changed to 1px on left float #2.) /* ==================== Image Float Right or Left ====================== */ .imgrgt { /* image to right of text; padding by trial */ float: right; padding: 2px; padding-right: 5px; } .imglft { /* image to left of text */ float: left; padding: 2px; margin-right: 5px; padding-left: 5px; padding-right: 5px; } .text_line { clear: both; margin-bottom: 2px; } /* ==================== Image Float Right or Left ====================== */ .imgrgt2 { /* image to right of text; padding by trial */ float: right; padding: 2px; padding-right: 5px; } .imglft2 { /* image to left of text */ float: left; padding: 2px; margin-right: 5px; padding-left: 1px; padding-right: 1px; } .text_line { clear: both; margin-bottom: 2px; }