Re: [css-d] can apply style inline but not in style sheet
On Fri, 12 Dec 2008 08:40:56 -0800 Came this utterance fomulated by Angela French to my mailbox: > > Angela French wrote: > > Benjamin - I am trying your approach to just style my h2 with a > > background color. It is definitely get there, but it makes the > > height > of > > the color block too "tall", putting extra padding in below the > > actual > h2 > > text. Since one can't make negative padding, it seems setting a > height > > to the h2 is the only way to size the color block the way I want. Is > > this the most appropriate way of getting the block of color to be > > the size I want? > > Given you can't ultimately control the size of the H2 text, what size > _do_ you want? (i.e. why are you trying to enforce a particular height > at all?) > > -- > Benjamin Hawkes-Lewis > > > It isn't a matter of controlling the size of the h2, but of the margin > beneath it. The 'line-height' property may be what you need. Set padding and margin to zero. Line height will center on the middle of the font vertically and does not require units be specified. 1 is font height and 1.5 is font height with 0.25 above and 0.25 below. A setting of about 1 or 1.1 may achieve your aim. -- Michael All shall be well, and all shall be well, and all manner of things shall be well - Julian of Norwich 1342 - 1416 __ css-discuss [cs...@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 apply style inline but not in style sheet
Angela French wrote: > Benjamin - I am trying your approach to just style my h2 with a > background color. It is definitely get there, but it makes the height of > the color block too "tall", putting extra padding in below the actual h2 > text. Since one can't make negative padding, it seems setting a height > to the h2 is the only way to size the color block the way I want. Is > this the most appropriate way of getting the block of color to be the > size I want? Given you can't ultimately control the size of the H2 text, what size _do_ you want? (i.e. why are you trying to enforce a particular height at all?) -- Benjamin Hawkes-Lewis It isn't a matter of controlling the size of the h2, but of the margin beneath it. __ css-discuss [cs...@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 apply style inline but not in style sheet
Angela French wrote: > Benjamin - I am trying your approach to just style my h2 with a > background color. It is definitely get there, but it makes the height of > the color block too "tall", putting extra padding in below the actual h2 > text. Since one can't make negative padding, it seems setting a height > to the h2 is the only way to size the color block the way I want. Is > this the most appropriate way of getting the block of color to be the > size I want? Given you can't ultimately control the size of the H2 text, what size _do_ you want? (i.e. why are you trying to enforce a particular height at all?) -- Benjamin Hawkes-Lewis __ css-discuss [cs...@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 apply style inline but not in style sheet
Angela French wrote: > On this page: http://checkoutacollege.com/ I am trying to apply a > background color in back of the Ready/Set/Go buttons (of the same color) > so that if the images are turned off, the text can still be read. (I'd > like to just get rid of the beveled images before long!). > > > > Do accomplish this, I believe I need to create a and set my > and my background image in this div so that the background color isn't > applied to the entire column. Seems to me you don't need a div at all. Negative margins can create the box you need: .home-center h2 { margin: 0 -10px .8em -10px; padding: 0 10px; } Benjamin Hawkes-Lewis -- Benjamin - I am trying your approach to just style my h2 with a background color. It is definitely get there, but it makes the height of the color block too "tall", putting extra padding in below the actual h2 text. Since one can't make negative padding, it seems setting a height to the h2 is the only way to size the color block the way I want. Is this the most appropriate way of getting the block of color to be the size I want? Thanks - Angela French __ css-discuss [cs...@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 apply style inline but not in style sheet
Angela French wrote: > On this page: http://checkoutacollege.com/ I am trying to apply a > background color in back of the Ready/Set/Go buttons (of the same color) > so that if the images are turned off, the text can still be read. (I'd > like to just get rid of the beveled images before long!). > > > > Do accomplish this, I believe I need to create a and set my > and my background image in this div so that the background color isn't > applied to the entire column. Seems to me you don't need a div at all. Negative margins can create the box you need: .home-center h2 { margin: 0 -10px .8em -10px; padding: 0 10px; } > I created the div in my html and I can > style it inline to get it just how I want it. But when I try to put the > div styles in the style sheet instead, none of them render. Since I > created a unique ID for this new div, I don't believe that anything > should be overriding it. I tried referencing it directly and as a child > selector of its parent div (which I shouldn't have to do since it's > unique), but nothing worked. > > > > I'm hoping one of you can tell me what the hold up is. As far as I can tell, the pasted link doesn't include this DIV. Trying showing us the code you're trying to use. -- Benjamin Hawkes-Lewis __ css-discuss [EMAIL PROTECTED] 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 apply style inline but not in style sheet
On this page: http://checkoutacollege.com/ I am trying to apply a background color in back of the Ready/Set/Go buttons (of the same color) so that if the images are turned off, the text can still be read. (I'd like to just get rid of the beveled images before long!). Do accomplish this, I believe I need to create a and set my and my background image in this div so that the background color isn't applied to the entire column. I created the div in my html and I can style it inline to get it just how I want it. But when I try to put the div styles in the style sheet instead, none of them render. Since I created a unique ID for this new div, I don't believe that anything should be overriding it. I tried referencing it directly and as a child selector of its parent div (which I shouldn't have to do since it's unique), but nothing worked. I'm hoping one of you can tell me what the hold up is. Thank you for your kind support, Angela French Internet Specialist State Board for Community & Technical Colleges 360-704-4316 http://www.checkoutacollege.com http://www.sbctc.ctc.edu __ css-discuss [EMAIL PROTECTED] 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/