[css-d] font-size and line-height: inheritance, specificity, or something
Finishing up a site for a client: http://photosbykat.net/ I know it doesn't validate, but she absolutely insists on the right-click disable (though I explained it's easy to work around), and I don't know how to do it validly. I'm working on the gallery pages, and a sample from a ministry trip is posted at: http://photosbykat.net/cuba/ The css file is at:http://photosbykat.net/textpattern/css.php?s=cuba The xhtml and css for the gallery page both validate. My question is about the (ugly) help text on the right, below the search box, a paragraph currently in what ought to be an unnecessary div=help The css includes some generic styling for p elements. The #sidebar sets font-size and line-height, and the #help div (inside the #sidebar) attempts to bring the size back down to something reasonable. Why isn't it working? -- Best regards, Mike Montgomery __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] font-size and line-height: inheritance, specificity, or something
hey mike, glanced at the sample gallery page and at your css file and noticed a couple of things: before i start..i'm somewhat of a newbie.. so take it for what it is worth. the first thing i noticed was your help text, and moron that i am, kept hovering over different images waiting for a big image to pop up. lightning struck, i noticed the look below, and scrolled my beautiful 20 inch monitor down to see the image in the lower left corner... was larger. technically , probably correct, but beware morons like me are all over the web. while different people write css differently i've seen some people spec a font size in the body tag...i'm rambling. in your p id=help you spec your css to be .9em which would bring you in around (roughly 90% of 24 point or 21+pt (assuming default 16pt) and the user hasn't changed it, which you increased in sidebar by 150% to 24. if it's too big, reduce it to .8em, .7em, 90%, *0%..i digressing again...sorry i think maybe... ron On Nov 7, 2005, at 5:31 PM, M. Montgomery wrote: Finishing up a site for a client: http://photosbykat.net/ I know it doesn't validate, but she absolutely insists on the right-click disable (though I explained it's easy to work around), and I don't know how to do it validly. I'm working on the gallery pages, and a sample from a ministry trip is posted at: http://photosbykat.net/cuba/ The css file is at:http://photosbykat.net/textpattern/css.php?s=cuba The xhtml and css for the gallery page both validate. My question is about the (ugly) help text on the right, below the search box, a paragraph currently in what ought to be an unnecessary div=help The css includes some generic styling for p elements. The #sidebar sets font-size and line-height, and the #help div (inside the #sidebar) attempts to bring the size back down to something reasonable. Why isn't it working? -- Best regards, Mike Montgomery __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] font-size and line-height: inheritance, specificity, or something
On 07/11/05, M. Montgomery [EMAIL PROTECTED] wrote: Finishing up a site for a client: http://photosbykat.net/ I know it doesn't validate, but she absolutely insists on the right-click disable (though I explained it's easy to work around), and I don't know how to do it validly. Well its nice to see that you explicitly check for Netscape or Internet Explorer and only disable it for those users (nice in the sense that I wouldn't effect me if I hadn't already blocked such scripts in my browser). As for validity - remove the / from the script tag ... and then go and have another read of http://www.w3.org/TR/xhtml1/#h-4.8 (or stop using XHTML since you don't appear to be taking advantages of any of the things it does better then HTML 4, while running into a good number of the drawbacks). The #sidebar sets font-size and line-height, and the #help div (inside the #sidebar) attempts to bring the size back down to something reasonable. The font size there is 90% (#sidebar p) of 150% (#sidebar) of my default font size. That is, 135% of my default font size. What were you aiming for? -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] font-size and line-height: inheritance, specificity, or something
Thanks, David! Well its nice to see that you explicitly check for Netscape or Internet Explorer and only disable it for those users (nice in the sense that I wouldn't effect me if I hadn't already blocked such scripts in my browser). It's not my script, because I don't know the first thing about writing them. Yet. (The credit to some guy named Matt is in the source.) I did object -- strongly -- to the script, but they do say the client's always right. It doesn't work in my Firefox, either. Again, the client insisted. If anyone has a valid cross-browser way to implement this bit that David and I both agree shouldn't be done, I'd love to hear about it. The font size there is 90% (#sidebar p) of 150% (#sidebar) of my default font size. That is, 135% of my default font size. Of course, I was thinking 90% of the default font size. I did do a lot of reading to attempt an ascent of the web standards learning curve. Really. I did. Thanks again, Mike Montgomery __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] font-size and line-height: inheritance, specificity, or something - photosbykat.net
M. Montgomery wrote: Finishing up a site for a client: http://photosbykat.net/ I know it doesn't validate, but she absolutely insists on the right-click disable (though I explained it's easy to work around), and I don't know how to do it validly. I'm working on the gallery pages, and a sample from a ministry trip is posted at: http://photosbykat.net/cuba/ The css file is at:http://photosbykat.net/textpattern/css.php?s=cuba The xhtml and css for the gallery page both validate. My question is about the (ugly) help text on the right, below the search box, a paragraph currently in what ought to be an unnecessary div=help The css includes some generic styling for p elements. The #sidebar sets font-size and line-height, and the #help div (inside the #sidebar) attempts to bring the size back down to something reasonable. Why isn't it working? I'm not sure exactly what you mean by not working, but I suspect a combination line-height/font-size problem. See if the following don't get you pointed in the right direction: In #sidebar, change: font-size: 1.5em; to font-size: x-large; and line-height: 2em; to line-height: 2; and in #help p, change: font-size: .9em; to font-size: medium; and line-height: 1.6em; to line-height: 1.3; Pay a visit here too: http://members.ij.net/mrmazda/auth/line-height.html -- I can do all things through Him who gives me strength. Philippians 4:13 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://members.ij.net/mrmazda/auth/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
