It's 8% of 1200.
1200 * .08 = 96
On 3/31/17, 6:08 PM Crest Christopher said:
I'm still not understanding the math as to; How do you get 96px from
8vw if the viewport width is 1200px ?
___
RICK GORDON
EMERALD VALLEY GR
a client's blog where that
would overcomplicate the post entry.
_______
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
___
WWW: http://www.shelterpub.com
___
The link that I posted earlier,
http://stackoverflow.com/questions/18434094/how-to-style-svg-with-external-css,
suggests inlining the SVG. Is that a possibility?
Here's a direct link to what was pointed to:
https://snippetlib.com/jquery/replace_all_svg_images_with_inline_svg
Rick G
n the direction, how I can stylize a SVG object
contained in a tag though CSS; otherwise it appears jQuery is
the only direction.
___
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
___
WWW: http://www.shelterp
n the land of Too Much
Information.
So this is not a CSS question per se, but any tips on how to get advice
as reliably as on this list are most welcome.
I actually was trying to post when I noticed that everything was getting
bounced, but I already figured out my problem there.
Rick Gordon
Oh, well.
A test in Chrome v43 (Mac) showed that the color profile -- even if
tagged -- is not recognized in my background-image, regardless of
whether the image is saved as .png or .jpg (and even if background-color
is disabled).
Rick Gordon
-
On 7/16/15, 1:41 PM, Rick
e:url(PATH_TO_1_PIXEL_PNG_OF_sRGB-TAGGED_RED.png);
background-size:cover;
}
Any thoughts?
___
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
___
WWW: http://www.shelterpu
or to recalculate its
left indent based on the image width. So that's definitely a big help,
and a new element to add to my holey-as-swiss-cheese understanding.
Rick Gordon
-
On 4/16/15 12:55 PM, David Hucklesby wrote:
For the "Yestermorrow School" article, try addi
now that I can accomplish that with jQuery and a special class for
the paragraph, but would prefer the possibility of a pure CSS approach,
though I'm not sure that it's possible.
_______
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
There are a number of other browser apps available for iOS, and Chrome
is used quite a bit. I believe they are all built on Webkit engines.
Rick Gordon
-
On 3/9/15 8:36 PM, Crest Christopher wrote:
I have a question, doesn't the iPad and iPhone typically use one
br
It might be worth taking a look at this discussion:
http://stackoverflow.com/questions/754607/can-jquery-get-all-css-styles-associated-with-an-element
Rick Gordon
-
On 11/14/14 9:57 AM, Michael Beaudoin wrote:
I have been tasked to sift through a site and collect the
mselves to that sort of functionality.)
body.owner :first-child { outline: 1px dotted lime; }
Rick Gordon
-
On 9/26/14 7:00 AM, Philippe Wittenbergh wrote:
Very quick debug tip: :first-child { outline: 1px dotted lime; }
And are there any tools that aid in helping you kn
#middle has padding-top:2em; as defined on line 555 of your css.
Rick Gordon
-
On 9/24/14 2:10 PM, John wrote:
At this link: http://www.coffeeonmars.com/ I have an image just under the
header nav which spans my wrapper. to achieve this, I placed a call for the
image
think) allegedly
calculates subpixel kerning values and prioritizes kerning over any
other property.
Rick Gordon
On 7/9/14 9:54 AM, "Elli Vizcaino" wrote:
A more stable fix is using a small negative margin-right (something
like -.1em). But again, this is de
Just curious if text-rendering:optimizeLegibility might help. I've found
it can really be helpful with type.
Rick Gordon
On 7/3/14 5:07 PM, "Philippe Wittenbergh" wrote:
Le 4 juil. 2014 à 06:09, David Hucklesby a écrit :
I think you may be lookin
no-js, and then a script is run to change the class to .js. If it
fails, you can assume that JavaScript is not enabled, and style with the
possibility of either .js or .no-js as an ancestor.
Rick Gordon
On 6/23/14 12:10 PM, "Tom Livingston" wrote:
On Mon, Jun
nyone wants to take a peek at http://www.theshelterblog.com/, I'd
appreciate any insights.
Thanks in advance.
_______
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
___
PHONE: 415-663-8652
EMAIL: r...@rickgord
I meant Transcending CSS.
--
On 12/19/13 at 4:16 PM -0800, Rick Gordon wrote in a message entitled
"Re: [css-d] Visual styling vs. source order":
>I think a good criterion is this: If you were looking at the content, in an
>undesigned, purely logical order, what
I think a good criterion is this: If you were looking at the content, in an
undesigned, purely logical order, what order would the code fall in?
(Ingrained from my reading of Andy Clarke's Understanding CSS)
Rick Gordon
--
On 12/19/13 at 7:06 PM -0500, Tom Livingston wro
Rick Gordon
--
On 12/19/13 at 5:00 PM -0500, Tom Livingston wrote in a message entitled
"[css-d] Visual styling vs. source order":
>List,
>
>Hopefully this is related to CSS enough for this list...
>
>Visually, the layout I'm looking at has a smal
7;ll wait for permission before suggesting that.
Rick Gordon
--
On 11/20/13 at 12:04 PM +1100, Alan Gresley wrote in a message entitled
"Re: [css-d] Comprehensive CSS Selector Test Without JavaScr":
>Here some old pages of mine with structural and attribute selectors
Has anyone put together a comprehensive test page for CSS selectors, which does
not use JavaScript?
I'd like to be able to test it in various ereaders, many of which don't support
JavaScript.
--
_______
RICK GORDON
EMERALD VALLEY GR
I believe that adding
-webkit-column-break-after: avoid;
-webkit-column-break-before: avoid;
-webkit-column-break-inside: avoid;
... will cover for Webkit browsers.
Rick Gordon
--
On 2/28/13 at 6:54 PM +0200, Jukka K. Korpela wrote in a message entitled
Are you sure the CSS file is where you say it is?
The main page, http://forkinthecode.bloople.net/, has the line:
... but http://forkinthecode.bloople.net/portfolio_mobile.css can't be found,
though http://forkinthecode.bloople.net/portfolio.css can be found.
Rick G
nable to find out
>how to do so. Any ideas?
--
_______
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
___
WWW: http://www.shelterpub.com
__
css-discus
Cederholm's is nice because it is available (multiple-format download at a
single price) in an iBooks-enhanced version that uses video to display the
intended look of various elements, where a progression of states can be shown.
Rick Gordon
--
On 8/30/11 at 5:02 PM
In the previous post, I meant to write p + h1, not p > h1.
--
On 8/17/11 at 10:40 PM -0700, Rick Gordon wrote in a message entitled
"[css-d] Seeking Selector Functioning Like a Backwards Adjac":
>No, that is not a Craigslist ad. I'm just wondering
o modify a property of the in that context?
--
___
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
___
WWW: http://www.shelte
from semantic conventions,
even if it is not targeted for multi-browser use, and there is no other way to
attain the end goal. I already understand that it is an less-than-optimal
solution.
Thanks in advance for your feedback.
--
___
RICK GORDON
EM
want.
--
On 6/26/11 at 10:38 PM -0700, Rick Gordon wrote in a message entitled
"Re: [css-d] iPad":
>I mean -webkit-text-size-adjust:100%;
>
>--
>
> >On 6/27/11 at 6:52 AM +0200, Erick Staal wrote in a message entitled
>>"Re: [css-d] iPad":
I mean -webkit-text-size-adjust:100%;
--
On 6/26/11 at 10:21 PM -0700, Rick Gordon wrote in a message entitled
"Re: [css-d] iPad":
>For the sizing issue, try -webkit-font-size-adjust:100%;
>
>--
>
>On 6/27/11 at 6:52 AM +0200, Erick
. Landscape has larger characters however than Portrait (I don't
>know if this is the effect you find ok, so I mention it anyway).
>
>Sincerely, Erick
--
_______
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
y querying other propertices such as device-width,
etc.
At any rate, thanks to Jukka and Philippe for your helpful input.
Rick Gordon
--
On 6/23/11 at 6:44 AM +0300, Jukka K. Korpela wrote in a message entitled
"Re: [css-d] Any Way to Map font-variant or text-transform t&quo
gt;Could this be accomplished with CSS alone, or would it require Javascript?
>
>Hmm, use @font-face to load a font with real small caps? And don't specify
>font-variant in your stylesheet. @font-face coverage is quite good (busted
>Androids aside).
--
___
it's not available, it would be font-variant:small-caps. This scenario
could take place in an iOS context, where the iPad has Copprplate installed,
but earlier iPhones do not.
Using @fontface embedding of Copperplate might be contraindicated due to
copyright restrictions.
Rick G
?
--
___
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
___
WWW: http://www.shelterpub.com
__
css-discuss [css-d@lists.css-discuss.org
use in HTML.
>I need to achieve this without changing html.
>
>Could anyone help me out?
>
>soichi
--
_______
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
__
tags that would
work in any lingusitic context, or where an override is required.
Rick Gordon
--
On 12/11/10 at 11:13 PM +0100, Gabriele Romanato wrote in a message entitled
"[css-d] ::first-word pseudo-element (and other pseudo-ideas":
>I'm following an inte
n
>>
>> Fixing any errors here could resolve any problems you're having.
>>
>
>Alex
>-
>
>
>
>
>I had a look at the W3C validator and the only issues are mundane. I am
>still stu
Is there an actual property to
>accomplish it, like you can have vertical-align in table cells?
>
>Lisa
--
___
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
What is the best way to set an image with liquid sizing so that it will fit,
for example, into the left 25% of its containing div?
--
___
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
___
WWW
Thanks all.
I finally decided to wrap the major groupings in a
wrapper, and set margin-bottom for the .by-country class.
Rick Gordon
--
On 8/30/10 at 10:25 PM +0200, Joergen W. Lang wrote in a message entitled
"Re: [css-d] Adjacent Sibling Selectors in Reverse?&quo
to the h2, I could
adjust the margin-bottom of that, rather than the margin-top of the h2.
Rick Gordon
--
On 8/30/10 at 7:03 PM +, Climis, Tim wrote in a message entitled
"Re: [css-d] Adjacent Sibling Selectors in Reverse?":
> > >Something like thi
But that affects p tags that fall AFTER h2's, not before, no?
--
On 8/30/10 at 12:37 PM +0100, MEM wrote in a message entitled
"Re: [css-d] Adjacent Sibling Selectors in Reverse?":
>2010/8/30 Rick Gordon
>>
>> Is there some way to address the first
Is there some way to address the first member of an adjacent sibling selector,
as opposed to the last member?
For example, if I wanted to address p tags immediately preceding an h2, how
might I go about it? Thanks.
--
___
RICK GORDON
EMERALD
Yes, that was one of them. And I seem to recall that some head sizes were
ultimately affected.
--
On 8/26/10 at 12:14 PM -0700, Claude Needham wrote in a message entitled
"Re: [css-d] iPad":
>On Thu, Aug 26, 2010 at 12:06 PM, Rick Gordon wrote:
>> You'r
ormance,
>would "-webkit-text-size-adjust" not be inherited if used like this:
>
>body { -webkit-text-size-adjust:100%; }
>
>--
>Regards,
>Thierry
>www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
--
__
Add a -webkit-text-size-adjust tag to avoid small text being scaled up to a
minimum size:
*, body { -webkit-text-size-adjust:100%; }
Rick Gordon
--
On 8/26/10 at 12:36 PM -0500, Adam Stemple wrote in a message entitled
"[css-d] iPad":
>I am trying to debug a Word
Why do you need the floats? Just at a glance, I'd suspect that that's what's
messing up your centering.
Rick Gordon
--
On 7/30/10 at 1:16 PM +0200, Peter Lawson wrote in a message entitled
"[css-d] Simple menu bar":
>I doubt you get questions more b
To add to what others have said, another issue related to this may be the
z-index bug, which can affect the layering of positioned elements in IE7 and
lower. Google z-index bug.
Rick Gordon
--
On 7/30/10 at 12:25 PM -0700, Angela French wrote in a message entitled
"[
ynamic control.
And how would the position be smoothly updated when the window is resized?
I understand that this may be falling slightly outside of a pure CSS question,
but I would welcome a suggestion for how to proceed or where to find an
Not sure about Android. But a purely CSS solution works on the iPhone/iPad with
the Webkit-based Safari browser:
-webkit-text-size-adjust:100%;
I have not confirmed, but perhaps there is also a -moz version.
Rick Gordon
--
On 5/26/10 at 11:59 PM +0900, Dave M G wrote in a
e logic by which this works, as opposed to just
a direct reference to #main-wrapper?
Thanks,
Rick Gordon
--
On 5/24/10 at 9:53 AM -0400, David Laakso wrote in a message entitled
"Re: [css-d] Going Crazy with Z-Index Bug":
>Rick Gordon wrote:
>>I'm trying t
To clarify further, element that is intend to enlarge and go in front is
#content-wrapper #main-wrapper #main #post-outer #post-main:hover
and the z-index offender in IE7 is #content-wrapper #sidebar
Rick Gordon
--
On 5/24/10 at 3:34 AM -0700, Rick Gordon wrote in a
-IE.css
http://www.shelterpub.com/_blog/LloydsBlogLayoutStyles-IE7.css
http://www.shelterpub.com/_blog/LloydsBlogLayoutStyles-IE6.css
Thanks in advance for any assistance.
--
_______
RICK GORDON
EMERALD VALLEY GRA
Thanks. That was the ticket.
--
On 5/17/10 at 9:22 PM +0900, Philippe Wittenbergh wrote in a message entitled
"Re: [css-d] Links Gone Inactive in Blogger Template in Revi":
>On May 17, 2010, at 9:10 PM, Rick Gordon wrote:
>
>> I've been reworking
ibed problem in Firefox 3.5 and Safari 4, and see it on an
iPad, as well.
--
_______
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
___
WWW: http://www.shelterpub.com
__
raphs within a post with tags.
--
On 4/18/10 at 8:23 PM +0200, MB wrote in a message entitled
"Re: [css-d] Combinators: How to Address Multiple Successive":
>Rick Gordon said:
>
>>There's no way the user is going to deal with HTML for this, so CSS is
&g
;>
>> Some text
>> Some text
>> Some text
>> Some text
>
>Did you try this:
>
>br {margin-bottom: .75em;}
>br + br {float:left;}
--
___
RICK GORDON
EMERALD VALLEY GRA
oing to go the extra mile here.
Rick
--
On 4/16/10 at 7:51 PM -0400, Chris F.A. Johnson wrote in a message entitled
"Re: [css-d] Combinators: How to Address Multiple Successive":
>On Fri, 16 Apr 2010, Rick Gordon wrote:
>
>> Thanks, Alan,
>>
>> T
Thanks, Alan,
The thing is that I don't want only the first to be widened. I want all
s that are not immediately preceded by another to be widened.
I just want to special-case or . I don't want to special
case the following:
Some text
Some text
Some text
Some text
R
y the user is going to deal with
HTML for this, so CSS is the only hope.
--
_______
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
___
WWW: http://www.shel
62 matches
Mail list logo
