[css-d] how to target an image hotspot

At hotspot.higgsy.co.uk/index.html the text "Higgs page 1" is a hotspot but I would like to add some visual indication that it is actually a link. The CSS :hover currently works, but for the entire image, which is not what I want. I want to trigger the ef

Re: [css-d] make unbulleted list items align left

left with content above and/or below? Sorry, Angela. The padding-left is applies to the - not the list items. (margin-left in older IE). -- Cordially, David __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discus

Re: [css-d] Adaptive Background images ?

Hello again, Reply is below thread: On 8/16/15 1:50 PM, Crest Christopher wrote: David, your procedure is one extra image I'll have to create :-( I'll already have an array of images one more set may cause insanity :-) David Hucklesby wrote: Response is below: On 8/16/15 9:

Re: [css-d] Adaptive Background images ?

t that happening. For example, assuming a break point of, say, min-width: 400px, use an image 400px wide below that break point, and a larger image when that MQ kicks in. FWIW I use four sizes of image on my old blog. The WordPress theme has a maximum container width of 1280px, otherwise I would ne

Re: [css-d] Variable height divs -> How'd they do this?

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

Re: [css-d] Sprite repeat-x?

may be silly but I wanted to know, can a sprite image be repeated x or y? I think the poster means "can an individual (background-image) sprite be repeated?" I think not. But I may be mistaken. -- Cordially, David

Re: [css-d] Strategy to Circumvent Incomplete Browser Color Management

tests. :) <http://cameratico.com/tools/web-browser-color-management-test/> -- 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.

Re: [css-d] Skipping Landscape ?

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

Re: [css-d] Sidebar height with list filter

On 7/2/15 1:42 PM, J.C. Berry wrote: Thanks David, I tried that solution (overflow:hidden to container) and the right div's still float underneath the sb nav. I did mention that the right divs (the number of which are variable) are also floated left? I think you need to put the main se

Re: [css-d] Sidebar height with list filter

ntext." For details, check out this article: <http://www.sitepoint.com/understanding-block-formatting-contexts-in-css/#prevent-text-wrapping> -- Cordially, David __ css-discuss [css-d@lists.css-discuss.org] http://www

Re: [css-d] Path style CSS animation

On 6/19/15 11:01 AM, Philip Taylor wrote: David Hucklesby wrote: As that image is PHG, I doubt it. Are we seeing the same image at top-right ? I see : http://www.danfergusdesign.com/classfiles/oldClasses/VCB209-2Danim/thumbs/vine.png Philip Taylor Sorry. Typo. (Damn these

Re: [css-d] Path style CSS animation

dreamweaver/2015/06/the-state-of-svg-animation.html> HTH -- 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

Re: [css-d] Flex items lose some padding in Firefox

On 5/3/15 7:49 PM, Philippe Wittenbergh wrote: Le 4 mai 2015 à 03:21, David Hucklesby a écrit : What issue (and which old Android) are you seeing? And, you lock out IE 10/11 as well? <http://caniuse.com/#feat=flexbox> I’m looking at canIuse, which notes that Android 4.2−4.3 don’t s

Re: [css-d] Flex items lose some padding in Firefox

On 5/2/15 10:18 PM, Philippe Wittenbergh wrote: Le 3 mai 2015 à 01:02, David Hucklesby a écrit : Ah, yes. Did not know about that. Confused by the fact Chrome *does* apply the padding. Yes, Chrome / Blink (and Webkit) is not spec compliant for this (and many other things flexbox related

Re: [css-d] Flex items lose some padding in Firefox

On 5/2/15 2:52 PM, Karl DeSaulniers wrote: Hi David, Seems a hefty price to pay when you can do the same thing without flex-box and regular css2. Unless I am missing something, this IS just an expanding column of cat pictures. Yes? This pen works in Safari, Chrome and Firefox (on a Mac) with

Re: [css-d] Flex items lose some padding in Firefox

Thank you Philippe. Responses below: On 5/1/15 4:55 PM, Philippe Wittenbergh wrote: Le 2 mai 2015 à 06:50, David Hucklesby a écrit : This is the bare bones of a grid of thumbnails. Works okay in Opera and Chrome, but the top and bottom padding disappear in Firefox: <http://codepen

[css-d] Flex items lose some padding in Firefox

. Any clues gratefully received. Thanks. -- 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

Re: [css-d] Forcing Widows on Paragraph to Right of Floated Image Not to Wrap Under

so it does not wrap below the float. More here: <http://yuiblog.com/blog/2010/05/19/css-101-block-formatting-contexts/> -- Cordially, David __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.

Re: [css-d] FOUC on homepage

JavaScript problem. Basically, you need to check that each image is loaded before displaying it. If you have problems with the layout prior to the images loading, do come back for CSS help. -- Cordially, David __ css-discuss [css-d

Re: [css-d] is this possible in RWD?

(need to support IE8 and IE9). Is JS necessary? On Feb 17, 2015, at 6:43 PM, David Hucklesby wrote: Float the sidebar and give it a percent width, with that width set to 100% on narrow windows (via media query) perhaps? On 2/17/15 4:50 PM, Sara Haradhvala wrote: doesn't that requir

Re: [css-d] is this possible in RWD?

On 2/17/15 4:50 PM, Sara Haradhvala wrote: doesn't that require the sidebar div to come first in the HTML? If so, then on mobile, it will also come first. Or is there another option? -- Sara Haradhvala Manager, Harlen Web Consulting LLC s...@harlenweb.com On Feb 17, 2015, at 6:43 PM,

Re: [css-d] Two Phones one problem

/* right:-75px; delete*/ } Best, David Laakso __ 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://cs

Re: [css-d] is this possible in RWD?

to support IE8 and IE9). Is JS necessary? Float the sidebar and give it a percent width, with that width set to 100% on narrow windows (via media query) perhaps? Incidentally, I don’t think IE8 and IE9 occur on mobile devices, do they? -- Cordially, David

Re: [css-d] Two Phones one problem

he page on a public server and provide a link to it in your post to the list. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile __ css-discuss [css-d@lists.css-discuss.org] http://ww

Re: [css-d] Two Phones one problem

lor Good point. And that point is probably when the primary content is of sufficient contrast and at least at user default,so as to be readable and legible by children of all ages in phone portrait mode. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com

Re: [css-d] Two Phones one problem

ner-to-corner 3/ Nokia Lumina 1520 6 inches corner-to-corner Try revising your mq break-point to accommodate the wider Nokia Lumina screen? Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile ___

Re: [css-d] coding critique?

could try https://codereview.stackexchange.com/, but please read https://codereview.stackexchange.com/help/on-topic before asking. -- David Postill Dance your Life - Biodanza in Alkmaar, Holland - <http://www.danceyourlife

Re: [css-d] Close to Accurate Retina Display of Graphics Preview ?

On Thu, Jan 29, 2015 at 12:51 AM, Crest Christopher wrote: > I didn't supply a URL because I want to know how I can go about this ? > > Christopher Complicated and difficult topic. Try searching "coding retina images." -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mob

Re: [css-d] Close to Accurate Retina Display of Graphics Preview ?

On Wed, Jan 28, 2015 at 11:09 PM, Crest Christopher wrote: > I need to preview retina display graphics on a PC in comparison to > non-retina, the browser hacks, brought forth by Chrome or FireFox in my > opinion do a lack luster Job, showing me a page at 200% really doesn't do a > whole lot of goo

Re: [css-d] rotating divs and text within a wrapper div

On Wed, Jan 28, 2015 at 11:34 PM, David Laakso wrote: > On Wed, Jan 28, 2015 at 7:58 PM, D Mark Weiss wrote: >> Thank you so much. >> >> >> David's example works. >> >> Here is an example of the page. Sometimes I have 5 tabs and sometimes I have >

Re: [css-d] rotating divs and text within a wrapper div

On Wed, Jan 28, 2015 at 7:58 PM, D Mark Weiss wrote: > Thank you so much. > > > David's example works. > > Here is an example of the page. Sometimes I have 5 tabs and sometimes I have > 3 or 4. > > The names are the students who have completed that tab. > > I am trying to put the names so that the

Re: [css-d] rotating divs and text within a wrapper div

rotates too. trimmed...] I am not sure I understand your question. Are you trying to do something like this? <http://ccstudi.com/weiss.html> Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile

Re: [css-d] Floats

gt; > Is this what you had in mind? <http://ccstudi.com/chris3.html> Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discus

Re: [css-d] Floats

; In this version all four blocks float left. There is nothing to clear. Works in most browsers and mobile phones. Open in a full width window and drag to small-screen rendering [or view in your mobile phone]. Please see: <http://ccstudi.com/

Re: [css-d] Floats

On Sat, Jan 17, 2015 at 10:27 AM, David Laakso wrote: > On Sat, Jan 17, 2015 at 7:58 AM, Crest Christopher > wrote: >> How come, with or without the pseudo-element of clearing float to the left, >> it doesn't appear to make a difference ? Everything still floats to the >

Re: [css-d] Floats

t, especially > the orange box ? > > [Link <http://jsfiddle.net/WildWind/0kmbr4cq/1/>] Not sure I understand what you are attempting to do-- maybe something like this? <http://ccstudi.com/chris.html> Best, David Laakso -- Chelsea Creek Studio http://ccstud

Re: [css-d] firefox and hyphenation

Firefox to auto-hyphenate. (Alternatively, there might be soft-hyphen characters in the text, but I *think* those are supported in other browsers.) Firefox doesn't (I think) auto-hyphenate without one of those things telling it to do so. -David -- 𝄞 L. David Baron

Re: [css-d] rendering of Open Sans on my project site vs. Typekit

in >>> Chrome, FF, IE11 on Windows 7: >>> http://www.oilfield-construction.com/NEW_SWD/ > Debbie Try setting font-size:110% on the ul. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile ___

Re: [css-d] Column height fault/color dropping out

-9341 #contentsub2 { height: auto !important; } (Thus proving the rule that !important should be avoided. :) -- Cordially, David __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List

Re: [css-d] Using ::after pseudo-element !

:url("");opacity:0.5;} Perhaps you mean { content: ""; opacity:0.5; } ? Hard to tell without any context. :\ -- Cordially, David __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/li

Re: [css-d] Fwd: Drop Menu failing on most Mobile Phones

Fwiw, a simple CSS drop-down menu that collapses in iPhone/5s. No attempt at animation. <http://ccstudi.com/site/playpen/rz/index-v4.html> Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet |

Re: [css-d] Drop Menu failing on most Mobile Phones

as I didn't test on Android ? > > Christopher You may need js [off-topic for this list] for that to collapse in mobile. And even with js transitions can be problematic for Android. This is a CSS only method that may? work for you with transitions and max-height: <http://ccstudi.com/s

Re: [css-d] Don't miss a space

On Tue, Nov 25, 2014 at 9:59 AM, Crest Christopher wrote: > I have a question, ...trimmed] > Put the markup and css of the page in question on a public server and provide a link to it in your post to the list. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop |

Re: [css-d] Don't miss a space

On Sun, Nov 23, 2014 at 6:52 AM, Philip Taylor wrote: > > > David Laakso wrote: > >> No issue seen this end Windows SeaMonkey/2.30. > > > Unless your browser / geometry / font settings / font scaling / screen > resolution / a million other possibilities are ident

Re: [css-d] Don't miss a space

gt; > Philip Taylor No issue seen this end Windows SeaMonkey/2.30. 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.

Re: [css-d] Mobile Design Mockup Critique ?

[trimmed] It depends... For example, a simple layout at 4, 3, 2, 1 column[s]. http://ccstudi.com/site/playpen/rz/index-v4.html Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile

Re: [css-d] Mobile Design Mockup Critique ?

point to the markup and CSS of the site in question. 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/m

Re: [css-d] Mobile Design Mockup Critique ?

On Wednesday, November 12, 2014, Crest Christopher < crestchristop...@gmail.com> wrote: > I'm near completing my mobile design ... > URL ? -- Chelsea Creek Studio http:// ccstudi.com desktop | laptop | tablet | mobile Sent from iPhone 5s __

Re: [css-d] Responsive Images

to be "best practice" for you. 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/li

Re: [css-d] Why is child wider than parent?

ela, Try #band {height: 52px; background-color:#013E7D;padding-right:/*20px*/4%;text-align:right;vertical-align:middle;display:table;width:96%;/*100%*/} Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile __

Re: [css-d] Responsive Images

ind the ears, but I thought max-width simply prevented the image from expanding to its natural size in smaller containers. AFAIK the image will not stretch. Correct me if I am wrong. -- Cordially, David __ css-discuss [css-d@li

Re: [css-d] Responsive HTML5/CSS3 Only Template Resource

eps turning > up pre-designed responsive themes. Really hoping to find "white label" > layouts. > > > Elli Vizcaino Try: 1/ http://bradfrost.github.io/this-is-responsive/patterns.html 2/ http://bradfrost.com/blog/web/responsive-nav-patterns/ 3/ http://www.responsivegridsyst

Re: [css-d] site makeover

o linear, they look like calls to action to indicate nested > content (subsections, or something). Might be worth hiding them on the > smaller media queries? > > Regards, > Barney Carroll Thanks. I will consider hiding the nav arrows in SSR[small-screen rendering].\ Best, D

Re: [css-d] site makeover

On Thu, Oct 30, 2014 at 11:12 AM, Rod Castello wrote: > Hi David, > Aesthetically very nice. Good design. Love the larger fonts. > The only thing I would like is not having to go back to the "Paintings" tab > to select the next painting. I would prefer you have buttons

Re: [css-d] site makeover

On Thu, Oct 30, 2014 at 10:29 AM, Tom Livingston wrote: > David, > > Only thing that struck me was the menu background could be > a bit more opaque, especially when over busier page contents. > Good point. Correction on server

[css-d] site makeover

Constructive comments and suggestion on this "responsive" site are welcome... markup http://ccstudi.com/ css http://ccstudi.com/site/css/sisu.css Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | table

Re: [css-d] Slides JS behavior due to CSS? (OT?)

en in the image at the end of each transition at http://www.xifin.com OX Yosemite -- FF, Chrome, Safari, or Opera. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile __ css-discuss [cs

Re: [css-d] Grid System

On 10/20/14, 2:16 AM, MiB wrote: okt 20 2014 11:08 MiB : 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.o

Re: [css-d] Grid System

On Mon, Oct 20, 2014 at 6:39 AM, David Laakso wrote: > On Sat, Oct 18, 2014 at 6:28 PM, Crest Christopher > wrote: > >> I have a css grid question..[trimmed] >> Thanks >> Christopher > > Christopher, > > This does not answer your specific questions. It

Re: [css-d] Grid System

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 St

Re: [css-d] Styling a menu

rticle] of padding. Once you get to the media queries, the amount of padding needed can be tweaked-- less needed at desktop, and more needed at mobile. A fast and dirty example without media queries: http://ccstudi.com/school.html Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com des

Re: [css-d] shake

On Sun, Sep 21, 2014 at 10:50 PM, Georg wrote: > Den 22.09.2014 03:36, skrev David Laakso: >> >> On this page, http://ccstudi.com/site/colophon/cp.php , the links >> within the right-column text-block shake on hover. > > > You can simply add... > > .cp articl

[css-d] shake

Greetings, On this page, http://ccstudi.com/site/colophon/cp.php , the links within the right-column text-block shake on hover. css http://ccstudi.com/site/css/sisu.css What to do? Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile

Re: [css-d] Can't vertically center image

der:1px dotted red;margin-top:2.5em;}/*<--tweak*/ 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/mail

Re: [css-d] iFrame Tag Error in Validation

My code: > > Dunno. Need page markup. Try: stuff Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discus

Re: [css-d] how to locate un-used CSS?

On Thursday, September 11, 2014, John wrote: > Is there a way to determine which CSS are not being used .. . John, Try "dust me selectors" an add-on from Firefox. Best, David Laakso > -- Chelsea Creek Studio http:// ccstudi.com desktop | laptop | tablet | mobile Sen

Re: [css-d] Centering menu items responsively

he menu items: http://codepen.io/jreece/pen/EKJrd?editors=110 Indeed, inline-block should work. You need to remove the "float" declarations from both the and the though. Applying "display: inline-block;" to the via Web To

Re: [css-d] Understanding How Relative Font-Size Resize Units in Responsive Design

very problem. Assuming you are using ems, rems, or percent font-size throughout, this works out quite well, if a bit messy. Like Philippe’s suggestion though, this only works for viewport widths. Only JavaScript will solve it for adjusting to a container element’s width AFAIK. -- Cordially, David

Re: [css-d] CSS drop-down menu issues

John, Compare your page in FF, Chrome, and Opera. First place to start is to validate the markup. . Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile __ css-discuss [css-d@lists.c

Re: [css-d] backgound shows below content when it shouldn't

ottom; } ought to fix it. Philippe Interesting. That’s the first thing I tried using Safari (Mac) Web Inspector. But that did not seem to shift it. ??? -- Cordially, David __ css-discuss [css-d@lists.css-discuss.org] http://ww

Re: [css-d] backgound shows below content when it shouldn't

uot;bottom: 0;" Not tested thoroughly across browsers though! -- 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

Re: [css-d] Google map link won't open in iPhone - is this a css issue?

> On Fri, Aug 8, 2014 at 4:30 PM, wrote: > > Hi. I'm not sure if this is a CSS issue, so please forgive me if it's > > not. My "Get Directions" link on the right side of the page doesn't > work on > > the iPhone, but works fine on my PC. Is this a CSS issue? > > http://www.sportsmansresource.

Re: [css-d] Web fonts

s: http://ccstudi.com/museoslab900/museoslab900.css>" type="text/css" /> Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile __ css-discuss [css-d@lists.css-disc

Re: [css-d] FireFox issues displaying height of div

ome. For some reason the column does not extend below the link. > http://advres.thehomepagestore.com/consulting_unconventional_resources.php > > > > Thanks, > > Richard > > Richard, I see no difference in the blue column height in the current versions of Chrome and Firefox

Re: [css-d] why are ems rendering large?

u change the default size somewhere in the settings. -- 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

Re: [css-d] why are ems rendering large?

;em will be 20% larger than in a block where the font-size is 100%. >>>> >>> >> > Christopher, I think your question has been answered. Without knowing the above some of us who have visual orientation, simply adjust em until it "looks"

Re: [css-d] nested li:hover issue

when using a keyboard. You need JavaScript for that. Here’s one suggestion: <http://www.smartmenus.org> -- Cordially, David __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d Lis

Re: [css-d] Struggle to type in Email Input Field

s.com/notebook/php-contact-formhttp://pageaffairs.com/notebook/php-contact-form Best, David Laakso __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incut

Re: [css-d] Is There A Way to Shrink Wrap Inline Elements?

’m sorry I have no good solution. Playing with the CSS letter-spacing value did not give a useful result. YMMV. -- Cordially, David __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List

Re: [css-d] Rendering issues

? > > Thanks in advance... > > > -- > > Tom Livingston | Senior Front-End Developer | Media Logic | Not seen current version Opera nor in current version Chrome: OS X 10.9.3 . Best, David Laakso ___

Re: [css-d] font-variant:small-caps;

is problem? > Not using Arial. The property font-variant is used to choose between normal or small-caps variants of a font. Arial does not have a small-caps variants. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile _

Re: [css-d] font-variant:small-caps;

tion 'text-transform: lowercase;' to that rule. -- 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 po

Re: [css-d] Mega drop down menu

7/navigation-mega-sites/ One practical CSS/JS solution http://www.cssplay.co.uk/menus/cssplay-mega-menu.html#url Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile __ css-discuss [css

Re: [css-d] Falstaff weds Frutiger.

alance, and looking good. > > regards > Georg > I agree. Correction is on my server. Thanks. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile __ css-discuss [css-d@l

[css-d] Falstaff weds Frutiger.

Constructive comments and suggestions on this site are always appreciated. html <http://ccstudi.com> css <http://ccstudi.com/site/css/sisu.css> Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tab

Re: [css-d] Having trouble adding video to web page.

your question is on topic. (?) Here’s a good rundown of both CSS and JavaScript ways of adding video: <http://css-tricks.com/rundown-of-handling-flexible-media/> (Previous replies are below, for members getting the digest version.) -- Cordially, David On Wed, Jun 4, 2014 at 1:18 PM, Tom Liv

Re: [css-d] Sticky Footer Problems

o, had many problems with older methods: <http://galengidman.com/2014/03/25/responsive-flexible-height-sticky-footers-in-css/> I’m assuming you either don’t need to support IE older than version 8, or give those geriatric browsers a very simple “generic” style

Re: [css-d] Webkit's wobbly centering

On 4/21/14, 11:18 AM, Tom Livingston wrote: On Mon, Apr 21, 2014 at 2:12 PM, David Hucklesby wrote: Making a photo gallery, I want to center a row of thumbnails below the main photo. My code works well in all browsers *except* for those based on Webkit. A cut-down version of the code is here

[css-d] Webkit's wobbly centering

cepted. Thank. -- 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/policie

Re: [css-d] Media Queries: How many pixels make an em ?

p nicely - but that’s another topic for discussion entirely. For the moment, then, you can continue to use the rough approximation of 16px to 1em. But this equivalence does not always hold, even on a desktop. Which is why you have to be super careful about mixing ems and pixels. Hoping this

Re: [css-d] Equal-length columns - display: table-cell OK?

ed. The same goes for some other properties that add a new block-formatting context, such as inline-block. Thanks. Wish I had thought of that. :) -- Cordially, David __ css-discuss [css-d@lists.css-discuss.org] http://www.css-di

Re: [css-d] floating thumbnails

bonav (Tom Livingston's suggestion) did do what I wanted. On Thu, Mar 27, 2014 at 10:06 AM, David Hucklesby wrote: Not too sure what you are aiming at, but try this: - Take the "float:left" out of the above the gallery, allowing it to occupy the full width - Take the "f

Re: [css-d] Google font use

le-bolding' the text, and Chrome showed odd char spacing. [...] Does this address your problem? - <http://css-tricks.com/watch-your-font-weight/> -- Cordially, David __ css-discuss [css-d@lists.css-discus

Re: [css-d] floating thumbnails

e "float:left" and "min-height:3em" out of p.robonav, replacing them with "display:inline-block" - You may like to add "vertical-align:middle" or "vertical-align:top" to p.robonav as

Re: [css-d] dealing with media breaks

n the Web, there is no such animal as too much testing before you let the horses out of the gate. Best, David Laakso __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- h

Re: [css-d] Subject: Font Size Small in FireFox ?

iceable differences in sizes between fonts. Suggestion: Try defining a font-face in your CSS. (One that exists on your computer, that is.) -- Cordially, David __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/

Re: [css-d] ie/11

On Sun, Mar 16, 2014 at 8:15 PM, David Laakso wrote: > In the footer ie/11 is chopping-off the crossbar of the numerical > digit 4. What to do? Thanks to all who replied both on and off-list. Re-set css for the containing blocks and re-set the generated content. letter-spacing to .175e

[css-d] ie/11

-spacing:-.25em; margin:0; padding:0; position:absolute; top:-30px; left:0; width:40%; text-shadow:2px 2px 5px rgb(100,100,100)} Thank you. David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [css-d@lists.css-di

Re: [css-d] footer ul li has same attributes as header nav ul li?

h the obvious. Correct the CSS parse errors and validate the html. Best, David Laakso __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.

Re: [css-d] Do modern mobile browsers deliberately ignore font size?

[ cc:ing list again, with Ezequiel Garzón's permission ] On Friday 2014-03-14 10:36 +0100, Ezequiel Garzón wrote: > >> Is this font boosting/inflation? > > > > It sounds like it is. > > > > Thanks for the feedback, David. I don't mean to extend this th

  1   2   3   4   5   6   7   8   9   10   >