On Tue, 25 Apr 2017, crestchristop...@gmail.com wrote:
What is that image ? I know what it is but it appears as junk ?
It's a screenshot of the page in question.
Christopher
From: Chris F.A. Johnson
Sent: Tuesday, April 25, 2017 7:57 PM
To: CSS Discussion Group
Subject: Re: [
://css-tricks.com/snippets/css/a-guide-to-flexbox/
Not a page I'd use as a good example: http://b.cfaj.ca/flex.jpg
--
Chris F.A. Johnson, <http://cfajohnson.com>
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-
I'm in the process of redesigning a site for a client. I added a side
navigation for the main nav on smaller screens. One problem I'm having is
that on mobile devices, the screen pushed over to the left and leaves space
for the sliding side navigation even though its not engaged. It doesn't do
this
I'm working on a site with a responsive navigation that is horizontal on a
small screen and collapses to a vertical sliding nav on smaller screens.
This could be a minor issue, but when the screen resizes from small to
larger, the navigation doesn't quite revert to its original state. Does
anyone n
am I overlooking in order to get the links within the list to appear?
http://greencrest.com/navtest.html
click on "menu" in the upper left. thanks in advance.
-chris
__
css-discuss [css-d@lists.css-discuss.org]
http
The issue appears to be at line 1725 of sbctc.css. Is floating every image
in the main container the desired behavior? If so, you'll have to
explicitly reset for either all within a element or use a
class. You'll need to be more specific with your declaration than what
you've done here:
@media
Looks like I'm having hosting issues. The css file is updated (I can see
the updates in the WP editor) but for some reason the site isn't refreshing
the file. Thanks.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-disc
are different, and open and close quotes are
> missing for class and id attributes
>
>
> Greg
> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:
> css-d-boun...@lists.css-discuss.org] On Behalf Of Chris Kavinsky
> Sent: Friday, November 04
I'm reworking a client site navigation to work better responsively and
using a previous site as a model. I think I have the page code and css code
correct, but I'm not getting the correct results. In short, the menu is
collapsing when the screen is smaller but the link isn't toggling the menu,
and
.
--
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 -- http://css-discu
I might muddy the waters here, but I'll try to explain how I interpreted
the goal. Consider a use-case in which your page has a long list of
anchors (imagine a sticky sidebar which scrolls with the user). The goal
(in my contrived scenario) would be to gray out the anchor which links to
the targe
Tough one. margin-top: auto as Philippe suggested does work but flex-end,
as I understood it, should take care of this. It's like flex-end doesn't
respect that you've changed the flex-direction to column.
On Wed, Aug 10, 2016 at 7:18 PM Philippe Wittenbergh wrote:
>
> > On Aug 11, 2016, at 5:5
Note that it still compiles to the first example.
On Fri, Aug 5, 2016 at 3:18 PM Crest Christopher
wrote:
> I knew probably SaSS could do it although I don't use SaSS atleast I was
> right ;-)
>
> Chris Rockwell wrote:
>
>
> If I understand you correctly,
If I understand you correctly, no.
You can do:
body {
background-image: url('my300pximage.jpg');
}
@media and (min-width: 700px) {
body {
background-image: url('my700pximage.jpg');
}
}
With sass you can do this:
body {
background-image: url('my300pximage.jpg');
@media and (min-width
Set top:0 in .colorbar-link.
On Fri, Aug 5, 2016 at 11:43 AM Tom Livingston wrote:
> List,
>
> I'm trying to add a hover to a block-styled link. I want to transition the
> 'top' position of the element on hover with easing but I can't get it to
> happen with the easing. Where am I going wrong?
>
The Web developer toolbar from Chris Pedrick (sp?) does that and much more.
On Mon, Aug 1, 2016, 12:01 AM Crest Christopher
wrote:
> Anyone aware of a simple tool for Chrome which allows me to draw a
> freestyle rectangle and get the dimensions dis
e SVG, find the items I'm looking for and build CSS to
handle it.
From: Crest Christopher
mailto:crestchristop...@gmail.com>>
Date: Tuesday, July 12, 2016 at 7:57 PM
To: Chris Williams mailto:ch...@clwill.com>>
Cc: CSS-Discuss
mailto:css-d@lists.css-discuss.org>>
Subject: R
1) That's not "post 16" that's a reply with 16 (now 17) likes.
2) Is explicitly says in the example:
On 7/12/16, 7:30 AM, "css-d-boun...@lists.css-discuss.org on behalf of Crest
Christopher" wrote:
>Look at, post 16 on stack overflow ?
>
>The example SVG file doesn't have a class called fill
It's not clear to me exactly what the question is.
Can you style SVG inside divs on a page? Yes, I've done it frequently.
How? Simple, and like every other CSS case: use a debugger (Chrome, FF, IE) and
look at the object structure, figure out the hierarchy you want/need and go for
it.
Do I hav
June 29, 2016, Chris Rockwell
> wrote:
>
> > If this layout were in a narrower viewport than shown, and keeping
> >> the grid as shown, in my mind the graphics in the middle row would
> begin to
> >> scale before the rest.
> >
> >
> > For clarif
>
> If this layout were in a narrower viewport than shown, and keeping
> the grid as shown, in my mind the graphics in the middle row would begin to
> scale before the rest.
For clarification: are you saying that's how you think it should work *or*
that is the desired effect you're going for?
>
g the relevant media queries with each component.
I've worked with large codebases that have separate files for media
queries, each breakpoint, and I've always found it more difficult to track
down what I need.
On Tue, May 31, 2016 at 12:32 PM Chris Rockwell
wrote:
> I have used t
I have used the method from the second article since I started using Sass.
I break components/objects/atoms/whatever into their own file and it makes
more sense, to me, to include the media query with the components.
I make mine "more inline" though:
.selector {
color: red;
@media (min-width:
lman/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/
--
Chris F.A. Johnson, <http://cfajohnson.com>
__
ed margins and positioning but that doesn't set the element back to
it's original spot, the only way I can get it back to it's original spot is
by removing the class.
You probably have that class in a CSS file.
A URL would help.
--
Chris F.A. Johnso
There is likely a width set on one of the parents causing the overflow
scrolling. Do you have a link?
On Tue, Mar 29, 2016, 6:09 PM Larry Martell wrote:
> I am trying to align 4 divs horizontally. I know I've successfully
> done this before with either display: inline-block or position: static
>
What are the different scenarios in which this would be used? Is the
assumption that you need to move the text so that it fits right on
different images correct? Can you use background-image for this, and then
position the text within the container?
On Mon, Mar 28, 2016 at 5:00 PM John J wrote:
Or flex: https://jsfiddle.net/gc1dgrsb.
On Mon, Mar 28, 2016 at 3:01 PM Tom Livingston wrote:
> You could try using calc, if the browser support is ok (
> http://caniuse.com/#search=calc).
>
> .centerdiv{width: calc(100% - 68px};/* 68 is width of two outer divs */
>
> On Mon, Mar 28, 2016 at 2:2
uss.org [mailto:
> css-d-boun...@lists.css-discuss.org] On Behalf Of Chris Rockwell
> Sent: Friday, March 25, 2016 7:29 PM
> To: Karl DeSaulniers; CSS-D
> Subject: Re: [css-d] syntax: attribute selector on linked image
>
> Is this in an iFrame? Have you inspected the element with
Is this in an iFrame? Have you inspected the element with developer tools
to see what styles are being applied to it? Maybe yours are simply not
specific enough.
Here is an example using your original that shows the margin works just
fine: https://jsfiddle.net/wnzfh6c4/
On Fri, Mar 25, 2016 at 9
The issue is not with the style of the img, it's with the styling on the
div that includes it. It needs a width spec too.
On 3/7/16, 11:52 AM, "css-d-boun...@lists.css-discuss.org on behalf of
John J" wrote:
>that's what I'm noticing, too...I can't tell if it's my media queries
>moving to next
Link?
On 2/29/16, 2:32 PM, "css-d-boun...@lists.css-discuss.org on behalf of Karl
DeSaulniers" wrote:
>Hello all,
>Got another website. This time it's my own portfolio website. It is an
>infinite loop horizontal scrolling responsive website.
>
>If you all don't mind taking a look at it and
give it a go and see what the results are.
Chris Rockwell
On Sun, Feb 28, 2016 at 3:12 PM, John J wrote:
> I have my "waffle" menu div hiding until viewport reaches max-width:
> 42.5rem, using display:none; in the desktop CSS, then using display:inline;
> at 42.5rem
>
>
to test with a screen reader.
Chris
On Jan 29, 2016 9:49 PM, "Karl DeSaulniers" wrote:
> Hi All,
> I would really appreciate feedback from you guys on this WordPress website
> I just finished. It "should" be responsive on most if not all screens and
> work on old
screen it is always in
easier reach of my thumbs (especially on this Note 5). It also affords the
opportunity to have "quick links" (contextual or otherwise) as well as a
hamburger type button that can expand more navigation.
Test your user base and see if it is a better experience for th
This is just a simple Wordpress blog. Looks like it's just using the default
theme as well.
On 1/7/16, 4:51 PM, "css-d-boun...@lists.css-discuss.org on behalf of John
Griessen" wrote:
>ianmurdock.com
>
>He's gone, so can't ask him anymore.
>
>It's a fast responding, non-database driven blo
As I noted and quoted, YOUR email had the Korean encoding markers before I
even entered the conversation.
On 10/11/15, 11:56 PM, "Philip Taylor" wrote:
>
>
>Chris Williams wrote:
>
>> Philip's second reply in this thread has the same markers. I hadn't
&
t;css-d-boun...@lists.css-discuss.org on behalf of
MiB" wrote:
>
>12 okt 2015 kl. 02:01 skrev Chris Williams :
>
>> Yeah, well whatever. I'm using Outlook on the Mac, which is not set to
>> Korean, as Philip seems to believe.
>
>When Philip quoted your letter, he did
Sunday, October 11, 2015, Chris Williams wrote:
This.
Philip already explained this...
"Jeff sent in ISO-8859-1, as I mentioned in my preceding message;
therefore you (and I) saw characters from the ISO-8859-1 character set,
which does not contain the very characters that Jeff was t
This.
From: Tom Livingston
Date: Sunday, October 11, 2015 at 12:37 PM
To: "p.tay...@rhul.ac.uk"
Cc: Christopher Williams , CSS-D
Subject: Re: [css-d] CSS solution for a "curly" apostrophe
I only saw superscripted numbers as well, and I have my doubts that ios9.x
gmail client can't display
y of accomplishing that using CSS, but server-side
processing might be an (off-list/topic) option.
---
On 10/11/15, 11:49 AM, "Philip Taylor" wrote:
>
>
>Chris Williams wrote:
>
>> My larger point was, tread carefully here. Test a lot. Unexpected
>> results (as Jeff
ely.
On 10/9/15, 9:48 AM, "Philip Taylor" wrote:
>
>
>Chris Williams wrote:
>
>> 1) These characters are font dependent. Unless you are specifically
>> calling out fonts that you use, you risk using glyphs that will not be
>> found on your target machine.
>
You mean the one that shows up as an unknown character on many platforms?
For reference either a superscript 3 or 1 in my email below...
1) These characters are font dependent. Unless you are specifically
calling out fonts that you use, you risk using glyphs that will not be
found on your target
>> when I grab the list it applies my style to the s and not the
Is this because you don't have a consistent, reliable way to target the
instead of the 's? If that's the case I would try to go up the
theming chain (not sure the CMS) to apply some classes.
Chris Rockwell
IMHO, the best design approach is to start with width. It's the best
indicator of overall size, and allows you to "get in the ballpark" with
respect to the question: is this a desktop, tablet or phone?
Once you've established width, you can configure your content to look good
with that, and alway
When you declare "margin: 0 auto" you're explicitly giving instructions to
not use margin on the top and bottom. If absolute positioning is
acceptable, you can do:
margin:auto;
position: absolute;
top: 0;
bottom:0;
left:0
right:0;
On Jun 3, 2015 7:46 PM, "Crest Christopher"
wrote:
> I've come
So can pngs.
On 5/22/15, 6:39 PM, "John Andrews" wrote:
>Try a gif image with black and transparent instead of a png image. Gifs
>can
>have a transparent background.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-d
I came across this blog post and demo for a css-only responsive menu and
I've been playing with it to figure out the nuances of how it works. One
problem I've run into is that when the demo screen is reduced, the menu
appears as intended. I copied the file and css exactly as the demo page (I
even d
Oh crap. I completely overlooked that. That solved the problem. Thanks
Philippe.
On Thu, May 21, 2015 at 12:24 AM, Philippe Wittenbergh
wrote:
>
> > Le 21 mai 2015 à 04:06, Chris Kavinsky a écrit :
> >
> > I'm trying to retrofit an existing site that's using a
I'm trying to retrofit an existing site that's using a horizontal
navigation menu with dropdowns. The problem I'm having is getting the menu
to appear on:click when the screen size is smaller. Its doing it entirely
using css. I created a static version before moving it to the wordpress
site, and it
I'm trying to retrofit a client site to be responsive and running into an
issue with the navigation. I want the horizontal menu to collapse when
smaller and appear on-click but having issue getting the click to work.
Below is the live site and I've also included the css. What am I
overlooking?
htt
There is no link, Crest. Why do you think z-index would be causing a script
not to run?
On Apr 5, 2015 1:21 PM, "Crest Christopher"
wrote:
> I have a problem, z-index on this page is blocking the script to work,
> currently I've only removed the z-index for the x320 break point. Why
> isn't it w
the carousel and it's dependents up top (or in line, right
after the images?), then save the interaction pieces to the bottom. That
way, the carousel will kick off sooner?
Chris
On 3/20/15, 11:09 AM, "J.C. Berry" wrote:
>I was reading and realized that may not be the correct
If you buy into a "grid" the idea is you go all the way. Everything lives
in the grid. That way you get all the responsiveness (and other) benefits
of the grid structure.
On 3/12/15, 12:16 PM, "Tom Livingston" wrote:
>
>I have not used a grid system in the past but am looking into them. As
>I w
It appears that the addition of this:
-webkit-transform: translate3d(0,0,0);
fixes the Safari issue.
That fix was mentioned in one of the StackOverflow threads I saw while
looking into this. Odd that adding z-index didn't work as it did on my
end, as well as removing `position:relative`. Oh wel
statement to check if the value returned is zero, if it is, get
the value from the parent.*
Chris Rockwell
On Thu, Jan 22, 2015 at 10:57 AM, Chris Rockwell
wrote:
> I think if you add a z-index to everything that is position:relative it
> will solve the issue (.circle-button, .plant-it). It d
dex issues.
Chris Rockwell
On Thu, Jan 22, 2015 at 10:26 AM, Philip Taylor wrote:
>
>
> Tom Livingston wrote:
>
> With respect, the code that the validator doesn't like or understand is
>> necessary and the issue isn't showing up on other pages of the site with
&
This is pretty ugly, but it works on Safari MAC :
http://codepen.io/chrisrockwell/full/MYmdbo/
Chris Rockwell
On Wed, Jan 21, 2015 at 5:53 PM, Tom Livingston wrote:
> Unfortunately, I still can't post a link for this. Hopefully someone
> smarter than me can help me based on the fol
Is using LESS for CSS off-topic? Have you looked at Stack Overflow?
stackoverflow.com
Chris Rockwell
On Mon, Dec 8, 2014 at 1:05 PM, John wrote:
> A bit off-topic; any good current resources for LESS issues anyone can
> share?
>
> Thank y
x) { #menupanel { background-color: gray; } }
Chris Rockwell
On Thu, Nov 20, 2014 at 8:46 PM, Tom Livingston wrote:
> Try:
>
> @media only screen and (min-width : 320px) {
> #menupanel {background-color:red;height:400px;width:320px;border:2px;}
> }
>
> @media only screen an
up coding that part of the project, but they just prefer a
different medium to solve the problems. Use whatever tools help you to
solve the problem in the fastest way.
Chris Rockwell
On Sat, Nov 15, 2014 at 9:36 PM, Crest Christopher <
crestchristop...@gmail.com> wrote:
> A sheet/st
according to wikipedia:
http://en.wikipedia.org/wiki/List_of_common_resolutions
However, if you've ever looked at the stats for a low to medium traffic
site, that list doesn't cover a fraction of them.
Chris Rockwell
On Wed, Nov 12, 2014 at 1:43 PM, Crest Christopher <
crestchris
You have flexbox, display:table-cell, display:inline-block, float:left. I
prefer flexbox but most often use one of the display's and avoid float at
almost all costs.
Are you using inline-block and running into this:
http://css-tricks.com/fighting-the-space-between-inline-block-elements/?
On Nov 1
you've
confirmed an image has loaded.
- Drupal makes it point-and-click easy to aggregate and compress your
CSS/JS, I would recommend taking advantage of this
Hope it helps!
Chris
Chris Rockwell
On Fri, Oct 24, 2014 at 10:49 PM, J.C. Berry
wrote:
> Hello all,
> Feel free to te
that should work and
paste it in to the "Disable Rich Text" view. Next, enable rich text, save
it, go back and view the source - is anything different from what you
originally put it?
Again, I don't think this is CSS related so if you want to send me more
details off list I would be hap
one know a really good explanation of the properties
flex-grow and flex-shrink?
Have you seen http://css-tricks.com/snippets/css/a-guide-to-flexbox/?
Chris Rockwell
On Thu, Oct 9, 2014 at 12:27 PM, Darren Brierton
wrote:
> Hello
>
> I've been trying to familiarise myself with the
>
>
> When using a Grid FrameWork must you keep all the column classes and
> gutters or that is only needed when designing ?
>
Not at all. If the grid framework is too difficult to modify for your
needs, choose another framework, or start form scratch.
A grid framework, or any framework for that
I can't look at the example now, but there are endless examples available,
try MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/:first-child
On Sep 26, 2014 9:40 AM, "Crest Christopher"
wrote:
> The first child of my example, I linked too.
>
> Philip Taylor wrote:
>
>>
>> Crest Christopher w
Hey Matthew,
If you look at the stylesheet in Chrome dev tools you'll see a red dot
after both of the styles in question - deleting it solves the issue. A
search suggests that it's unicode characters inserted by server side code:
http://stackoverflow.com/a/23511935
Chris
Chris Rockwe
Glad to help!
Chris Rockwell
On Thu, Sep 18, 2014 at 5:00 PM, John wrote:
>
> On Sep 18, 2014, at 1:49 PM, Chris Rockwell
> wrote:
>
> > Check out the "Computed" tab in Chrome Dev tools - it shows that
> 47.87234%
> > is equal to 430.844 pixels which, w
e that though (
http://ejohn.org/blog/sub-pixel-problems-in-css/).
Chris
Chris Rockwell
On Thu, Sep 18, 2014 at 4:38 PM, John wrote:
> http://www.coffeeonmars.com/170_su/client/portfolio/
>
> At this link, I have 3 thumbnails which display horizontally and are
> evenly distributed,
roper (wp template) as that is
where it belongs.
Chris Rockwell
On Wed, Sep 17, 2014 at 11:32 PM, Dave Solko wrote:
> Is it possible to add a link to the :after?
>
> I'm adding an image via :after, and I want to make it clickable. Is this
> possible?
>
> Using WP, and i
Hey Chris,
Are you familiar with developer tools at all? If you're using Chrome, right
click on the page and in your context menu choose "Inspect Element". A
pane should open that shows HTML; hit the Escape Key (esc) and then click
on "tutorials" - you'll see t
Hey Chris - there is no link in your email.
Chris
Chris Rockwell
On Sat, Sep 13, 2014 at 9:06 PM, Crest Christopher <
crestchristop...@gmail.com> wrote:
> Hi, thank you for your help.
>
> If you don't mind visiting this page, followed by clicking on the word
> tutorials
CSS issue.
Chris
On Sep 13, 2014 8:36 PM, "Crest Christopher"
wrote:
> There is a jQuery load() command that is changing my font and pages
> background when the event is triggered. I know this issue is not
> completely CSS related, I want to know if this is a DOM issue, it does
Yet another option: think in terms of 'rows' and use wrappers for each row
that are display:block. And then make all labels and input elements
inline/inline-block.
There are more ways, I'm sure.
Hope it helps!
Chris
On Aug 26, 2014 11:20 PM, "John" wrote:
> I am tr
I can no longer see the wood for the trees, and would be grateful for
some help, please.
Regards,
Tim Dawson
--
Chris F.A. Johnson, <http://cfajohnson.com>
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-di
Hey Tom, just a heads up that you need to include the 2nd argument in
background-image:, otherwise it won't fallback.
Chris
On Aug 5, 2014 8:45 PM, "Tom Livingston" wrote:
> On Tuesday, August 5, 2014, Karl DeSaulniers wrote:
>
> > On Aug 5, 2014, at 6:15 PM, Phil
They do work the same. You're not giving it a declaration it doesn't
understand ( like rgba(), therefore causing a fallback ), it perfectly
understands url(), it just can't render the resource you're giving it.
Chris Rockwell
On Tue, Aug 5, 2014 at 9:17 AM, Tom Livingston
ackground-image: url('image.svg'), none;
There's also modernizr if you're already using that.
Chris
Chris Rockwell
On Tue, Aug 5, 2014 at 9:00 AM, Tom Livingston wrote:
> List,
>
> I was having a discussion in the comments of an article about using
> svg as a bac
You may not need to Debbie, I just wanted to mention it. Why not add the
CSS I included to your stylesheet and se
Chris Rockwell
I'm not at all opposed to removing the JS, it's kind of an artifact...
--
Debbie
On 8/1/2014 11:26 AM, Chris Rockwell wrote:
> Hi Debbie,
>
>
the necessity for !important :)).
Chris Rockwell
On Fri, Aug 1, 2014 at 1:28 PM, Debbie Campbell
wrote:
> I'm not at all opposed to removing the JS, it's kind of an artifact...
>
> --
> Debbie
>
>
> On 8/1/2014 11:26 AM, Chris Rockwell wrote:
>
>> Hi Deb
with
javascript by adding inline styles (as opposed to adding classes and
dealing with the styling in a sheet), but this will hopefully get you
thinking along the right path.
Make sense?
Chris
Chris Rockwell
On Fri, Aug 1, 2014 at 1:13 PM, Tom Livingston wrote:
> Works in latest Chrome and
I failed, once again, to Reply-All
-- Forwarded message --
From: "Chris Rockwell"
Date: Jul 30, 2014 10:36 PM
Subject: Re: [css-d] Web fonts
To: "Stuart King"
Cc:
Here is the culprit:
.column-content p {
font-family: "Whitney A", "Whitney B&q
I would add it to the end of the main sheet and import the partial in this
scenario.
Chris Rockwell
On Mon, Jul 28, 2014 at 2:33 PM, Tom Livingston wrote:
> On Mon, Jul 28, 2014 at 2:15 PM, Tom Livingston wrote:
> > On Mon, Jul 28, 2014 at 1:42 PM, Chris Rockwell
> wrote:
and there is no
adherence to structure, you'll end up with some messiness down the road (I
feel like I'm preaching to the choir on this point though :D, maybe I've
misunderstood the question).
Hope that helps.
Chris Rockwell
On Mon, Jul 28, 2014 at 1:23 PM, Tom Livingston wrote
Nevermind, its not in normalize.CSS, I scanned too quickly - sorry!
On Jul 26, 2014 9:40 PM, "Chris Rockwell" wrote:
> Felix, admittedly I never questioned why setting font-size: 100% was a
> best practice, it's just always something I've done. Based on your response
&
t I see no harm in, so
if someone smarter than me figured out it helps, I'll just take their word
for it and include the few characters :))
Chris
On Jul 26, 2014 9:27 PM, "Felix Miata" wrote:
> On 2014-07-26 19:43 (GMT-0500) Karl DeSaulniers composed:
>
> Felix Miata wrot
://advres.thehomepagestore.com/consulting_unconventional_resources.php
This is what I see: <http://b.cfaj.ca/thehomepagestore.jpg>
--
Chris F.A. Johnson, <http://cfajohnson.com>
__
css-discuss [css-d@lists.css-discu
users
preference for font size - without the compounding issues (and any
other) of the em.
--
Chris F.A. Johnson, <http://cfajohnson.com>
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/li
have in that toolkit?
Why would you want it to necessarily be 16px? It it were, it would
be too small for many people to read comfortably.
In my browser, "font-size:100%;" means 22px, a good size for me to
read easily.
--
Chris F.A. Johnson, <http://c
>
>
> Right on…the hide me from view method is one I was encouraged to explore;
> have not yet done so.
>
Take a look at
https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css#L110
__
css-discuss [css-d@lists.css-discu
On Thu, 24 Jul 2014, John wrote:
On Jul 24, 2014, at 8:40 AM, Chris Rockwell wrote:
I don't think you're recognizing that em's inherit from their parent.
- #header-logo is a child of
- has a font-size of 2em (set by user agent stylesheet)
- #header-logo therefore has a ba
>
>
> So, I either have to keep track of the math, or…is there another, better
> way I should have built that lock-up?
>
If you want to use em's, you'll need to be aware of parent font sizes.
Personally, I don't put 's in 's, but I see it in practice all of
the time (and it's acceptable as far as
1.25em is equal to (32 * 1.25)px.
Make sense?
If you want to pad it 20px (1.25em of document base font size), you would
need to set padding-left to 0.625em
Hopefully I haven't muddied the waters.
Chris Rockwell
On Thu, Jul 24, 2014 at 11:22 AM, John wrote:
>
> On Jul 24, 2014,
On Thu, 24 Jul 2014, John wrote:
On Jul 24, 2014, at 8:18 AM, Tom Livingston wrote:
ems are relative to font size.
Given a browser default of 16px, 1em = 16px.
If you have something set at font-size: 120%;, that's 120% bigger than
16px (1em) so, like Chris said, it would be 19px (ro
If you haven't seen this yet, it's worth the read and play time:
http://alistapart.com/blog/post/ten-css-one-liners-to-replace-native-apps
Chris Rockwell
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-d
is 19[.2]px.
Chris F.A. Johnson wrote:
On Wed, 23 Jul 2014, John wrote:
On Jul 23, 2014, at 8:38 PM, Crest Christopher
wrote:
Large ? What is the size you want ?
I am hoping that ems will be the same size across the board
throughout the page…my understanding is that they’re appx equal to
On Thu, 24 Jul 2014, Chris F.A. Johnson wrote:
On Wed, 23 Jul 2014, John wrote:
On Jul 23, 2014, at 8:38 PM, Crest Christopher
wrote:
Large ? What is the size you want ?
I am hoping that ems will be the same size across the board
throughout the page…my understanding is that they’re appx
-size; if your font-size is 120%, an
em will be 20% larger than in a block where the font-size is 100%.
--
Chris F.A. Johnson, <http://cfajohnson.com>__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discu
1 - 100 of 1088 matches
Mail list logo
