Re: [css-d] CSS must be called in the head?

discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.45

Re: [css-d] Flex item inside css grid

Thanks Philippe. I'll dig in to this. On Mon, Jul 24, 2017 at 7:59 PM Philippe Wittenbergh <e...@l-c-n.com> wrote: > > > On Jul 24, 2017, at 10:57 PM, Tom Livingston <tom...@gmail.com> wrote: > > > > I'm still new to grid (and flex, for that matter

[css-d] Flex item inside css grid

Listers, I'm still new to grid (and flex, for that matter). I have a sample page where an individual flex item squeezes responsively as I want, but when it is inside a css grid container, it stops. https://tomliv.com/flex-in-grid/ Why do they not squeeze up inside the grid? TIA -- Tom

Re: [css-d] CSS Grid Question

Ow, my head. On Fri, Jul 21, 2017 at 5:20 PM Eric A. Meyer <e...@meyerweb.com> wrote: > On 21 Jul 2017, at 14:18, Tom Livingston wrote: > > > Is it possible to style the rows and columns of a css grid - the grid > > itself? > > There's no way to say somet

[css-d] CSS Grid Question

yet and can't find what I'm looking for in a search. TIA -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css

[css-d] Animating text

to another in a slot machine style, or slide a line of text. Ultimately, we would like it to be html text for accessibility and SEO purposes. I am having little luck on Google but that may be my search terms. Anyone do something like this? Any references? Thanks in advance. -- Tom Livingston

Re: [css-d] PROBLEM with CSS for checkbox - Firefox

sts.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] A little SVG Help ?

Maybe this can help? https://css-tricks.com/masking-vs-clipping-use/#more-255253 On Tue, Jun 6, 2017 at 8:29 AM, <crestchristop...@gmail.com> wrote: > No, what is defined with is called outside of and should be > displayed ? > > > > > > Christopher > &g

Re: [css-d] A little SVG Help ?

I see what looks like 2 black hourglass type shapes. Is that what you want? On Mon, Jun 5, 2017 at 10:59 PM, <crestchristop...@gmail.com> wrote: > Link > > > > Christopher > > > > From: Tom Livingston > Sent: Monday, June 5, 2017 10:19 PM > To: CSS Discu

Re: [css-d] A little SVG Help ?

A link or some information would help. On Mon, Jun 5, 2017 at 9:38 PM <crestchristop...@gmail.com> wrote: > I understand this doesn’t belong to this discussion. Anyone with deep > understanding of SVG because this is not displaying within CodePen ? > > > Christopher &

Re: [css-d] Flex question

Thanks Al. This was the hint I needed. >> >> Hi Tom, >> >> I know you're very advanced in your CSS skills, so looking at the structure >> and CSS we're deploying on our home page should give you some clues: >> http://www.projectseven.com/ -- Tom Liv

Re: [css-d] Flex question

On Mon, May 22, 2017 at 1:20 PM, Al Sparber <aspar...@roadrunner.com> wrote: > On 5/22/2017 12:50 PM, Tom Livingston wrote: >> >> Hello list, >> >> Given the following: >> >> >> Item 1 >> Item 2 >> Item 3 >> Item 4 >>

[css-d] Flex question

of a taller parent, so the LIs are taller than the text inside them. This gets me very close to where I want to be except the text needs to be centered vertically. What's the best way to accomplish this? Am I missing a flex method that will do it? Thanks -- Tom Livingston | Senior Front End

Re: [css-d] How do you handle situations like this?

I'll have to whip up a test page. Can't share the real page. On Thu, May 18, 2017 at 4:46 PM, Karl DeSaulniers <k...@designdrumm.com> wrote: > Not without a link. > > Best, > Karl > > Sent from losPhone > -- Tom Livingston | Senior Front End Developer | Media L

Re: [css-d] How do you handle situations like this?

Correction: Sorry, that should have said I started down the path of *min-height* not min-width. On Thu, May 18, 2017 at 3:49 PM, Tom Livingston <tom...@gmail.com> wrote: > Listers, > > I have a content module. A div containing text above a flexible-width > video (could easi

[css-d] How do you handle situations like this?

and can't see another easy solution. TIA -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http

[css-d] form element styles flashing

, mouse over and out (on the button). Is it me or the browser? Thanks -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d

Re: [css-d] Flexbox question

ided that. I didn't need to look at their layout > other than to see if it solved my problem. > > Nancy > > On Tue, Apr 25, 2017 at 10:24 PM, Tom Livingston <tom...@gmail.com> wrote: > > I think his breakoints aren't quite right for that 3-column layout. > > T

Re: [css-d] Flexbox question

> Chris F.A. Johnson, <http://cfajohnson.com> > __ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies

Re: [css-d] Flexbox question

On Mon, Apr 10, 2017 at 5:24 PM, Al Sparber <aspar...@roadrunner.com> wrote: > On 4/10/2017 4:01 PM, Tom Livingston wrote: > >> List, >> >> I haven't used flex at all basically, but have an opportunity to. >> >> I have rows of 3 items. I would like them

Re: [css-d] Flexbox question

DeSaulniers > Design Drumm > http://designdrumm.com > > > > > > On Apr 10, 2017, at 3:01 PM, Tom Livingston <tom...@gmail.com> wrote: > > > > List, > > > > I haven't used flex at all basically, but have an opportunity to. > > > > I ha

[css-d] Flexbox question

this. Is it possible? I've gotten close, but last two items are far left and far right. Thanks! -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css

Re: [css-d] IE Edge svg hover issue

com> wrote: > > > On Apr 6, 2017, at 1:47 AM, Tom Livingston <tom...@gmail.com> wrote: > > > > Here is my structure and css: > > > > > In Edge, on hover the svg disappears when you move your cursor off the > > element. > > > > Any

[css-d] IE Edge svg hover issue

ound with style changes, but can't see what Edge is doing. I'm sorry I can't provide a link. I'll take any guesses at this point. TIA -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | m

Re: [css-d] Ham Menus

s-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 _

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

gt; > Thanks! > > >> > >> Just found this: > >> > > > https://www.sitepoint.com/css-viewport-units-quick-start/ > > > G-Jim c):{- > > -- > Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html > Book repairs: http://www.wyomerc

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

> > Just found this: > https://www.sitepoint.com/css-viewport-units-quick-start/ -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 _

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

= 35.2px + 22px = 57.2px > > ​ > > > Visual Aid? https://tomliv.com/css-d/costello/ -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

Who's on first. On Wed, Mar 29, 2017 at 3:08 AM Felix Miata <mrma...@earthlink.net> wrote: > Anyone else think of Abbott and Costello reading this thread? :-) > > -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogi

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

ut pixels ? > > For example; 2em is equal to 4vw. Also > > If the default font size is 16 pixels and if |2vw| is 2% of the viewport’s > width ? > -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

To be more clear: REMs, on the other hand, are relative to the root element (HTML) which is based on the browser preference setting. On Thu, Mar 23, 2017 at 11:39 AM, Tom Livingston <tom...@gmail.com> wrote: > Once again, they are unrelated in the way you are showing here. > &

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

would equal 4.4vw ? > > > -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http://www.cs

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

Sorry, that's just the typical way I hear of these types of things. Newsletters or this list mainly. On Thu, Mar 23, 2017 at 8:23 AM, Philip Taylor <p.tay...@rhul.ac.uk> wrote: > > > Tom Livingston wrote: > > I subscribe to newsletters such as Frontend Focus, Alistapart (di

Re: [css-d] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?

- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #

Re: [css-d] page gap in IE edge/11

I updated the page to use vh. Seems to work well. Not sure if I can go the flex route. Will need to look into browser support first, but I hope I can. Much simpler. On Tue, Mar 21, 2017 at 8:03 PM, Tom Livingston <tom...@gmail.com> wrote: > Looks like I should be able to use vh.

Re: [css-d] page gap in IE edge/11

Looks like I should be able to use vh. I'll give that a try and test. On Tue, Mar 21, 2017 at 8:00 PM Philippe Wittenbergh <e...@l-c-n.com> wrote: > > > On Mar 22, 2017, at 8:28 AM, Tom Livingston <tom...@gmail.com> wrote: > > > > For me, there was extra heigh

Re: [css-d] page gap in IE edge/11

For me, there was extra height to the page, with a white bg. I could scroll past the orange bg. Again, in I.E. Edge/11. On Tue, Mar 21, 2017 at 7:26 PM Philippe Wittenbergh <e...@l-c-n.com> wrote: > > > On Mar 22, 2017, at 4:54 AM, Tom Livingston <tom...@gmail.com>

Re: [css-d] page gap in IE edge/11

UPDATE: I added overflow:hidden to .pagewrap on *my local page* and this made the extra space go away. I'd still love to know if it can be solved w/o the overflow:hidden. Thanks! On Tue, Mar 21, 2017 at 3:54 PM, Tom Livingston <tom...@gmail.com> wrote: > Here is a sample page

[css-d] page gap in IE edge/11

in FF, Chrome and Safari. I am using transition to vertical center the content at a viewport height greater than 750px. Thanks -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399

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

am > searching allready for hours without finding a solution. > > Any suggestions? > -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399

Re: [css-d] Hidden UL/LI

017, at 3:30 AM, Tom Livingston <tom...@gmail.com> wrote: > > > > I have a sample here: > > > > https://tomliv.com/navigation-menu/index.html > > > > Though not perfect, you get the idea… > > As always, those things are not exactly friendly to keyboard

Re: [css-d] Box Sizing

___ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by e

Re: [css-d] Hidden UL/LI

This does work with touch devices I've tested, btw... On Mon, Mar 20, 2017 at 2:30 PM, Tom Livingston <tom...@gmail.com> wrote: > I have a sample here: > > https://tomliv.com/navigation-menu/index.html > > Though not perfect, you get the idea... > > > >> --

Re: [css-d] Hidden UL/LI

c):{- > > -- > Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html > Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html > My photography: http://www.gjim.com > > -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x2

Re: [css-d] Hidden UL/LI

ss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ___

Re: [css-d] Font-sizes & EM

desired. I have seen SASS mixins that implement a min/max but it had its limitations. On Sun, Mar 19, 2017 at 8:04 PM, Tom Livingston <tom...@gmail.com> wrote: > I see that as if the viewport is 800px wide, then 800px is 100% of the > width. > > > > On Sun, Mar 19, 2017 at 7:

Re: [css-d] Font-sizes & EM

I see that as if the viewport is 800px wide, then 800px is 100% of the width. On Sun, Mar 19, 2017 at 7:56 PM, Crest Christopher < crestchristop...@gmail.com> wrote: > Therefore, if the viewport width is 800px = 8% of viewport width; if I'm > doing the math right ? > > T

Re: [css-d] Font-sizes & EM

No. Viewport units are based on the viewport. 1vw = 1% of viewport width, 1vh = 1% viewport height. On Sun, Mar 19, 2017 at 7:45 PM, Crest Christopher < crestchristop...@gmail.com> wrote: > What is 1vw, a pixel ? > > > > -- Tom Livingston | Senior Front End Develop

Re: [css-d] Font-sizes & EM

tc ? > > Rainer Berthold <mailto:rainer.berth...@gmx.net> >> Sunday, March 19, 2017 2:39 PMvia Postbox <https://www.postbox-inc.com/? >> utm_source=email_medium=sumlink_campaign=reach> >> > -- Tom Livingston | Senior Front End Developer | Media Logic | ph

Re: [css-d] Font-sizes & EM

rg -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http://www.css

Re: [css-d] help with image opacity (?)

" the .png logo. It looks like an opacity issue, but there > is no opacity set on it. > > After downloading the image and opening it in PhotoShop, the png itself is translucent. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx:

Re: [css-d] Using CSS to style a back button

io.com/ List policies -- > > http://css-discuss.org/policies.html > > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > > > > > > -- > Rod Castello > DIGITAL DESIGN AND DEVELOPMENT > 818.437.7880 > rodcastel...@gmail.com > www.smashcu

Re: [css-d] Styling Inline tag vertically

I do not. I was assuming the HTML couldn't be changed. The best thing to do is get rid of the span. On Thu, Feb 23, 2017 at 5:04 PM Philip Taylor <p.tay...@rhul.ac.uk> wrote: > > > Tom Livingston wrote: > > On Thu, Feb 23, 2017 at 9:43 AM, Crest Christopher > >

Re: [css-d] Styling Inline tag vertically

reposition the tag ? The span is an inline element which doesn't respond to margin styles. add a declaration for the span to be inline-block (or block) and then try your positioning. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.45

Re: [css-d] email: 3 column alignment

icies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [cs

Re: [css-d] Inline Anchor failing to work ?

eir software beta list; not very > forgiving then again, there support in the past has been not the > friendliest. > > Tom Livingston > Wednesday, February 22, 2017 8:39 AM > https://www.w3.org/community/webed/wiki/The_CSS_layout_model_-_boxes_borders_margins_padding#When_margi

Re: [css-d] Inline Anchor failing to work ?

https://www.w3.org/community/webed/wiki/The_CSS_layout_model_-_boxes_borders_margins_padding#When_margins_alone_aren.E2.80.99t_enough:_padding_properties On Wed, Feb 22, 2017 at 8:37 AM, Tom Livingston <tom...@gmail.com> wrote: > Negative padding is treated like 0 or none. In padding s

Re: [css-d] Inline Anchor failing to work ?

rg] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front End Developer | Media

Re: [css-d] help with media queries for email...mercy, mercy

be a bit easier... On Tue, Feb 21, 2017 at 3:07 PM, Tom Livingston <tom...@gmail.com> wrote: > While it is great that it works for you and you've had success, Karl, > I don't really recommend using anything other than tables. At least > not until you are proficient in using tables (for ema

Re: [css-d] help with media queries for email...mercy, mercy

ust my 2¢ > > Built a lot of HTML emails in my day and these tips work for me. > > HTH, > Best, > Karl > > Sent from losPhone -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 _

Re: [css-d] help with media queries for email...mercy, mercy

sizing at your various break points. > > I would offer more help with examples of code, but need to get to work. > > Rod Castello > -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ___

Re: [css-d] help with media queries for email...mercy, mercy

That should be: @media screen and (max-width: 640px) { > table{ width: 320px!important; } > } On Tue, Feb 21, 2017 at 8:47 AM, Tom Livingston <tom...@gmail.com> wrote: > Ron, > > Looks to me like you closed the MQ before all of the styles, so the > styles are wo

Re: [css-d] help with media queries for email...mercy, mercy

/www.css-discuss.org/mailman/listinfo/css-d >> List wiki/FAQ -- http://css-discuss.incutio.com/ >> List policies -- http://css-discuss.org/policies.html >> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > >

Re: [css-d] Changing the Color of points

On Mon, Jan 2, 2017 at 10:11 PM Crest Christopher < crestchristop...@gmail.com> wrote: > I've taken a step away from my web development projects to finish other > > projects and far from done so, bare with me if I forgot a thing or two > > until the get the motor running :) > > At this point I

Re: [css-d] Developing on an iPad? [OT]

I tried. I have Coda. My dev situation at work made it too much of a pain. Your mileage may vary. If you can connect to your file remotely and therefore use said remote environment to view the files - a web server - then it may work for u. On Sat, Dec 31, 2016 at 2:54 PM John J

Re: [css-d] Entire div has disappeared, even though it is present in 'view source'

eems to be hidden. > > Can anyone help me find the problem, please? I am seeing JS errors in the console and when I inspect the area in question, I am seeing some scripting. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.c

Re: [css-d] animated gif has scrollbars

? Do we automatically get > scrollbars with placed media unless we spec otherwise? > > Thank you! > > http://john-a-johnson.com/rokr.php I'm seeing that as an iframe which could be the source of your scrollbars. In latest Mac Chrome, I don't see any scrollbars. -- Tom Liv

Re: [css-d] order of rules in a single declaration

s not effected by the order of declarations. Thanks all. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-

Re: [css-d] order of rules in a single declaration

For clarity, I'll include my reply to Philippe, which I accidentally sent only to him... On Thu, Oct 13, 2016 at 11:34 PM Tom Livingston <tom...@gmail.com> wrote: > >> Make any difference? > > > > No. The CSS parser doesn’t care. > > > > For the hu

Re: [css-d] order of rules in a single declaration

display: block; > } > > Best, > > Karl DeSaulniers > Design Drumm > http://designdrumm.com > > > > > > On Oct 13, 2016, at 10:32 PM, Philippe Wittenbergh <e...@l-c-n.com> > wrote: > > > > > >> On Oct 14, 2016, at 12:13

[css-d] order of rules in a single declaration

20px; padding: 0; position: relative; width: 100%; } Make any difference? -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css

Re: [css-d] What causes the space at bottom of squares?

> Thank you, Tom > > On Thu, Sep 22, 2016 at 9:18 AM, John J <cr8...@gmail.com> wrote: >> >> Are you saying to do this to my initial img tag so that this is universal? >> >> On Thu, Sep 22, 2016 at 9:16 AM, Tom Livingston <tom...@gmail.com> wrote:

Re: [css-d] What causes the space at bottom of squares?

t; pixels. I can not see what's allowing this. I have my styles for the tiles > set at max-width:30%; height:auto; > > Can anyone see what the source of this unwanted space is? > > Thank you! > Images are inline elements. If you add a display:block; rule to your images, you can remove t

Re: [css-d] using floats vs inline-block..

I tend to favor floats myself. The biggest issue I've run into is having to remove the gap between items that are inline-block. I guess I'm just so used to floats now that I tend to use them without thinking about it. I do rely on inline-block more for horizontal navbars, which causes the gap to

Re: [css-d] Bullets: Block + inline?

So on mobile, you will have a long scroll of separate groups of billeted lists but at desktop you want the groups of billeted lists to be side by side? If so, you can float the lists ( < ul > ). Google 'CSS floats'. __

Re: [css-d] svg as background image in IE

name (for safety sake) 5. updated css to use new named file 6. Praised the Devine svg gods for showing me mercy at this hour Tested successful in IE 9, 10 (Win 7 and 8), 11 and Edge. Wow. That was a fight. Thanks for looking at this if you did. Appreciate it. -- Tom Livingston | Senior

Re: [css-d] svg as background image in IE

post with results... or more problems. Thanks for your time. I'll let you know. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discus

Re: [css-d] svg as background image in IE

n-chat.svg"); background-size: 40px 32px; background-position: 0 0; background-repeat: no-repeat; min-height: 35px; } -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399

[css-d] svg as background image in IE

All, OK, i've tried several things I've found but I cannot get svg background images to be the right size or position in IE9 +. Some are fine, some don't work at all. Anyone got a suggestion? -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx

Re: [css-d] trouble with responsive background banner

t:;>] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > -- Tom Livingston | Senior Front End Developer |

Re: [css-d] a:hover state in different browsers

On Fri, Aug 12, 2016 at 9:16 PM, Philippe Wittenbergh <e...@l-c-n.com> wrote: > >> On Aug 13, 2016, at 9:05 AM, Tom Livingston <tom...@gmail.com> wrote: >> >> I personally wouldn't use rem's for all of the units involved with >> that structure. rem is based

Re: [css-d] a:hover state in different browsers

l of the units involved with that structure. rem is based on the root element's font size, making it - I assume - dependent on how each browser renders a font, which is where your slight differences come from. Also, the border widths you have set are different. -- Tom Livingston | Senior Front

Re: [css-d] CSS pseudo-class for source of :target

Right, sorry. Was thinking about it wrong. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http

Re: [css-d] CSS pseudo-class for source of :target

t could possibly be more than one on a page, then I would > use classes not an id. > > a.foobar[href*='#foobar'] { > color: red; > } > > HTH, > > Best, > > Karl DeSaulniers If I am not mistaken, and for clarity, you would not include the '#' in

Re: [css-d] CSS pseudo-class for source of :target

ith many things, your browser support needs may vary. I believe this will work back to IE8 or 9. caniuse.com listed other attribute selectors but I didn't see this one specifically listed. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | m

Re: [css-d] CSS pseudo-class for source of :target

gt; Cheers > Andre Schmidt I accidentally replied off list with... a[class="table-of-contents"]{ color: red; } Google "Attribute Selectors" But more in line with the OP's actual question: a[href*="table-of-contents"]{ color: red; } HTH --

Re: [css-d] Flexbox struggle

r, I think. > https://drafts.csswg.org/css-flexbox/#align-items-property > >> On Aug 11, 2016, at 10:05 PM, Tom Livingston <tom...@gmail.com> wrote: >> >> Odd that, unlike float in a flex row situation, margin in >> this case is not overridden. > > Hmm… Float i

Re: [css-d] Flexbox struggle

ure. Odd that, unlike float in a flex row situation, margin in this case is not overridden. Like I said, I don't have a firm grip on flex yet. Thanks all! -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __

Re: [css-d] iPad differences

. On Thursday, August 11, 2016, Crest Christopher <crestchristop...@gmail.com> wrote: > It could be the same, remember Safari doesn't emulate based on iOS. > > Tom Livingston wrote: > > > It most definitely is not the same. > > > > On Thursday, August 11, 2016, Crest Chris

Re: [css-d] iPad differences

/css-discuss.org/policies.html > > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > __ > css-discuss [css-d@lists.css-discuss.org <javascript:;>] > http://www.css-discuss.org/mailman/listinfo/css

[css-d] Flexbox struggle

-child{align-self: flex-end;} to get the last to stick to the bottom of s, but this isn't working. Where am I messing it up? Thanks -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399

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

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

ound-image: url('my700pximage.jpg'); > } > } > This accomplishes what you were describing. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-

Re: [css-d] Transform

On Fri, Aug 5, 2016 at 11:47 AM, Chris Rockwell <ch...@chrisrockwell.com> 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.c

[css-d] Transform

; background-size: 19px 35px; padding: 25px 45px 25px 5%; transition: all 0.5s ease; box-shadow: 0 5px 15px rgba($grey, .8); } .colorbar-link:hover{ text-decoration: none; top: -2px; box-shadow: 0 11px 20px rgba($grey, .6); } -- Tom Livingston | Senior Front End Developer | Media Logic | ph

Re: [css-d] Overwrite one break point earlier break point ?

all browsers ? > Tom Livingston wrote: > > > Breakpoints are not themselves overwritten by each other. They are > parameters. The rules inside breakpoints can override previous rules, or > can be in effect at all widths. If you don't override a base rule, it will >

Re: [css-d] Overwrite one break point earlier break point ?

om/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | f

Re: [css-d] Cascade Image override ?

On Thursday, July 28, 2016, Philippe Wittenbergh <e...@l-c-n.com> wrote: > > > On Jul 29, 2016, at 12:39 AM, Tom Livingston <tom...@gmail.com > <javascript:;>> wrote: > > > > This: > > > > background-image:none,none,url("images

Re: [css-d] Cascade Image override ?

0px 0; height: 500px; width: 5000px; } } @media screen and (min-width: 900px){ .test{ background-image: none, url("img/img4.jpg"), none; } } Just use the correct order and positioning for the new image. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.301

Re: [css-d] Cascade Image override ?

hat the 3 images were replaced with the single 4th image and positioned at img2's position, at 900px wide. I think you need to make sure you are accounting for the attributes of all three initial images when you override them. HTH -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456

  1   2   3   4   5   6   7   8   9   10   >