Re: [css-d] Grid System
Karl DeSaulniers wrote: By calculating what size your website is naturally without responsiveness? 100% of window width. But since you cannot know what the window width is, you are no closer to being able to map from the number of px to a percentage, are you ? Philip Taylor __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
MiB wrote: That’s not what I said. Try again. You said you can translate from px sizing to percentages. I pointed out that, in general, you cannot. I am still waiting for you to demonstrate how you can. Philip Taylor __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
okt 20 2014 09:12 Philip Taylor p.tay...@rhul.ac.uk: MiB wrote: That’s not what I said. Try again. You said you can translate from px sizing to percentages. I pointed out that, in general, you cannot. I am still waiting for you to demonstrate how you can. And I won’t since what I referred to is the ABC of responsive web development. Go read up. I’ll answer specific questions, not your erroneous assumptions. What were we talking about again? Ahhh, grids. Do grids need to be written in pixel sizes ot be grids? If you get advice on grids expressed in pixels and you work with percentages, what is it you need to do in order to make that advice or knowledge useful to you? H. __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
MiB wrote: you can translate from px sizing to percentages I’ll answer specific questions, not your erroneous assumptions. Fine, here's a specific question : How would you translate from 16px to a percentage ? Philip Taylor __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
okt 20 2014 10:49 Philip Taylor p.tay...@rhul.ac.uk: MiB wrote: you can translate from px sizing to percentages I’ll answer specific questions, not your erroneous assumptions. Fine, here's a specific question : How would you translate from 16px to a percentage” ? Give the context. Percentages refers to the context, do they not? I’ll fill that in, but need to restart post-installation. __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
okt 20 2014 10:49 Philip Taylor p.tay...@rhul.ac.uk: MiB wrote: you can translate from px sizing to percentages I’ll answer specific questions, not your erroneous assumptions. Fine, here's a specific question : How would you translate from 16px to a percentage” ? Unfortunately I must do work now, but the (classic) basic context-aware formula is target ÷ context = result. You can read the original article from Ethan Marcotte here Fluid Grids” http://alistapart.com/article/FLUIDGRIDS It will explain it all I think. Grids are not hocus locus. They’re simple (hopefully) and surprisingly flexible and useful tools. __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
okt 20 2014 11:08 MiB digital.disc...@gmail.com: Grids are not hocus locus. Grids are not hocus pocus either. OS X’s canning ability to invisibly (erroneously) correct me is very irritating. Probably solveable, but no time. :P __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
MiB wrote: Unfortunately I must do work now, but the (classic) basic context-aware formula is target ÷ context = result. But when your context is 100% and your target is 16px (or any other number of px), what then ? Philip Taylor __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
okt 20 2014 01:14 Crest Christopher crestchristop...@gmail.com: You can use pixels instead of percentages for a fluid layout ? You can use pixels for the parts of the grid you want to be inflexible, like gutters. This will break relative relationships so must be handled with care. __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
okt 20 2014 11:17 Philip Taylor p.tay...@rhul.ac.uk: But when your context is 100% and your target is 16px (or any other number of px), what then ? I refuse to answer any more questions like this one form you until you have read the article I linked to. What part of ”will explain it all” did you not like? __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
MiB wrote: What part of ”will explain it all” did you not like? The part where you consistently avoid my question. Philip Taylor __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
okt 20 2014 11:25 Philip Taylor p.tay...@rhul.ac.uk: MiB wrote: What part of ”will explain it all” did you not like? The part where you consistently avoid my question. So you admit being a troll? You’re not here to learn and share knowledge, like the a majority of the other members? I answered it, but not in the way you would have preferred. I refuse to believe you’re that daft you can’t comprehend that simple formula. Its simpleness does not limit its usefulness. I also refuse to believe you can’t read an article. Unless you really don’t want to know. I’m not your research department. Your questions are based on you trying to create an unrealistic example totally uninteresting for real world work, as if you don’t know the first thing about CSS design and development. Which I must assume you know something about. You clearly have an hidden agenda and want to waste my time and the readers of this email discussion list. __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
MiB wrote: You clearly [...] want to waste my time and the readers of this email discussion list. On the contrary, I want to challenge your assertion that you can translate from px sizing to percentages for all but the most trivial of cases. If /everything/ was originally expressed in pixels, then of course you can translate from px sizing to percentages (a child of five would know how to do that), but if some elements of the original design were expressed in less tangible units (percent, ems, rems, etc), then it should be patently obvious to you that you can NOT translate from px sizing to percentages. Philip Taylor __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
okt 20 2014 12:20 Philip Taylor p.tay...@rhul.ac.uk: On the contrary, I want to challenge your assertion that you can translate from px sizing to percentages for all but the most trivial of cases. If /everything/ was originally expressed in pixels, then of course you can translate from px sizing to percentages (a child of five would know how to do that), but if some elements of the original design were expressed in less tangible units (percent, ems, rems, etc), then it should be patently obvious to you that you can NOT translate from px sizing to percentages. Your challenge is futile. An example was given about grids expressed in pixels. GJim said that percentages were used. That is the context. When I said you can translate from px sizing to percentages” grids is the context for that claim (Specifically the example used). You’re trying the silly exercise to take that sentence out of that context, to imply I meant it in general terms. A child could understand that was not the case. Consider context, not only when translating pixel-expressed designs, but also when reading this list. __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
I have to agree with Philip here. If you don't know context you can use the formula you referenced. That, I believe, is his point. Viewport width is not something you will know. If, for example, you know your content will be a max-width of 960px, then you can work off of that in the formula. Also, I'd recommend not mixing units as you could be creating a small annoying mess. Gutters can be small percentages as well, figured out with that same formula. No, I'm not a troll. On Monday, October 20, 2014, Philip Taylor p.tay...@rhul.ac.uk wrote: MiB wrote: You clearly [...] want to waste my time and the readers of this email discussion list. On the contrary, I want to challenge your assertion that you can translate from px sizing to percentages for all but the most trivial of cases. If /everything/ was originally expressed in pixels, then of course you can translate from px sizing to percentages (a child of five would know how to do that), but if some elements of the original design were expressed in less tangible units (percent, ems, rems, etc), then it should be patently obvious to you that you can NOT translate from px sizing to percentages. Philip Taylor __ 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 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] 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] Grid System
Sorry, that should read If you don't know context you CAN'T use the formula... Another victim of auto correct... On Monday, October 20, 2014, Tom Livingston tom...@gmail.com wrote: I have to agree with Philip here. If you don't know context you can use the formula you referenced. That, I believe, is his point. Viewport width is not something you will know. If, for example, you know your content will be a max-width of 960px, then you can work off of that in the formula. Also, I'd recommend not mixing units as you could be creating a small annoying mess. Gutters can be small percentages as well, figured out with that same formula. No, I'm not a troll. On Monday, October 20, 2014, Philip Taylor p.tay...@rhul.ac.uk javascript:_e(%7B%7D,'cvml','p.tay...@rhul.ac.uk'); wrote: MiB wrote: You clearly [...] want to waste my time and the readers of this email discussion list. On the contrary, I want to challenge your assertion that you can translate from px sizing to percentages for all but the most trivial of cases. If /everything/ was originally expressed in pixels, then of course you can translate from px sizing to percentages (a child of five would know how to do that), but if some elements of the original design were expressed in less tangible units (percent, ems, rems, etc), then it should be patently obvious to you that you can NOT translate from px sizing to percentages. Philip Taylor __ 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 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 -- 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-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] Grid System
On Sat, Oct 18, 2014 at 6:28 PM, Crest Christopher crestchristop...@gmail.com wrote: I have a css grid question..[trimmed] Thanks Christopher Christopher, This does not answer your specific questions. It is simply a coded example of a three column responsive grid layout. Variations of column widths and their respective gutters/margins within the same layout is possible. Percent is used for the fluid columns and the margins [gutters]. Open in a full window and drag to a 480px mobile window. It is a spin on this method: responsivegridsystem.com Good luck. Best, David Laakso Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
On Mon, Oct 20, 2014 at 6:39 AM, David Laakso laakso.davi...@gmail.com wrote: On Sat, Oct 18, 2014 at 6:28 PM, Crest Christopher crestchristop...@gmail.com wrote: I have a css grid question..[trimmed] Thanks Christopher Christopher, This does not answer your specific questions. It is simply a coded example of a three column responsive grid layout. Variations of column widths and their respective gutters/margins within the same layout is possible. Percent is used for the fluid columns and the margins [gutters]. Open in a full window and drag to a 480px mobile window. It is a spin on this method: responsivegridsystem.com Sorry. The uri is http://ccstudi.com/site/playpen/layouts/grid.html Good luck. Best, David Laakso Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
On Monday, October 20, 2014, MiB digital.disc...@gmail.com wrote: okt 20 2014 12:20 Philip Taylor p.tay...@rhul.ac.uk javascript:;: On the contrary, I want to challenge your assertion that you can translate from px sizing to percentages for all but the most trivial of cases. If /everything/ was originally expressed in pixels, then of course you can translate from px sizing to percentages (a child of five would know how to do that), but if some elements of the original design were expressed in less tangible units (percent, ems, rems, etc), then it should be patently obvious to you that you can NOT translate from px sizing to percentages. Your challenge is futile. An example was given about grids expressed in pixels. GJim said that percentages were used. That is the context. When I said you can translate from px sizing to percentages” grids is the context for that claim (Specifically the example used). You’re trying the silly exercise to take that sentence out of that context, to imply I meant it in general terms. A child could understand that was not the case. Consider context, not only when translating pixel-expressed designs, but also when reading this list. I'm sorry. I must have missed the context mentioned. I only saw references to fixed width gutters. I'll re-read. -- 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-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] Grid System
MiB wrote: Consider context, not only when translating pixel-expressed designs, but also when reading this list. Make context explicit as a part of your assertions, don't rely on others inferring it. Study the pragmatics of discourse. Philip Taylor __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
okt 20 2014 12:32 Tom Livingston tom...@gmail.com: I have to agree with Philip here. If you don't know context you can use the formula you referenced. That, I believe, is his point. Viewport width is not something you will know. Agree on the obvious, you mean? In the given example, the context was known. It was 978px total width. If you assume those 978px are 100% of the viewport width, the size of which is really irrelevant as you don’t know the viewport size ever without scripting, then percentages for element widths including gutters are based on those 100% of actual x px width. If it’s 978 px, the element width will be based on that and if it’s 500px or 1200px it will be base on those numbers. That there are ways of setting limits on when you express element widths in percentages, should not come as a surprise. There exists media queries, which means you could have a minimum width and a maximum width and shift from gutters expressed in pixels to gutters expressed in percentages or ems (I prefer the latter). This is how I usually do it and I assume everybody does something similar. If, for example, you know your content will be a max-width of 960px, then you can work off of that in the formula. Which was the case, as there was an example. Why pretend there wasn’t a proper example that was framing what was being said? http://www.webdesignerwall.com/wp-content/uploads/2010/09/978-grid.gif Also, I'd recommend not mixing units as you could be creating a small annoying mess. Gutters can be small percentages as well, figured out with that same formula. Generally, that’s good advice, but it really depends on the design requirements. __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
okt 20 2014 12:56 Philip Taylor p.tay...@rhul.ac.uk: Make context explicit as a part of your assertions, don't rely on others inferring it. Study the pragmatics of discourse. Yes Philip, I’ll assume you don’t read all relevant posts in the thread you’re posting in, in the future. __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
On Monday, October 20, 2014, Tom Livingston tom...@gmail.com wrote: On Monday, October 20, 2014, MiB digital.disc...@gmail.com javascript:_e(%7B%7D,'cvml','digital.disc...@gmail.com'); wrote: okt 20 2014 12:20 Philip Taylor p.tay...@rhul.ac.uk: On the contrary, I want to challenge your assertion that you can translate from px sizing to percentages for all but the most trivial of cases. If /everything/ was originally expressed in pixels, then of course you can translate from px sizing to percentages (a child of five would know how to do that), but if some elements of the original design were expressed in less tangible units (percent, ems, rems, etc), then it should be patently obvious to you that you can NOT translate from px sizing to percentages. Your challenge is futile. An example was given about grids expressed in pixels. GJim said that percentages were used. That is the context. When I said you can translate from px sizing to percentages” grids is the context for that claim (Specifically the example used). You’re trying the silly exercise to take that sentence out of that context, to imply I meant it in general terms. A child could understand that was not the case. Consider context, not only when translating pixel-expressed designs, but also when reading this list. I'll assume that the context is the 978 referenced in the OP in the url. Even given that, mixing units is going to cause issues, especially for those just learning. I recommend using percentage for all, as in David L's example. -- 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-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] Grid System
okt 20 2014 13:02 Tom Livingston tom...@gmail.com: Even given that, mixing units is going to cause issues, especially for those just learning. I recommend using percentage for all, as in David L's example. That’s a good start, but percentage values does have to be controlled to not yield silly results in more extreme cases. I’ve used Media Queries and min-width/max-width with acceptable results. I think ems work better for gutters, even as they do add some unpredictability. That can be handled. I think the best way to learn is to experiment and exercise control over your CSS. If you use a framework, learn it properly. __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
okt 20 2014 12:57 MiB digital.disc...@gmail.com: If it’s 978 px, the element width will be based on that and if it’s 500px or 1200px it will be base on those numbers. I should have used plural ”widths” here, as the width property is of course only a part of the width an element will take up. __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Links in Academic style reference list some times not working
This doesn't appear to be related to CSS. I would look first to the CMS WYSIWYG as it appears to be stripping the href from the first a tag (from what I see, this is consistent although your question states some times). If you're using a WYSIWYG, try writing some markup 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 happy to try and help. Chris Rockwell On Sun, Oct 19, 2014 at 3:07 PM, Øyvind Teig oyvind.t...@teigfam.net wrote: Hi The Academic style reference list was given to me by Chris Rockwell in this group. It's described here: http://www.teigfam.net/oyvind/home/technology/061-wordpress/#academic_style_reference_list Now the links some times fail to be taken by the browser (any browser I have tested: most). I have posted a query here: href contents some times removed if anchor inside list element at https://wordpress.org/support/topic/href-contents-some-times-removed-if-anchor-inside-list-element?replies=1#post-6022256 ..but no responses. Does anybody have a clue as to what to do? Øyvind TEIG Trondheim, Norway +47 959 615 06 oyvind.t...@teigfam.net http://www.teigfam.net/oyvind/home (Mac) __ 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 evolt.org -- http://www.evolt.org/help_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/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Grid System
On Monday, October 20, 2014, David Hucklesby huckle...@gmail.com wrote: On 10/20/14, 2:16 AM, MiB wrote: okt 20 2014 11:08 MiB digital.disc...@gmail.com: Grids are not hocus locus. I’m giving this response a Like :) Magic plague ;-) -- 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-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] Grid System
On 10/20/14, 2:16 AM, MiB wrote: okt 20 2014 11:08 MiB digital.disc...@gmail.com: Grids are not hocus locus. I’m giving this response a Like :) -- Cordially, David __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Links in Academic style reference list some times not working
Chris! GREAT! It works! I have updated on http://www.teigfam.net/oyvind/home/technology/061-wordpress/#academic_style_reference_list I also have updated on my longest list:http://www.teigfam.net/oyvind/home/technology/072-pike-sutter-concurrency-vs-concurrency/#References THANK YOU! But I certainly didn't think that an error could mix things up like this! Øyvind 20. okt. 2014 kl. 22:06 skrev Chris Rockwell ch...@chrisrockwell.com: OK, you need to set an id on your li tag and move the href to it's proper place. I'll rewrite this specific one here: http://jsfiddle.net/f0u3tyh5/ Take a look and let me know if you have questions. Chris Chris Rockwell On Mon, Oct 20, 2014 at 3:25 PM, Øyvind Teig oyvind.t...@teigfam.net wrote: Chris, thanks for your response. Ref04 in [1] in the the Forum question is seen like the below, where the last only resolves to a correct url. I have added enters only (from Safari developer's mode). The first isn't visible of course. But if I remove the Ref04 then they all come out fine! But whether I use your class or not doesn't matter, only removal of the anchor. I thought it was a Wordpress matter. But I have given up on trying different solutions. After all, people would select, copy and paste if a mouse press won't work (but then the first is gone!) But I can try our more intellignet tests... li a href=http://www.transputer.net/iset/pdf/tis-acwg.pdf; onclick=ga('send', 'event', 'download', 'http://www.transputer.net/iset/pdf/tis-acwg.pdf'); name=Ref04/a strongTransputer instruction set/strong, a compiler writer#8217;s guide. INMOS Limited. Prentice Hall, 1988. See a target=_blankhttp://www.transputer.net/iset/pdf/tis-acwg.pdf/a. I have converted it to span style=color: #ff;searchable pdf/span (121 MB!) and placed it here: a href=http://www.teigfam.net/oyvind/blog_notes/090/Transputer_instruction_set_searchable_tis-acwg.pdf; onclick=ga('send', 'event', 'download', 'http://www.teigfam.net/oyvind/blog_notes/090/Transputer_instruction_set_searchable_tis-acwg.pdf'); target=_blankhttp://www.teigfam.net/oyvind/blog_notes/090/Transputer_instruction_set_searchable_tis-acwg.pdf/a /li Øyvind 20. okt. 2014 kl. 15:06 skrev Chris Rockwell ch...@chrisrockwell.com: This doesn't appear to be related to CSS. I would look first to the CMS WYSIWYG as it appears to be stripping the href from the first a tag (from what I see, this is consistent although your question states some times). If you're using a WYSIWYG, try writing some markup 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 happy to try and help. Chris Rockwell On Sun, Oct 19, 2014 at 3:07 PM, Øyvind Teig oyvind.t...@teigfam.net wrote: Hi The Academic style reference list was given to me by Chris Rockwell in this group. It's described here: http://www.teigfam.net/oyvind/home/technology/061-wordpress/#academic_style_reference_list Now the links some times fail to be taken by the browser (any browser I have tested: most). I have posted a query here: href contents some times removed if anchor inside list element at https://wordpress.org/support/topic/href-contents-some-times-removed-if-anchor-inside-list-element?replies=1#post-6022256 ..but no responses. Does anybody have a clue as to what to do? Øyvind TEIG Trondheim, Norway +47 959 615 06 oyvind.t...@teigfam.net http://www.teigfam.net/oyvind/home (Mac) __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/ Øyvind TEIG +47 959 615 06 oyvind.t...@teigfam.net http://www.teigfam.net/oyvind/home (Mac) Øyvind TEIG +47 959 615 06 oyvind.t...@teigfam.net http://www.teigfam.net/oyvind/home (Mac) __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Float problems
at this link http://www.coffeeonmars.com/category/illustration/, the image of the carburetors is being pushed downward; my goal is to have it top-aligned with the two little paragraphs. both that text and that picture are contained in the same container div which has overflow:hidden; So I’m not getting why the image doesn’t behave according to..what I’m imagining.. maybe my imagining is wrong? :-) Thank you! John __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problems
Actually, in Chrome dev tools, i see .sample-summary div wrapping only the two little paragraphs. And the p wrapping the imgs is 100% width; On Mon, Oct 20, 2014 at 8:43 PM, John j...@coffeeonmars.com wrote: at this link http://www.coffeeonmars.com/category/illustration/, the image of the carburetors is being pushed downward; my goal is to have it top-aligned with the two little paragraphs. both that text and that picture are contained in the same container div which has overflow:hidden; So I’m not getting why the image doesn’t behave according to..what I’m imagining.. maybe my imagining is wrong? :-) Thank you! John __ 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 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] 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] Float problems
On Oct 20, 2014, at 5:50 PM, Tom Livingston tom...@gmail.com wrote: Actually, in Chrome dev tools, i see .sample-summary div wrapping only the two little paragraphs. And the p wrapping the imgs is 100% width; Here is with that p with a red line around it.. the container div which I thought was containing text (left) and picture (meant to be to the right) does span 100% but that image isn’t havin’ it.. John __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problems
On Oct 20, 2014, at 5:55 PM, John j...@coffeeonmars.com wrote: Here is with that p with a red line around it.. the container div which I thought was containing text (left) and picture (meant to be to the right) does span 100% but that image isn’t havin’ it.. John This is the link I failed to include: http://www.coffeeonmars.com/category/illustration/ __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problems
.sample-summary is 100% width, and is holding the images down. In Chrome dev tools, I was able to add a style to .sample-summary as so: width: 30%; Float:left; and to the child ps, width: 100%; The images then came up to the top of the green div. On Mon, Oct 20, 2014 at 8:55 PM, John j...@coffeeonmars.com wrote: On Oct 20, 2014, at 5:50 PM, Tom Livingston tom...@gmail.com wrote: Actually, in Chrome dev tools, i see .sample-summary div wrapping only the two little paragraphs. And the p wrapping the imgs is 100% width; Here is with that p with a red line around it.. the container div which I thought was containing text (left) and picture (meant to be to the right) does span 100% but that image isn’t havin’ it.. John -- 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-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] Float problems
On Oct 20, 2014, at 6:03 PM, Tom Livingston tom...@gmail.com wrote: .sample-summary is 100% width, and is holding the images down. In Chrome dev tools, I was able to add a style to .sample-summary as so: width: 30%; Float:left; and to the child ps, width: 100%; The images then came up to the top of the green div. Sorry, I am really confused..I believe the results of your experiments, but here is my own css..sample-summary already has 30% width, and both are contained by sample-and-text…maybe my eyes aren’t seeing it right? .sample-and-text{ border:1px solid green; overflow:hidden; } #content-left .sample-summary p{ border:1px solid red; /* float:left; */ margin:1em 0 2em 0; width:30%; } and my markup: div class=sample-and-text div class=sample-summary p paragraph 1 /p p paragraph 2 /p /div picture /div __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problems
On Mon, Oct 20, 2014 at 9:11 PM, John j...@coffeeonmars.com wrote: On Oct 20, 2014, at 6:03 PM, Tom Livingston tom...@gmail.com wrote: .sample-summary is 100% width, and is holding the images down. In Chrome dev tools, I was able to add a style to .sample-summary as so: width: 30%; Float:left; and to the child ps, width: 100%; The images then came up to the top of the green div. Sorry, I am really confused..I believe the results of your experiments, but here is my own css..sample-summary already has 30% width, and both are contained by sample-and-text…maybe my eyes aren’t seeing it right? .sample-and-text{ border:1px solid green; overflow:hidden; } #content-left .sample-summary p{ border:1px solid red; /* float:left; */ margin:1em 0 2em 0; width:30%; } That style says that the ps INSIDE .sample-summary are 30% wide. and the markup I see in Chrome dev tools is: div class=sample-summary p/p p/p /div p [img] /p This is what is rendered...not the source. Maybe a miss-placed close tag somewhere? -- 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-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] Float problems
On Oct 20, 2014, at 6:15 PM, Tom Livingston tom...@gmail.com wrote: That style says that the ps INSIDE .sample-summary are 30% wide. and the markup I see in Chrome dev tools is: div class=sample-summary p/p p/p /div p [img] /p This is what is rendered...not the source. Maybe a miss-placed close tag somewhere? No…I had tags closed, but I wasn’t correctly “seeing” my use of the descendent selector. I was so focused on making sure my p text behaved right, I completely ignored the containing div itself! You helped me to see it..and I just was not seeing it. Good learning, this problem… Thank you, Tom! __ 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 evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problems
On Mon, Oct 20, 2014 at 9:22 PM, John j...@coffeeonmars.com wrote: On Oct 20, 2014, at 6:15 PM, Tom Livingston tom...@gmail.com wrote: That style says that the ps INSIDE .sample-summary are 30% wide. and the markup I see in Chrome dev tools is: div class=sample-summary p/p p/p /div p [img] /p This is what is rendered...not the source. Maybe a miss-placed close tag somewhere? No…I had tags closed, but I wasn’t correctly “seeing” my use of the descendent selector. I was so focused on making sure my p text behaved right, I completely ignored the containing div itself! You helped me to see it..and I just was not seeing it. Good learning, this problem… Thank you, Tom! Glad to help! -- 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-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/