Re: [css-d] align img tag with inline css

The original question didn't get quoted ? > Jan von Hausen > Friday, August 05, 2016 10:07 PM > Images are inline elements, so they have properties like line-height (!, > which could give images extra space below!). I believe > display:inline-block; should work he

Re: [css-d] align img tag with inline css

display:block or vertical-align: bottom to remove the line-height of an image I believe if that is what you are asking. Best, Karl DeSaulniers Design Drumm http://designdrumm.com > On Aug 5, 2016, at 9:07 PM, Jan von Hausen wrote: > > Images are inline elements, so they have properties lik

[css-d] align img tag with inline css

Images are inline elements, so they have properties like line-height (!, which could give images extra space below!). I believe display:inline-block; should work here. (Hope I’m following the rules; never answered a question before.) Jan von Hausen _

[css-d] align img tag with inline css

What is the inline css rule I would use so I have the second img tag align horizontally with the first img tag ? I tried display:block for the second img tag unfortunately the second image wouldn't align with the first image ? ___

[css-d] [Anyone] on List with Google Nexus 7 Device ?

Anyone on the list with a Google Nexus 7 running Android 5.0.2 at I assume the device by default runs at 1200x1920 ? The online device tester I'm skeptical is showing me the correct image for an element. __ css-discuss [css-d@lis

Re: [css-d] Background images for element within MQ ?

No. This... body { background-image: url('my300pximage.jpg'); } @media and (min-width: 700px) { body { background-image: url('my700pximage.jpg'); } } ...is not Sass, but it does what you described. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 51

Re: [css-d] Background images for element within MQ ?

Yes, knowing that SaSS is the solution ;-) Tom Livingston wrote: > > On Fri, Aug 5, 2016 at 3:05 PM, Chris Rockwell > wrote: > >> >> If I understand you correctly, no. >> >> You can do: >> body { >> background-image: url('my300pximage.jpg'); >> } >> @media and (min-width: 700px) { >> body { >

Re: [css-d] Web Dev Toolbar debugging hiccup

FireFox Dev tools was the solution ;-) Gautam Sathe wrote: > > Hard to say without knowing what else might be going on for you. > > I just checked on my system, I am able to view up to 1680px width > without facing any issues. > > #1. The most obvious question - is your system actually high res >

Re: [css-d] Background images for element within MQ ?

On Fri, Aug 5, 2016 at 3:05 PM, Chris Rockwell wrote: > If I understand you correctly, no. > > You can do: > body { > background-image: url('my300pximage.jpg'); > } > @media and (min-width: 700px) { > body { > background-image: url('my700pximage.jpg'); > } > } > This accomplishes what

Re: [css-d] Background images for element within MQ ?

Note that it still compiles to the first example. On Fri, Aug 5, 2016 at 3:18 PM Crest Christopher wrote: > I knew probably SaSS could do it although I don't use SaSS atleast I was > right ;-) > > Chris Rockwell wrote: > > > If I understand you correctly, no. > > You can do: > body { > backgro

Re: [css-d] Background images for element within MQ ?

I knew probably SaSS could do it although I don't use SaSS atleast I was right ;-) Chris Rockwell wrote: > > If I understand you correctly, no. > > You can do: > body { > background-image: url('my300pximage.jpg'); > } > @media and (min-width: 700px) { > body { > background-image: url('my70

Re: [css-d] Background images for element within MQ ?

If I understand you correctly, no. You can do: body { background-image: url('my300pximage.jpg'); } @media and (min-width: 700px) { body { background-image: url('my700pximage.jpg'); } } With sass you can do this: body { background-image: url('my300pximage.jpg'); @media and (min-width

[css-d] Background images for element within MQ ?

Is it possible to do conditions within a rule for an element; similar to MQ. For example, you may have a break point that if the screen is 300px and 700px then a background image of 300px width or close will be displayed, otherwise a background image of a 700px width will be displayed ? __

Re: [css-d] Transform

On Fri, Aug 5, 2016 at 11:47 AM, Chris Rockwell wrote: > Set top:0 in .colorbar-link. > Bingo! Makes sense. Thanks! -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ___

Re: [css-d] Transform

Set top:0 in .colorbar-link. On Fri, Aug 5, 2016 at 11:43 AM Tom Livingston wrote: > List, > > I'm trying to add a hover to a block-styled link. I want to transition the > 'top' position of the element on hover with easing but I can't get it to > happen with the easing. Where am I going wrong? >

[css-d] Transform

List, I'm trying to add a hover to a block-styled link. I want to transition the 'top' position of the element on hover with easing but I can't get it to happen with the easing. Where am I going wrong? .colorbar-link{ position: relative; background-position: 96% 50%; background-repeat: no-repeat;