en't tested any screen readers. Not sure how to.
Is there any screen reader testing sites or applications?
My thoughts are screen readers will have an easier time now that the
scripts and styles are out of the way, technically.
Screen readers just look for the html correct?
Best,
Karl DeSa
Incorrect.
Some put theirs in the footer to get a better page load score. It's up to you.
The most commonly used method is in the header.
Best,
Karl
Sent from losPhone
> On Sep 20, 2017, at 8:22 AM, John J wrote:
>
> And nowhere else, correct? I'm referring to external CSS
>
> Thank you.
Sure
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul 21, 2017, at 1:18 PM, Tom Livingston wrote:
>
> List,
>
> Is it possible to style the rows and columns of a css grid - the grid itself?
>
> I have an upcoming layout that uses what looks like
ning curve isn't too much either.
Have a look.
HTH.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul 14, 2017, at 8:33 AM, Tom Livingston wrote:
>
> This may not be CSS related, so I apologize if the appropriate answer
> has nothing to do with CSS...
s different browsers, and some do
not support it at all. The differences are smaller in the newest browsers. ]
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jun 20, 2017, at 5:41 AM, Mi B wrote:
>
>>
>> 20 juni 2017 kl. 12:05 skrev Karl DeSaulniers :
>
My replies within yours below.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jun 20, 2017, at 7:17 AM, Philippe Wittenbergh wrote:
>
>
>> On Jun 20, 2017, at 7:05 PM, Karl DeSaulniers wrote:
>>
>> I chose to go with -*-appearance: unset; b
rtant statements from an element without
using !important?
Heck, even with jQuery you have to override with !important. Just messy IMO.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jun 20, 2017, at 4:09 AM, Philip Taylor (RHBNC)
> wrote:
>
> Karl DeSaulniers wrote:
&g
Awe sheezy! This could get interesting...
https://hacks.mozilla.org/2017/06/css-shapes-clipping-and-masking/
<https://hacks.mozilla.org/2017/06/css-shapes-clipping-and-masking/>
Enjoy.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com <http://design
Hi Philip,
At the time I didn't think to use !important (I try to avoid like the plague)
but yes,
putting the !important let my borders and shading work without using
-webkit-appearance:unset;
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jun 17, 2017, at 5:28 PM
including borders and shading.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jun 16, 2017, at 8:38 PM, Philippe Wittenbergh wrote:
>
>
>> On Jun 17, 2017, at 9:08 AM, Karl DeSaulniers wrote:
>>
>> Basically you told the browser your ch
I believe..
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jun 16, 2017, at 1:58 PM, william drescher wrote:
>
> I have:
>
>
> <!--
> html {
>font-size: 2.2rem;
> }
> button, select, input, textarea {
>font-size: 1rem;
>
Maybe a re-install is in order?
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On May 21, 2017, at 4:01 PM, Reese wrote:
>
> I hope this is correctable on my end, that it isn't something
> that will force me to aban
Hey Tom,
Can you create a blank one that fills in for the third that you can then space
from?
Best,
Karl DeSaulniers
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 ha
Thanks Kevin for the link.
Curious though. As the page did not explain, what is "ch"?
Character height?
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Apr 4, 2017, at 6:21 PM, Kevin Randall wrote:
>
> https://www.w3schools.com/c
Completely understood now.
Thanks Philippe.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Apr 4, 2017, at 7:02 AM, Philippe Wittenbergh wrote:
>
>
>> On Apr 4, 2017, at 6:34 PM, Karl DeSaulniers wrote:
>>
>> 0.08em does equal 8%, but 8v
I see what you are saying now Philippe.
0.08em does equal 8%, but 8vw may or may not equal them
sorry to beat a dead horse...
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Apr 4, 2017, at 2:03 AM, Philippe Wittenbergh wrote:
>
>
>> On Apr 4, 2017, a
* 0.08 = 16
80 + 16 = 96
if seeing it from 1000 makes it easier.
Also,
I believe that..
0.08em = 8% = 8vw
(correct me if I am wrong)
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Apr 3, 2017, at 11:06 PM, Rick Gordon wrote:
>
> It's 8% of 1200.
>
Alternatively, if you want the menu to scroll and not the whole window,
you can set height:100% and overflow-y:auto on #site-navigation.
Sorry for multiple emails. Last minute thoughts as I leave out the door.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Apr 3, 2017,
Oh and I also forgot.
#site-navigation needs height:auto;
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Apr 3, 2017, at 5:56 PM, Karl DeSaulniers wrote:
>
> Hey Chris,
> Just fyi. Got these errors.
>
> [Error] Failed to load resource: the serve
{
padding: 8px;
text-decoration: none;
color: #fff;
display: block;
border-bottom: 1px solid #fff;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: .9em;
}
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://desig
Good read. Thanks for sharing.
Funny how you still need em though to do it properly.
Never knew about -webkit-calc(), interesting.
is there a -moz-calc() and -o-calc() ?
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Mar 31, 2017, at 7:52 PM, GJim wrote:
>
> T
the window gets
resized. Am I correct in this assumption?
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Mar 29, 2017, at 7:20 AM, Crest Christopher
> wrote:
>
> Let’s assume a 1000px wide viewport / window, then 2.2vw /1000px/100
> = 2.2 / 10 = 22px
>
&
Frankenstein! LOL!
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Mar 29, 2017, at 6:45 PM, Tom Livingston wrote:
>
> On Wed, Mar 29, 2017 at 7:23 PM, Crest Christopher <
> crestchristop...@gmail.com> wrote:
>
>> If we assume the viewport is 20
a bit more.
I am not being cynical when I say this. Just realistic.
GL,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Mar 28, 2017, at 10:24 PM, Crest Christopher
> wrote:
>
> Your stomach is hurting from the antacids.
> I'm only trying to understand
Ouch. My stomach hurts.
@crest
Go post that question on Stack Overflow and see what they say.
Best,
Karl
Sent from losPhone
> On Mar 23, 2017, at 9:24 PM, Philippe Wittenbergh wrote:
>
>
>> On Mar 24, 2017, at 11:02 AM, Crest Christopher
>> wrote:
>>
>> When using vw/vh em are always g
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
Without really seeing what your doing of course.
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.
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Mar 22, 2017, at 4:39 AM, Michelle Konz
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_
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 right two images like
>
>
That's clean.
I know you don't have to use background-image: , you can use background: too
for linear-gradient:.
Was there a preference to using background-image? Was it for the repeat-x
property?
Very nice Eric. Thanks for sharing!
Best,
Karl DeSaulniers
Design Drumm
http://desig
That's cool.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Mar 17, 2017, at 1:48 PM, Eric A. Meyer wrote:
>
>
>> On Mar 17, 2017, at 13:16, John Beales wrote:
>>
>> I remember seeing some demos a couple of years back of using CSS
>
What horizontal navigation? It's vertical the whole way through for me.
1440x900 to 320x240
Safari Mac OS 10.11.16
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Mar 15, 2017, at 2:27 PM, Chris Kavinsky wrote:
>
> I'm working on a site with a responsive
That is create, not crate. Sorry.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Mar 14, 2017, at 9:53 PM, Karl DeSaulniers wrote:
>
> Hi Angela,
> The audio tag does not get styled, you crate a skin and load the audio, or
> BGSOUND into your skin.
>
of my sites back in 2010 and ti worked great.
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Mar 14, 2017, at 5:36 PM, Angela French wrote:
>
> Hello,
> I am experimenting with using the tag. I see it looks very different
> across browsers. Is there any
body
with 2em font size will actually be a 32px font and if a paragraph inside that
div has 2em font it will actually be a 64px font size. Hope that makes sense. :)
GL!
Best,
Karl
Sent from losPhone
> On Mar 9, 2017, at 6:29 AM, Karl DeSaulniers wrote:
>
> Hi Tim,
> You might
Hi Tim,
You might want to try setting your body to 100% or 1em; or 1rem; and see what
happens.
Season to taste.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Mar 9, 2017, at 5:16 AM, Tim Dawson wrote:
>
> My web site at http://new.gigaplusargyll.co.uk displays O
No he probably copied the code I sent him.
I threw together a quick example that had a span wrapping his elements.
It should have been a div or a paragraph.
Sorry Crest. Update that span to a div if your using my example.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On
; *think* it will negate the whole padding declaration. You could try
>> negative margin for the side in question instead.
>>
>> On Wed, Feb 22, 2017 at 1:37 AM, Crest Christopher
>>
>>
>>
>> Crest Christopher <mailto:crestchristop...@gmail.com&g
Hi Crest,
Perhaps try...
email: some...@some-email.com
I have found the ... to be better wrapped than a wrapper.
Meaning, I only put text inside them. No elements.
Oh and padding can not be negative. I think you were meaning margin?
HTH,
Best,
Karl DeSaulniers
Design Drumm
http
Ron,
I found this read-up that is quite dated, but I think is still relevant.
https://css-tricks.com/using-css-in-html-emails-the-real-story/
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Feb 21, 2017, at 2:11 PM, Tom Livingston wrote:
>
> I'll also a
queries. i think understand the basic
>> concepts, i’ve done some tutorials, rebuilt the html and am still banging
>> my head.
>>
>> i theory, it seems like it shouldn’t be that hard. a wrapper and fixed
>> container. when i apply the query, it goes liquid and won’t
ems like it shouldn’t be that hard. a wrapper and fixed
>>> container. when i apply the query, it goes liquid and won’t hold the 600
>>> measure.
>>>
>>> sorry to be so dense, but i’m going nuts—i’m done a few tutorial from
>>> litmus .no <http://lit
t i’m going nuts—i’m done a few tutorial from litmus
> .no <http://litmus.no/> luck. i was hoping to get an extremely simple example.
>
>
> most of the examples i’ve seen have a ton of resets and queries—its a blur.
> its not from not trying. —thanks again,
>
>
Ron,
Quick and simple.
Google: CSS Media Queries example
Download, dissect and learn.
GL!
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Feb 18, 2017, at 7:14 PM, Ron Zisman wrote:
>
> hi all,
>
> http://ricochet.org/plastics_engineering.html
>
>
I believe the width of the smallest Apple Watch is 267px.
You'll have to google it to get the exact size.
Not positive off hand.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jan 7, 2017, at 5:02 PM, GJim wrote:
>
> I just finished converting my own site,
XCode has a iPhone and iPad emulator and I think even iWatch now. But don't
quote me on that.
Best,
Karl
Sent from losPhone
> On Jan 1, 2017, at 6:47 AM, Leo Ingson wrote:
>
> Not perfect, but simple setup: Chrome devtools with device toogled to iPad
> will get you some distance. Then devel
Oh, ok. Sorry to jump the gun.
I just saw what was there and my web mind took over.. lol.
Hope it helped. (: ))
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Dec 14, 2016, at 7:18 PM, GJim wrote:
>
> Howdy Karl,
>
> ~~~
> Wednesday, December 14, 201
ot;
Should be
style=" @media all and ( min-width: 768px){ clear:both;}"
But again, you shouldn't need this with the above css.
You will want to play with the max-widths to get the desired effect.
I placed in arbitrary numbers in for debugging purposes.
HTH,
Best,
Karl DeSau
lish.
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Nov 28, 2016, at 4:28 PM, Angela French wrote:
>
>
> I'm having a heck of a time getting my figure caption text to be underneath
> my figure. Thank you for any advice.
>
> http://www.dev.sb
overflow:hidden; didn't work?
Best,
Karl
Sent from losPhone
> On Nov 11, 2016, at 1:03 PM, John J wrote:
>
> I placed an animated gif on a web page; the dimensions of the gif do not
> exceed the capacity of the containing div, yet I have scrollbars. Link
> below.
>
> Is there a best practice
Agreed. The parser doesn't care, but the browser will interpret and reorder
based on its settings/preferences.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Oct 14, 2016, at 7:00 AM, Mi B wrote:
>
> The ordering is only an indication of interpretation.
;
position: relative;
display: block;
}
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:
>>
>> Curious. Does the order of declarations
Those grids are meant for things like bootstrap where the grids translate into
the different columns you get in those frameworks I believe.
Haven't worked with the photoshop file aspect though. Just bootstrap.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Oct 10,
That is how I would do it.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Oct 3, 2016, at 5:43 PM, Rick Gordon wrote:
>
> I'm sure that I could do it by nesting the unbordered image in a bordered
> div, but I'm looking to do this in a client&#
Because inline does not honor height. you need inline-block or block to do that
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com <http://designdrumm.com/>
> On Sep 22, 2016, at 6:25 PM, John J wrote:
>
> Yeah..that sounds good. Easy enough to make that change. Why
I would add a class to images that you need a special style for
instead of declaring the same style for all images
if not all images should display the same.
Just my 2¢
:)
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Sep 22, 2016, at 11:22 AM, Tom Livingston wr
> Best Wishes,
>
> Tim
>
>> On 15/09/2016 00:15, Karl DeSaulniers wrote:
>> Hey Tim,
>> Doing this in your code pen worked for me.
>> I moved the paragraph into a li inside the ul for that same select dropdown.
>> You had the paragraph in
rrow.
>
> Best Wishes,
>
> Tim
>
>> On 15/09/2016 00:15, Karl DeSaulniers wrote:
>> Hey Tim,
>> Doing this in your code pen worked for me.
>> I moved the paragraph into a li inside the ul for that same select dropdown.
>> You had the paragraph in
The year for which settings are
to be made
Defaults to 'next year'.
...
Best,
Karl DeSaulniers
Design
Thanks Tom.
How about the urls for your images?
Can you give that?
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Sep 13, 2016, at 8:31 PM, Tom Livingston wrote:
>
> On Tue, Sep 13, 2016 at 9:21 PM, Karl DeSaulniers
> wrote:
>> Can we see the css
Can we see the css that you are using?
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Sep 13, 2016, at 7:16 PM, Tom Livingston wrote:
>
> All,
>
> OK, i've tried several things I've found but I cannot get svg
> background images to be the r
Hi Angela,
Try this...
#surveylinkbar {
background-image: url('/_resources/images/websurvey-banner4.gif') ;
background-repeat:no-repeat;
background-size: 100% auto;
background-position: center;
}
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.co
on the side.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com <http://designdrumm.com/>
> On Aug 13, 2016, at 1:56 PM, Andre Osku Schmidt
> wrote:
>
> On Sat, Aug 13, 2016 at 8:13 PM, Karl DeSaulniers <mailto:k...@designdrumm.com>> wrote:
> Hi Andre,
>
Hi Andre,
Couldn't let this one go.. :P
Would this be what you are looking to accomplish?
http://designdrumm.com/example_target.html
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Aug 13, 2016, at 3:44 AM, Andre Osku Schmidt
> wrote:
>
> On Fri, A
This might be worth taking a look at.
http://jsfiddle.net/SchizoDuckie/fzZ9d/
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Aug 12, 2016, at 2:56 PM, Karl DeSaulniers wrote:
>
> Would this be what you're seeking?
> I think this is the closest you can com
Would this be what you're seeking?
I think this is the closest you can come if not.
h1:target
{
background: green;
}
h1:not(:target)
{
background: red;
}
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Aug 12, 2016, at 8:03 AM, Andre Osku Schmidt
Yes, looks like it..
https://developer.mozilla.org/en-US/docs/Web/CSS/:target
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Aug 12, 2016, at 7:42 AM, Chris Rockwell wrote:
>
> I might muddy the waters here, but I'll try to explain how I interpreted
> th
> On Aug 12, 2016, at 7:40 AM, Karl DeSaulniers wrote:
>
>> On Aug 12, 2016, at 7:32 AM, Tom Livingston wrote:
>>
>> On Thu, Aug 11, 2016 at 6:39 PM, Karl DeSaulniers
>> wrote:
>>> Hi Andre,
>>> Why would you target the element for its h
> On Aug 12, 2016, at 7:32 AM, Tom Livingston wrote:
>
> On Thu, Aug 11, 2016 at 6:39 PM, Karl DeSaulniers
> wrote:
>> Hi Andre,
>> Why would you target the element for its href if you already have an id?
>> Not sure I am understanding that part.
>>
>
there is checking both id and href
a#foobar[href*='#foobar'] {
color: red;
}
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
Design Drumm
ht
-reason-why-google-forked-webkit/
Let the competition begin! :)
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Aug 11, 2016, at 1:37 AM, Mi B wrote:
>
>
>> aug. 11 2016 07:38 Karl DeSaulniers :
>>
>> Chrome is built off of Gecko and Webkit anyway.
ce it is
associated with will get you "closer"
results to the actual device then using another browsers attempt at
implementing emulation for a product they don't make.
I don't know, maybe it's just me.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
I have an iPhone still on iOS 7.
No iPad though.
@crest - you do know you can view inspect element of any iPhone or iPad in
safari desktop? safari also has a responsive design mode. Works best for iPhone
and iPad emulation I have found.
Best,
Karl
Sent from losPhone
> On Aug 10, 2016, at 6
ote:
>
>
>> On Aug 11, 2016, at 3:23 AM, Karl DeSaulniers wrote:
>>
>> They are not the same resolution or size.
>>
>> The biggest difference between these tablets is screen density.
>> The iPad mini's display is 7.9 inches diagonally, with 1024 x
ution at 264 pixels per inch.
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Aug 10, 2016, at 9:37 AM, Crest Christopher
> wrote:
>
> TheiPad & iPad mini are both the same CSS width but when previewing both
> devices; the iPad Mini give me p
@Crest,
Inspect element will reveal this to you.
look at the computed styles for that image element.
not the written styles, but the actual computed styles applied after load.
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Aug 6, 2016, at 1:08 PM, Crest Christop
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 p
My thoughts are that with your project, you should be doing desktop first and
not mobile first. Just a guess though. Largest to smallest.
Karl
Sent from losPhone
> On Jul 30, 2016, at 8:42 PM, Crest Christopher
> wrote:
>
> I understand what you mean but there doesn't appear, by looking at
e:none;
background-image:url("images/bg_paper.Hi.jpg");
...
That way it cascades.
Initially clearing with none,
then sets with the new url.
Otherwise you could possibly try..
background-image:url(''),url(''),url("images/bg_paper.Hi.jpg");
Best,
Karl DeSau
file.
So I thought the edits didn't work.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul 27, 2016, at 2:31 PM, Crest Christopher
> wrote:
>
> Correct me if I'm wrong but shouldn't a rule further down the cascading
> over ride any previou
Hi Sara,
I think you're meaning this? No it does not have to be a svg.
.menu li::after {
font-family: 'athelas', serif;
font-weight:bold;
font-size: 16px;
content: url('diamond.png');
}
Best,
Karl DeSaulniers
Design Drumm
http://design
o set the metrics to an even setting.
https://www.fontsquirrel.com/tools/webfont-generator
HTH
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul 27, 2016, at 5:05 PM, Sara Haradhvala wrote:
>
> I set up this unicode in CSS
>
> .menu li::after {
>
px settings for
consistency on some input elements and such or on purpose.
Makes for a good "responsive" setup I have found.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul 21, 2016, at 2:01 AM, Philippe Wittenbergh wrote:
>
>
> Oh, sure, that
em
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul 20, 2016, at 10:29 PM, Philippe Wittenbergh wrote:
>
>
>> On Jul 21, 2016, at 12:17 PM, Karl DeSaulniers wrote:
>>
>> That is incorrect I believe. FWIU Em is based off
blindly convert rem to em.
My apologies. I was thinking of percent to em and back.
You can convert those with no problems.
I never use rem, so probably shouldn't have shared.. :(
sry..
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul 20, 2016, at 9:01 PM, Phil
I would just convert to em and not rem and move on. Validator should be fine
with em. If not, em can be converted to percent and do the same I believe. I
usually use percent and em on fonts.
Hth,
Best,
Karl
Sent from losPhone
> On Jul 20, 2016, at 12:05 PM, John J wrote:
>
> Working on my c
,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul 15, 2016, at 8:19 AM, Tom Livingston wrote:
>
> This does not do what I was looking for. Images scale at different times
> and are different sizes while doing so. Looks like flex is the best option.
>
> T
Um I didn't ask a question, but I am glad you figured it out.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul 14, 2016, at 8:37 AM, Crest Christopher
> wrote:
>
> You can, you answered your own question, what I
FYI, I found this answer using Rick Gordons link —
http://stackoverflow.com/questions/18434094/how-to-style-svg-with-external-css
The answer by RGB edited by Paul D. Waite
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul 14, 2016, at 12:23 AM, Karl DeSaulniers wr
I think the reason jQuery can do it is because jQuery accesses the inline
tag after its been loaded into the DOM.
So to answer your question, can you style a SVGs children via the parent
documents css that are linked and not embedded, the answer is no.
Best,
Karl DeSaulniers
Design Drumm
ke.
IF you really want to control them with the parent css.
The easiest way seems to be to use the style tag inside the SVG.
I am not sure how to access that when creating your SVG. Hadn't gone that far.
GL!
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul 14, 2016,
Crest,
Your main css would only have an effect on the content of the SVG if the SVG
file is included inline in the HTML.
If you want to keep your SVG in files, the CSS needs to be defined inside of
the SVG file.
You can do it with a style tag that is inside the SVG.
Otherwise you have to put th
if your talking about styling the contents of the object tag, you would have
include the body tag of the object tag kind of like an iframe.
.styleclass #svgobj body .childelementclass #childelement
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul 10, 2016, at 9:52
idden on the container element. You wont see
any styling if this is set.
I am not going to share my code since you said you wanted to do this yourself,
but I can tell you for certain your svg object can be styled.
GL!
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul
on but I want to do it,
> hopefully, with strictly CSS; every site I find related to the subject either
> explains a jQuery solution or it's clear, or not clear at all on a solution,
> as I'll be using this, if I can find, solution quite often.
>
>> Karl DeSaulniers <mai
I think a link to a live example would be best here.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul 10, 2016, at 9:51 AM, Crest Christopher
> wrote:
>
> Tom, I read the second page you linked too as well.
>
> I tried, considering the ID is within a
Might need to be this to cover all systems or the embed may be a Flash thing
only, not sure.
No time to look into it.
div#svgid object, div#svgid embed {
border: 1px solid #cfcfcf;
}
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul 9, 2016, at 11:26
Hi Crest,
Will this work?
div#svgid object {
border: 1px solid #cfcfcf;
}
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul 9, 2016, at 10:24 PM, Crest Christopher
> wrote:
>
> I've been searching on how I can style SVG files embedded in a
would think in the 21st century they would with technology being as
advanced as it is,
but I fear browser creators are stuck in the 1980s and are stomping their feet
to keep it the way it is so they don't have to do work. Lame IMO.
Best,
Karl DeSaulniers
Design Drumm
http://designdrum
g? As well as screen size?
Thank you for the compliment. Appreciate your feedback.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Jul 6, 2016, at 8:03 PM, John Andrews wrote:
>
> Hovering on links in (I think ) Services did not bring up more text.
> Nothing.
>
1 - 100 of 432 matches
Mail list logo
