[css-d] website on ipad
My website users complain that the website (http://kerdowneysafaris.com/) does not work well when they view it using ipad. This is especially so about on the menu items which they say jump around. Any help in solving these problem? Thanks. __ 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] website on ipad
On Fri, 22 Jun 2012 10:34:37 +0300, ochieng' nelson wrote: | My website users complain that the website (http://kerdowneysafaris.com/) | does not work well when they view it using ipad. This is especially so | about on the menu items which they say jump around. Any help in solving | these problem? Thanks. http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fkerdowneysafaris.com%2F 14 errors http://jigsaw.w3.org/css-validator/validator?profile=css21warning=0uri=http%3A%2F%2Fkerdowneysafaris.com%2F 23 errors Perhaps if you fixed these ... By the way, your menu items jump around on Firefox 13 as well. -- David Postill Dance your Life - Biodanza in Alkmaar and Castricum, Holland - http://www.danceyourlife.eu __ 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] Wrapper DIV vs. BODY
On Thu, Jun 21, 2012 at 10:47 AM, mem talofo.l...@gmail.com wrote: I'm taking the body element as the viewport area and the wrapper as the content container area That's how I usually interpret it. I might want my content to have an explicit width, but I'd like an unlimited-width repeating background image. So body gets the background image and div#wrapper gets the width and margins. ~K~ -- Kyle G Sessions Berkeley Electronic Press ksessi...@bepress.com 510-665-1200 + 128 www.bepress.com bepress: the frontier of scholarly publishing since 1999 Check out IR success stories on the DC Telegraph at http://blog.digitalcommons.bepress.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] Wrapper DIV vs. BODY
On Fri, Jun 22, 2012 at 1:30 PM, Kyle Sessions ksessi...@bepress.com wrote: On Thu, Jun 21, 2012 at 10:47 AM, mem talofo.l...@gmail.com wrote: I'm taking the body element as the viewport area and the wrapper as the content container area That's how I usually interpret it. I might want my content to have an explicit width, but I'd like an unlimited-width repeating background image. So body gets the background image and div#wrapper gets the width and margins. You could use the body tag as your explicit width wrapper, and put the repeating background on your html tag as well! I always forget this. Tim -- tim.arn...@gmail.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] Wrapper DIV vs. BODY
On 6/22/12 10:30 AM, Kyle Sessions wrote: On Thu, Jun 21, 2012 at 10:47 AM, mem talofo.l...@gmail.com wrote: I'm taking the body element as the viewport area and the wrapper as the content container area That's how I usually interpret it. I might want my content to have an explicit width, but I'd like an unlimited-width repeating background image. So body gets the background image and div#wrapper gets the width and margins. Why not add the background to the HTML element and put width and margins on the BODY element? Works for me. -- 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] Wrapper DIV vs. BODY
I'm taking the body element as the viewport area and the wrapper as the content container area That's how I usually interpret it. I might want my content to have an explicit width, but I'd like an unlimited-width repeating background image. So body gets the background image and div#wrapper gets the width and margins. You could use the body tag as your explicit width wrapper, and put the repeating background on your html tag as well! I always forget this. Tim -- tim.arn...@gmail.com Hmm, I hadn't thought about that, but it seems like it could work ... I have generally avoided styling html at all. Not sure there's any reason to avoid it; maybe I'm just superstitious. ;) -- Kyle G Sessions Berkeley Electronic Press ksessi...@bepress.com 510-665-1200 + 128 www.bepress.com bepress: the frontier of scholarly publishing since 1999 Check out IR success stories on the DC Telegraph at http://blog.digitalcommons.bepress.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/
[css-d] css3 animations
hey all, I have been working on figuring out css3 animations and have come up with a couple of test pages. http://sandyfeldman.com/tests/animation/css3animation.html http://jigsaw.w3.org/css-validator/validator turns up 80 errors on the css, all connected to @-moz-keyframes and -moz-animation is there a way to get the animations and have the css validate? Should I be rewriting this? Other things that don't work the way I would like: I added -moz-box-sizing: border-box; to 7 and 9 to keep the animated effects on the box borders from bulging out the boxes. When I mouseover it *almost* works, but there is a shift in the width just towards the end of the animation - just a brief bulge. I can't figure out where that's coming from or how to get rid of it. Another especially weird thing - locally all the boxes are one size, when I upload the page to the server, without changing anything, they are a bit narrower. Any idea of what's going on? On 18 there is a little extra white border on the top of the box - looks like one more pixel. I have no idea where that's coming from. Any thoughts? Also, in 23 - the image expands on mouseover, which is hunky dory, but it also degrades. What I would like is to have the 300px image shrink down to 150px and then show its full-sized self on mouseover. This would take a different approach but I can't think what it might be. http://sandyfeldman.com/tests/animation/tires.html a possible candidate for Inappropriate uses of CSS3 here's the question - is there a way of timing the effects - so animation 2 starts a 2 second delay after animation 1? thanks! Sandy __ 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] Can H tags be varied?
I hope I'm (A) using the right term and (B) not asking something really dumb.. I'm in a situation where I could use a variation of my h1 tag, but I don't know whether that's a legal move, or even the right way to do it. Assuming it's legal, I've tried h1.two (as opposed to just h1) to get my variant, but this doesn't seem to work. I know that it can be done with classes, as in: p.first, p.body, etc. Am I barking up the wrong tree? Should I bark up a vine instead? Is that vine a poisonous snake? thank you! John __ 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] Can H tags be varied?
Using classes is correct and h1.two is perfectly legal. If it is not working that's because of some coding error on your end. put this in your css: h1.two {font-size: 3em; color: #ff6600;text-decoration:overline;} put this in your code: h1 class=twoThis is a big orange heading with a line at the top/h1 -- William Gaffga www.wilyguy.net/portfolio/ http://www.linkedin.com/in/willgaffga H: 805-492-0192 M: 805-405-6602 S: willgaffga On Fri, Jun 22, 2012 at 5:06 PM, John j...@coffeeonmars.com wrote: I hope I'm (A) using the right term and (B) not asking something really dumb.. I'm in a situation where I could use a variation of my h1 tag, but I don't know whether that's a legal move, or even the right way to do it. Assuming it's legal, I've tried h1.two (as opposed to just h1) to get my variant, but this doesn't seem to work. I know that it can be done with classes, as in: p.first, p.body, etc. Am I barking up the wrong tree? Should I bark up a vine instead? Is that vine a poisonous snake? thank you! John __ 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-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] Can H tags be varied?
Thank you, William...I see what I was doing wrong, and thank you for the confirmation. John On Jun 22, 2012, at 5:56 PM, William Gaffga wrote: Using classes is correct and h1.two is perfectly legal. If it is not working that's because of some coding error on your end. put this in your css: h1.two {font-size: 3em; color: #ff6600;text-decoration:overline;} put this in your code: h1 class=twoThis is a big orange heading with a line at the top/h1 -- William Gaffga www.wilyguy.net/portfolio/ http://www.linkedin.com/in/willgaffga H: 805-492-0192 M: 805-405-6602 S: willgaffga On Fri, Jun 22, 2012 at 5:06 PM, John j...@coffeeonmars.com wrote: I hope I'm (A) using the right term and (B) not asking something really dumb.. I'm in a situation where I could use a variation of my h1 tag, but I don't know whether that's a legal move, or even the right way to do it. Assuming it's legal, I've tried h1.two (as opposed to just h1) to get my variant, but this doesn't seem to work. I know that it can be done with classes, as in: p.first, p.body, etc. Am I barking up the wrong tree? Should I bark up a vine instead? Is that vine a poisonous snake? thank you! John __ 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-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] Can H tags be varied?
Thank you, Teresa! That's an example of just what I'm trying to do. J On Jun 22, 2012, at 5:42 PM, Theresa Jennings wrote: http://www.w3schools.com/tags/att_standard_class.asp This should help you. Logo_RGB_email.jpg Theresa Jennings Graphic Design Production • Web Design Development • Illustration • Portraiture • Hand Quilting tjenni...@mindsqueezecreative.com 909.799.7405 • Fax 888.676.7640 mindsqueezecreative.com On Jun 22, 2012, at 5:06 PM, John wrote: I hope I'm (A) using the right term and (B) not asking something really dumb.. I'm in a situation where I could use a variation of my h1 tag, but I don't know whether that's a legal move, or even the right way to do it. Assuming it's legal, I've tried h1.two (as opposed to just h1) to get my variant, but this doesn't seem to work. I know that it can be done with classes, as in: p.first, p.body, etc. Am I barking up the wrong tree? Should I bark up a vine instead? Is that vine a poisonous snake? thank you! John __ 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-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 animations
Le 23 juin 2012 à 04:45, Sandy a écrit : http://sandyfeldman.com/tests/animation/css3animation.html http://jigsaw.w3.org/css-validator/validator turns up 80 errors on the css, all connected to @-moz-keyframes and -moz-animation is there a way to get the animations and have the css validate? Should I be rewriting this? Under 'options', you can turn vendor prefixed stuff to 'warning'. Dunno about the rest of your post as you've coded your page to be Gecko only, and I don't have Firefox on this machine. You do know that WebKit browsers, Opera and IE10 also support animations with the appropriate prefixes, I hope… Philippe -- Philippe Wittenbergh http://l-c-n.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/