Re: [css-d] How to use "radius" if I have no img tag?

Ah yes. Forgot the long description. Even better! Best, Karl Sent from losPhone > On Mar 22, 2017, at 5:43 AM, Philip Taylor wrote: > > > > Karl DeSaulniers wrote: > >> As for screen readers, you could take advantage of the alt and title tags on >> images to include a

Re: [css-d] How to use "radius" if I have no img tag?

Karl DeSaulniers wrote: > As for screen readers, you could take advantage of the alt and title tags on > images to include a description that can be read aloud. And a longdesc [1] link, of course. Philip Taylor https://www.w3.org/TR/html-longdesc/

Re: [css-d] How to use "radius" if I have no img tag?

Hi Michelle, If this is indeed your code then #pageHeadLeft will never be round without a border-radius declaration in the css or inside a style tag. You would also be better served to use just the img instead of background-image because the container can resize to the image height IMO.

Re: [css-d] How to use "radius" if I have no img tag?

Hello Philip, On 2017-03-22 09:03:02 Philip Taylor hacked into the keyboard: > But can you not, as others have suggested, round the corners of > #pageHeadLeft (i.e., the container) and set "overflow: none" so that > the portion(s) of the background image that protrude beyond the > rounded corners

Re: [css-d] How to use "radius" if I have no img tag?

Michelle Konzack wrote: > This is what I have and is working. > >> #pageHeadLeft { background-image: url(/michelle.png); } > So if I understand it right, I can not modify the shape of an image, if > it is shown trough the CSS, mean embedded with the url() construct. But can you not, as

Re: [css-d] How to use "radius" if I have no img tag?

This is what I was suggesting to do. .img_head { border-radius: 50%; } HTH, Best, Karl DeSaulniers Design Drumm http://designdrumm.com > On Mar 22, 2017, at 3:51 AM, Michelle Konzack > wrote: > >> > >>.img_head { border-radius: 50%; }

Re: [css-d] How to use "radius" if I have no img tag?

Hello to all, On 2017-03-21 15:01:31 Michelle Konzack hacked into the keyboard: > > .img_head { border-radius: 50%; } This is what I have and is working. > #pageHeadLeft { background-image: url(/michelle.png); } So if I understand it right, I can not modify the shape of an image,

Re: [css-d] How to use "radius" if I have no img tag?

What I was thinking.  Karl DeSaulniers Tuesday, March 21, 2017 4:53 PMvia Postbox Put your image inside a div and round the corners on the div, not the image with overflow:hidden on

Re: [css-d] How to use "radius" if I have no img tag?

Put your image inside a div and round the corners on the div, not the image with overflow:hidden on the div. Best, Karl Sent from losPhone > On Mar 21, 2017, at 9:01 AM, Michelle Konzack > wrote: > > Hello *, > > in one of my websites I have on the top left and

Re: [css-d] How to use "radius" if I have no img tag?

can you provide a more complete example? what you are doing should work... http://codepen.io/davechiu/pen/66633f12602bea1a49ac99936e49 could it be the difference of an absolute reference to the image in your CSS but a relative in your HTML? On Tue, Mar 21, 2017 at 10:01 AM, Michelle Konzack

Re: [css-d] How to use "radius" if I have no img tag?

A link to a page is always helpful. Hard to answer without knowing what else might be a factor. On Tue, Mar 21, 2017 at 10:01 AM, Michelle Konzack wrote: > Hello *, > > in one of my websites I have on the top left and right two images like > > > > which I make

[css-d] How to use "radius" if I have no img tag?

Hello *, in one of my websites I have on the top left and right two images like which I make round using .img_head { border-radius: 50%; } which works fine, BUT, if I use something like #pageHeadLeft { background-image: url(/michelle.png); } then I can not make it round like in