Re: [css-d] Hidden HRs

2011-09-06 Thread Tomasz Borek
What actually puzzles me is why would that site creator have different classes (char1, char2, ...) for characters in each letter in Cowpoke's. Including the '. The only styling he uses is margin-right, like: h1 .char2 { /* try also char5 and char8 */ margin-right: -6px; /* the amount here

Re: [css-d] Hidden HRs

2011-09-06 Thread Philip TAYLOR (Webmaster, Ret'd)
Tomasz Borek wrote: What actually puzzles me is why would that site creator have different classes (char1, char2, ...) for characters in each letter in Cowpoke's. Including the '. The only styling he uses is margin-right, like: h1 .char2 { /* try also char5 and char8 */

Re: [css-d] Hidden HRs

2011-09-06 Thread Tomasz Borek
Definitely. Trial case for lettering jQuery plugin. Apology for not looking deep enough before asking, especially since the answer was one click away. Many thanks, Philip. Though it was not until I read Dave's post here http://daverupert.com/2010/09/lettering-js/ when I got the reason for doing

Re: [css-d] Hidden HRs

2011-08-24 Thread Alan Gresley
On 24/08/2011 4:54 AM, Claude Needham wrote: On Tue, Aug 23, 2011 at 9:47 AM, Jukka K. Korpelajkorp...@cs.tut.fi wrote: It would probably be more robust to use a background image that consists of a horizontal line, positioning it suitably using the em unit, so that the position gets adjusted

[css-d] Hidden HRs

2011-08-23 Thread thameera...@gmail.com
In this page - http://trentwalton.com/examples/cowpoke/ how has the designer introduced two lines on both sides of 'wide brim hats'? I don't seem to understand how it is done. :S __ css-discuss [css-d@lists.css-discuss.org]

Re: [css-d] Hidden HRs

2011-08-23 Thread Chetan Crasta
Using Firebug, this is what I found: The two lines is actually a bottom border on the h1. The p element is relatively positioned to overlap the bottom part of the h1. A background color is set on the p to prevent the border from being seen over the letters. Regards, Chetan Crasta

Re: [css-d] Hidden HRs

2011-08-23 Thread Philip TAYLOR (Webmaster, Ret'd)
Chetan Crasta wrote: Using Firebug, this is what I found: The two lines is actually a bottom border on the h1. The p element is relatively positioned to overlap the bottom part of the h1. A background color is set on the p to prevent the border from being seen over the letters. Clever !

Re: [css-d] Hidden HRs

2011-08-23 Thread thameera...@gmail.com
Thanks for the replies. Yes, it's quite clever coding! On Tue, Aug 23, 2011 at 9:42 PM, thameera...@gmail.com thameera...@gmail.com wrote: In this page - http://trentwalton.com/examples/cowpoke/ how has the designer introduced two lines on both sides of 'wide brim hats'? I don't seem to

Re: [css-d] Hidden HRs

2011-08-23 Thread Jukka K. Korpela
23.8.2011 19:30, Philip TAYLOR (Webmaster, Ret'd) wrote: Chetan Crasta wrote: Using Firebug, this is what I found: The two lines is actually a bottom border on the h1. The p element is relatively positioned to overlap the bottom part of the h1. A background color is set on the p to prevent

Re: [css-d] Hidden HRs

2011-08-23 Thread Claude Needham
On Tue, Aug 23, 2011 at 9:47 AM, Jukka K. Korpela jkorp...@cs.tut.fi wrote: 23.8.2011 19:30, Philip TAYLOR (Webmaster, Ret'd) wrote: But now you gave me an excuse to jump in, because I don't think the trick is particularly clever - it's not reliable, as it requires pixel-exact settings, and it