Re: [css-d] z-index on menu
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/
Re: [css-d] z-index on menu
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
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/
[css-d] min-height, max-height, vertical centering and few other things
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] CSS3: creating social network icons? yes, we can!
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! 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/
Re: [css-d] z-index on menu
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/
[css-d] CSS3: creating social network icons? yes, we can!
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] Off-topic : h1 replacement -- which one is recommended?
2011/8/26 Tim Arnold > 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/
Re: [css-d] Hidden HRs
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] Hidden HRs
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
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/
