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

uss.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.30

[css-d] OT: What to do now Webdesign-l is gone

between TDs in different rows within a single table? Off-list replies on this please! Thanks. Sorry if I disturbed you! -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399

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 wrote: > > > On Jul 24, 2017, at 10:57 PM, Tom Livingston wrote: > > > > I'm still new to grid (and flex, for that matter). I have a sample > > page where an indiv

[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 --

Re: [css-d] CSS Grid Question

Ow, my head. On Fri, Jul 21, 2017 at 5:20 PM Eric A. Meyer 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 something like '@col

[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

[css-d] Animating text

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

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, wrote: > No, what is defined with is called outside of and should be > displayed ? > > > > > > Christopher > > > -- Tom Livingston | S

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, wrote: > Link > > > > Christopher > > > > From: Tom Livingston > Sent: Monday, June 5, 2017 10:19 PM > To: CSS Discussion Group; crestchristop...@g

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

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

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/ --

Re: [css-d] Flex question

On Mon, May 22, 2017 at 1:20 PM, Al Sparber wrote: > On 5/22/2017 12:50 PM, Tom Livingston wrote: >> >> Hello list, >> >> Given the following: >> >> >> Item 1 >> Item 2 >> Item 3 >> Item 4 >> >> >> ol{

[css-d] Flex question

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 Fron

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 wrote: > Not without a link. > > Best, > Karl > > Sent from losPhone > -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.

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 wrote: > Listers, > > I have a content module. A div containing text above a flexible-width > video (could easily be an image too). >

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

situation here 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.c

[css-d] form element styles flashing

blur, 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 [

Re: [css-d] Flexbox question

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 wrote: > > I think his breakoints aren't quite right for that 3-column layout. > > The site itself is very useful and informative. &g

Re: [css-d] Flexbox question

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 -- http:

Re: [css-d] Flexbox question

On Mon, Apr 10, 2017 at 5:24 PM, Al Sparber 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 evenly spaced, but if the l

Re: [css-d] Flexbox question

iers > Design Drumm > http://designdrumm.com > > > > > > On Apr 10, 2017, at 3: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

[css-d] Flexbox question

eem to get 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 __

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

rgh wrote: > > > On Apr 6, 2017, at 1:47 AM, Tom Livingston wrote: > > > > Here is my structure and css: > > > > > In Edge, on hover the svg disappears when you move your cursor off the > > element. > > > > Anyone see why or know what's up? I'

[css-d] IE Edge svg hover issue

been messing around 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.

Re: [css-d] Ham Menus

.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] 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/ > > > G-Jim c):{- > > -- > Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html > Book repairs: http://www.wyomerc.com/bookrepair/bookrepai

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 ?

2vw) = 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 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 | medialogic

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

xels ? > > 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

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 wrote: > Once again, they are unrelated in the way you are showing here. > > vw/vh units are relat

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 wrote: > > > Tom Livingston wrote: > > I subscribe to newsletters such as Frontend Focus, Alistapart (digest), > > Ver

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

s.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 __ css-discuss

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 wrote: > Looks like I should be able to use vh. I'll give that a try

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 wrote: > > > On Mar 22, 2017, at 8:28 AM, Tom Livingston wrote: > > > > For me, there was extra height to the page, with a white bg. I could &g

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 wrote: > > > On Mar 22, 2017, at 4:54 AM, Tom Livingston wrote: > > > > Here is a sample page: &

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 wrote: > Here is a sample page: > https://tom

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

'. It's fine 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 |

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

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 __ css-discuss [css-d@lists.css-discu

Re: [css-d] Hidden UL/LI

Works on iPhone/up-to-date Android. This is only a start. Work in progress. But does demonstrate the question the OP asked. Getting the sub to show with hover - which is with a mouse. On Mon, Mar 20, 2017 at 8:37 PM Philippe Wittenbergh wrote: > > > On Mar 21, 2017, at 3:30 AM, Tom L

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.htm

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 wrote: > I have a sample here: > > https://tomliv.com/navigation-menu/index.html > > Though not perfect, you get the idea... > > > >> -- Tom Livingston |

Re: [css-d] Hidden UL/LI

gt; > -- > 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.30

Re: [css-d] Hidden UL/LI

NU/Linux Developer 00372-54541400 > > __ > 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 -- htt

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

ize I 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 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:56 PM, Crest Christ

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&utm_medium=sumlink&utm_campaign=reach> >> > -- Tom Livingston | Senior Front End Dev

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

rted 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 [css-d@lists.css-discuss.org]

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

oks 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: 518.4

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

; > 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.smashcube.com > __

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 wrote: > > > Tom Livingston wrote: > > On Thu, Feb 23, 2017 at 9:43 AM, Crest Christopher > > wrote: > >> I&#x

Re: [css-d] Styling Inline tag vertically

position 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:

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

to change. > > thanks in advance, > > ron > > __ > 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] Inline Anchor failing to work ?

t 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_margins_alone_aren.E2.80.99t_enough:_paddin

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 wrote: > Negative padding is treated like 0 or none. In padding short hand, I > *thi

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

>> List policies -- http://css-discuss.org/policies.html >> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > __ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.or

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 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 email)

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

t; > 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

x" on small > screens. Then you show an hide those when appropriate with your MQ's. > For the copy, try using "em" sizes instead of "px" sizing and they will > resize automatically when the screen size is reduced. You can use "px" but > will pr

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 wrote: > Ron, > > Looks to me like you closed the MQ before all of the styles, so the > styles are working all the time. Al

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

http://css-discuss.incutio.com/ >> List policies -- http://css-discuss.org/policies.html >> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > __ > css-discuss [css-d@lists.css-discuss.org] > h

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 wan

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 wrote: > Can an

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

ript is generating the content, it just seems 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.

Re: [css-d] animated gif has scrollbars

et > 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 Livingston | Senio

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

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-discuss.org] http://www.css-di

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 wrote: > >> Make any difference? > > > > No. The CSS parser doesn’t care. > > > > For the human eye aka readability of

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

> Best, > > Karl DeSaulniers > Design Drumm > http://designdrumm.com > > > > > > On Oct 13, 2016, at 10:32 PM, Philippe Wittenbergh > wrote: > > > > > >> On Oct 14, 2016, at 12:13 PM, Tom Livingston wrote: > >> > >> Curi

[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?

ank you, Tom > > On Thu, Sep 22, 2016 at 9:18 AM, John J 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 wrote: >>> >>> On Thu, Sep 22, 2016 at 12:13 PM, J

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

x27;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 this gap. -- Tom

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 b

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'. __ css-discuss

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

saved as a new 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 Livin

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

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-discuss [css-d@lists.css-

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

; 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.45

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

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 Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #6633

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

On Fri, Aug 12, 2016 at 9:16 PM, Philippe Wittenbergh wrote: > >> On Aug 13, 2016, at 9:05 AM, Tom Livingston wrote: >> >> I personally wouldn't use rem's for all of the units involved with >> that structure. rem is based on the root element's font si

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

he 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 Fron

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; } > > if it's a link that 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

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

As with 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.45

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

cidentally 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

> really imagine how the two can co-exist. Margins on the other hand are not a > layout model, but a spacing thing that eventually affect overall layout. Fun > things to be had with `margin: auto 1em` assuming `flex-flow: row` ( I solved > some edgy problem with that today). > >

Re: [css-d] Flexbox struggle

uture. 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

Thursday, August 11, 2016, Crest Christopher 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 Christopher >crestchristop

Re: [css-d] iPad differences

_support_evolt/ > __ > 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/

[css-d] Flexbox struggle

a p:last-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 | medialogi

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 Develope

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

age.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-discuss

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 #

[css-d] Transform

nd-repeat: no-repeat; 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 Develope

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

MQs are understood by I.E. 9 and up, for and chrome and safari. On Saturday, July 30, 2016, Crest Christopher wrote: > I understand what you mean but there doesn't appear, by looking at the > list of MQ that I have much option that are compatible with all browsers ? > Tom Li

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

/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 __ css-d

Re: [css-d] Cascade Image override ?

On Thursday, July 28, 2016, Philippe Wittenbergh wrote: > > > On Jul 29, 2016, at 12:39 AM, Tom Livingston > wrote: > > > > This: > > > > background-image:none,none,url("images/bg_paper.Hi.jpg"); > > > > should work. Same as I did her

Re: [css-d] Cascade Image override ?

px 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.3015

  1   2   3   4   5   6   7   8   9   10   >