[css-d] floating thumbnails

2014-03-27 Thread Colin (Sandy) Pittendrigh
The following link displays an HTML fragment taken from a (home-brewed) content management system, stripped down to the relevant block area only: div id=main-gallery-disp ...stuff.../div The HTML: http://fliesfliesflies.com/fragments/Gallery/ttest.html The (stripped down) CSS:

Re: [css-d] floating thumbnails

2014-03-27 Thread Tom Livingston
On Thu, Mar 27, 2014 at 10:19 AM, Colin (Sandy) Pittendrigh sandy.pittendr...@gmail.com wrote: In this Gallery page I'd like all thumbnails to float left around the main display image without making odd, unpredictable white space areas on the next line after a thumbnail runs off the right

Re: [css-d] floating thumbnails

2014-03-27 Thread David Hucklesby
On 3/27/14, 7:19 AM, Colin (Sandy) Pittendrigh wrote: The following link displays an HTML fragment taken from a (home-brewed) content management system, stripped down to the relevant block area only: div id=main-gallery-disp ...stuff.../div The HTML:

[css-d] Google font use

2014-03-27 Thread Tom Livingston
I was doing this simple test with google fonts (via @import method). body{ font-family: $roboto; } .bold{ font-weight: 500; } pHi there span class=boldbolded text/span/p pstrongI'm bold/strong/p The strong tag above was rendering wrong in FF and Chrome. FF was 'double-bolding' the

Re: [css-d] Google font use

2014-03-27 Thread Isabel Santos
Hi Tom, font-weight:500 means semi-bold, default for strong is bold, so I gess you need to add that extra rule strong { font-weight: 500; } you can take a look at: http://elliotjaystocks.com/blog/font-weight-in-the-age-of-web-fonts/ and http://css-tricks.com/watch-your-font-weight/ hope it

Re: [css-d] Google font use

2014-03-27 Thread Tom Livingston
On Thu, Mar 27, 2014 at 2:04 PM, Isabel Santos unboun...@gmail.com wrote: Hi Tom, font-weight:500 means semi-bold, default for strong is bold, so I gess you need to add that extra rule strong { font-weight: 500; } you can take a look at:

Re: [css-d] Google font use

2014-03-27 Thread Tom Livingston
Thanks Isabel. All i can say is I'm glad it isn't a case of me just being tick-headed. It's not just me. Er, I mean thick-headed. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] Google font use

2014-03-27 Thread Eric
Tom, You're not using the strong tag for styling are you? On March 27, 2014 at 12:34 PM Tom Livingston tom...@gmail.com wrote: I was doing this simple test with google fonts (via @import method). body{ font-family: $roboto; } .bold{ font-weight: 500; } pHi there span

Re: [css-d] Google font use

2014-03-27 Thread Jukka K. Korpela
2014-03-27 18:34, Tom Livingston wrote: I was doing this simple test with google fonts (via @import method). body{ font-family: $roboto; } .bold{ font-weight: 500; } I suppose you are using some special tools that convert that $roboto to a real name. But how do you refer to the

Re: [css-d] Google font use

2014-03-27 Thread Philip Taylor
Eric wrote: You're not using the strong tag for styling are you? I very much suspect that the browser neither knows nor cares why any particular tag has been used, Eric; it almost certainly renders the tagged element identically, regardless of the motivation for the tag's use. Philip

Re: [css-d] Google font use

2014-03-27 Thread David Hucklesby
On 3/27/14, 9:34 AM, Tom Livingston wrote: I was doing this simple test with google fonts (via @import method). body{ font-family: $roboto; } .bold{ font-weight: 500; } pHi there span class=boldbolded text/span/p pstrongI'm bold/strong/p The strong tag above was rendering wrong in

Re: [css-d] Google font use

2014-03-27 Thread Eric
Yes, I realize that. I was just checking to see if a different CSS approach might be used. On March 27, 2014 at 2:53 PM Philip Taylor p.tay...@rhul.ac.uk wrote: Eric wrote: You're not using the strong tag for styling are you? I very much suspect that the browser neither knows nor cares

Re: [css-d] Google font use

2014-03-27 Thread Eric
This (small font families...few included weights) and the fact that the bulk of the Yahoo Fonts are not the highest quality is the reason I moved to Typekit. Personally I'll do anything to avoid a UA's faux bold and italic rendering. If you need to use Google Fonts there are a couple of good

Re: [css-d] Google font use

2014-03-27 Thread Tom Livingston
On Thu, Mar 27, 2014 at 3:25 PM, Eric e...@minerbits.com wrote: Yes, I realize that. I was just checking to see if a different CSS approach might be used. On March 27, 2014 at 2:53 PM Philip Taylor p.tay...@rhul.ac.uk wrote: Eric wrote: You're not using the strong tag for

Re: [css-d] floating thumbnails

2014-03-27 Thread David Hucklesby
On 3/27/14, 9:25 AM, Colin (Sandy) Pittendrigh wrote: Thank you. I tried all of the above (hadn't noticed there was inline CSS in the h3, so I zapped that no matter what). display:inline-block and vertical-align:top didn't do much in Chrome on Mint linux. the min-height: 3em for p.robonav (Tom

Re: [css-d] Google font use

2014-03-27 Thread Tom Livingston
On Thu, Mar 27, 2014 at 2:44 PM, Jukka K. Korpela jkorp...@cs.tut.fiwrote: 2014-03-27 18:34, Tom Livingston wrote: I was doing this simple test with google fonts (via @import method). body{ font-family: $roboto; } .bold{ font-weight: 500; } I suppose you are using some

Re: [css-d] Google font use

2014-03-27 Thread Tom Livingston
On Thu, Mar 27, 2014 at 12:34 PM, Tom Livingston tom...@gmail.com wrote: I was doing this simple test with google fonts (via @import method). body{ font-family: $roboto; } .bold{ font-weight: 500; } pHi there span class=boldbolded text/span/p pstrongI'm bold/strong/p The