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 differs */
}

I mean, wouldn't it be better to use some appropriate font?

pozdrawiam,
Tomasz Borek
__
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] 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 */
 margin-right: -6px; /* the amount here differs */
 }
 
 I mean, wouldn't it be better to use some appropriate font?

Do you not feel that the rationale is adequately explained here ?


http://blog.typekit.com/2011/01/06/type-study-an-example-of-lettering-js/

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] 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
this at all.

pozdrawiam,
Tomasz Borek
__
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] Off-topic : h1 replacement -- which one is recommended?

2011-09-06 Thread Tomasz Borek
2011/8/26 Tim Arnold tim.arn...@gmail.com

 I remember a Google Webmaster Help video where Matt Cutts said the same
 thing but can't find it right now.

 Tim


Tim,

Would it be that one?

http://www.youtube.com/watch?v=GIn5qJKU8VM

pozdrawiam,
Tomasz Borek
__
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] CSS3: creating social network icons? yes, we can!

2011-09-06 Thread Gabriele Romanato

Hi folks,
after several weeks of hard work on WP themes and Zend Framework  
PayPal classes,

I moved back to my first love, CSS.  and here's the result:

http://onwebdev.blogspot.com/2011/09/css-create-social-network-icons.html

dimensions are in ems, so they should fit your layout. I have to fix  
some accessibility issues related to the markup used in the demo. if  
you have any WAI-compliant solutions, let me know. :-)


Gabriele

ps. look ma, no images! ;-)

http://www.css-zibaldone.com
http://gabrieleromanato.com
http://www.css-zibaldone.com/test/  (English)
http://www.css-zibaldone.com/articles/  (English)
http://onwebdev.blogspot.com/  (English)









__
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] z-index on menu

2011-09-06 Thread Chetan Crasta
A number of CSS declarations had to be overridden, see the inline styles. IE
8 seems to get confused with the relative positioning.

http://roughtech.com/t/prestige.html

Regards,
Chetan Crasta
__
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] CSS3: creating social network icons? yes, we can!

2011-09-06 Thread David Laakso

On 9/6/11 12:36 PM, Gabriele Romanato wrote:


http://onwebdev.blogspot.com/2011/09/css-create-social-network-icons.html

dimensions are in ems, so they should fit your layout. I have to fix 
some accessibility issues related to the markup used in the demo. if 
you have any WAI-compliant solutions, let me know. :-)


Gabriele





Nice job!

aside
Nuke social networking:-) .

Best,
~d
__
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] min-height, max-height, vertical centering and few other things

2011-09-06 Thread Adam Ambrus

 hello all,

it's me again. i have a mockup of the new design here 
http://www.flickr.com/photos/king-muffin/6069114194/in/photostream , its 
work-in-progress here http://adif.sk/testversion/ with the important 
files here http://adif.sk/testversion/index.html and here 
http://adif.sk/testversion/index_style.css . i really hope i'm not going 
to end in spam filters because of the links :D


anyway, the problems, or the TODO-list:
1) the background image. rright now, it doesn't show up in the IE6, i 
need to get to that. if you knew about a good tutorial on fixing static 
positioning in IE6, please let me know. also, i will need to add there a 
jQuery sliding gallery, so that it would show projects, and not this 
temporary background.
KEYWORDS/TAGS: IE6 static positioning, jQuery sliding fading 
automatically changing gallery


2)  the black bars above and below silver content. please see Opera and 
Firefox renderings for the contrast; there are some issues with the 
min-height property being interpreted differently. HOWEVER, before i 
start solving this problem, i would like to point out a third issue:


3) the vertical centering of the content. the behaviour i would like to 
achieve is as follows:

- max-height of the #header and #bottom to be 100px
- min-height of the #silver-middle to be 600px
- if the #silver-middle's content doesn't stretch the page vertically 
(ie. its height is around the 600px), center it vertically and stretch 
#header and #bottom accordingly.
- if the #silver-middle's content does stretch the page vertically (like 
it does now, on 6.9.2011), i don't really need to care about #header's 
and #bottom's height, just don't let them grow over 100px, so it doesn't 
make a mess.


i would really like some aid from you on this third issue, as so far i 
was unable to yield successful results, and in the question of design 
this is my greatest concern at the moment.


4) implement dynamic loading of content in the left part of the screen, 
after clicking the navigation's left and right buttons. what would be 
the simplest way? am i able to generate the needed html dynamically, if 
i (the script) had access to the mysql database? how is it with security?



if you reached this point, thank you for reading my wishes. i would be 
very thankful if you could help me with any of these issues.

~Adam
__
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] z-index on menu

2011-09-06 Thread David Hucklesby

Re: http://www.signwithprestige.com/classes/

On 9/6/11 9:58 AM, Chetan Crasta wrote:

A number of CSS declarations had to be overridden, see the inline
styles. IE 8 seems to get confused with the relative positioning.

http://roughtech.com/t/prestige.html

Regards, Chetan Crasta


Yes. It seems that IE 8 acts as though you have overflow: hidden; on
the UL, as it is those links that are shifted outside the UL (positioned
50% from the left) that vanish. Oddly, if I increase text-size to
largest, the menu items reappear. The rest of the layout is borked,
though. :(

Another solution other than Chetan's would be to take out all the menu's
relative positioning and simply float the UL right and float the links left.

Either way you get rid of the horizontal scroll bar.
--
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] z-index on menu

2011-09-06 Thread Debbie Campbell

Thank you - perfect. I appreciate the help.

--
Debbie Campbell

On 9/6/2011 10:58 AM, Chetan Crasta wrote:

A number of CSS declarations had to be overridden, see the inline
styles. IE 8 seems to get confused with the relative positioning.

http://roughtech.com/t/prestige.html

Regards,
Chetan Crasta

__
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] z-index on menu

2011-09-06 Thread Alan Gresley

On 6/09/2011 11:03 AM, Debbie Campbell wrote:

Can someone point out what's covering the left side of the top menu in
IE8 in this site?


http://www.signwithprestige.com/test/classes/



It's the image below and it only is seen once this image is hovered. I 
can not track it down in the CSS so this may be an error in the 
JavaScript. BTW, when JavaScript is disabled, there is overlap due to 
'https' link being shown as a URI and not as a text link.




--
Alan Gresley
http://css-3d.org/
http://css-class.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-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/