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/
[css-d] drop down menu off-center?
Hello, I'm a designer learning CSS (sorry about the hybrid table/CSS layout...I am wrestling with the page layout separately). As a crossover person, I am coding another designer's work for her. (Trying...) She loves drop down menus. sigh Things are going pretty well thanks to the AMAZING Son of Suckerfish. I am running out of time. Can anyone help me with why the drop downs are not centered under the links? They are off to the right. They are supposed to be centered. They WERE centered until I moved the original link's text to the left as per the designer's plan. Here is the link to the page: http://www.prettygoodwebsites.com/phchelp/index.htm and to the CSS: http://www.prettygoodwebsites.com/phchelp/phc_stylin.css Thanks for any help you can give me, KittyG __ 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
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] drop down menu off-center?
Kitty Garrett wrote: Can anyone help me with why the drop downs are not centered under the links? They are off to the right. http://www.prettygoodwebsites.com/phchelp/index.htm KittyG No guarantee. Try: #nav li li a { margin-left: -40px; /*minus 40*/ min-height:1px;/* IE/7 needs this but it will not adversely effect IE/6 or compliant browsers*/ } *:first-child + html #nav li li a { margin-left:0; }/*hack for our good friend IE/7.0*/ And validate. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ 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/
[css-d] image replacement not working in IE6
In this page: http://www.redkitecreative.com/projects/hixon/test.php My H1 tag isn't being replaced - or rather the image flashes for a second then disappears. Can someone help? -- Debbie Campbell www.redkitecreative.com __ 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] image replacement not working in IE6
On Fri, 12 Dec 2008 12:32:05 -0700, Debbie Campbell wrote: In this page: http://www.redkitecreative.com/projects/hixon/test.php My H1 tag isn't being replaced - or rather the image flashes for a second then disappears. Can someone help? That had me puzzled for a while, as the image replacement works in most of my browsers. Eventually I used IE 6 and saw what you were talking about. Giving explicit top: 0; left; 0; to the rule for h1.h1-home span will fix it on that browser and is fine on all others. BTW - you have that rule duplicated on lines 279 and 291 of styles_hixon.css. Cordially, David -- __ 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] image replacement not working in IE6
hi, consider this html code: h1 class=h1-homespannorthern colorado's exclusive providers of interior design/span/h1 here is the css for replacing the text. h1.h1-home { width:380px; height:55px; background:url(../images/h1_home.gif) no-repeat scroll 0 0; overflow:auto; } h1.h1-home span { text-indent:-1000em; display:block; } hope that helps. --- Virgilio Quilario Jr. The Practical Web Site Development Resource http://www.jampmark.com/ On Sat, Dec 13, 2008 at 3:32 AM, Debbie Campbell d...@redkitecreative.comwrote: In this page: http://www.redkitecreative.com/projects/hixon/test.php My H1 tag isn't being replaced - or rather the image flashes for a second then disappears. Can someone help? -- Debbie Campbell www.redkitecreative.com __ 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/ __ 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] drop down menu off-center?
hi guys, just add text-align: center;. see below. #nav li li a {phc_stylin.css (line 92) background-color:#C0B679; color:#00; display:block; font-family:Arial,Helvetica,sans-serif; font-weight:normal; letter-spacing:0.2em; padding:0.2em 7px; text-align:center; } That should fix your problem. Cheers, Virgilio Quilario Jr. The Practical Web Site Development Resource http://www.jampmark.com/ On Sat, Dec 13, 2008 at 2:52 AM, David Laakso da...@chelseacreekstudio.comwrote: Kitty Garrett wrote: Can anyone help me with why the drop downs are not centered under the links? They are off to the right. http://www.prettygoodwebsites.com/phchelp/index.htm KittyG No guarantee. Try: #nav li li a { margin-left: -40px; /*minus 40*/ min-height:1px;/* IE/7 needs this but it will not adversely effect IE/6 or compliant browsers*/ } *:first-child + html #nav li li a { margin-left:0; }/*hack for our good friend IE/7.0*/ And validate. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ 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/ __ 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] drop down menu off-center?
hi guys, just add text-align: center;. see below. #nav li li a {phc_stylin.css (line 92) background-color:#C0B679; color:#00; display:block; font-family:Arial,Helvetica,sans-serif; font-weight:normal; letter-spacing:0.2em; padding:0.2em 7px; text-align:center; } That should fix your problem. Cheers, Virgilio Quilario Jr. The Practical Web Site Development Resource http://www.jampmark.com/ On Sat, Dec 13, 2008 at 2:52 AM, David Laakso da...@chelseacreekstudio.comwrote: Kitty Garrett wrote: Can anyone help me with why the drop downs are not centered under the links? They are off to the right. http://www.prettygoodwebsites.com/phchelp/index.htm KittyG No guarantee. Try: #nav li li a { margin-left: -40px; /*minus 40*/ min-height:1px;/* IE/7 needs this but it will not adversely effect IE/6 or compliant browsers*/ } *:first-child + html #nav li li a { margin-left:0; }/*hack for our good friend IE/7.0*/ And validate. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ 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/ __ 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/
[css-d] Project 7 tab menu - individualized bars
I'm working on two knotty problems with a drop down menu system using P7's tab menu magic. http://www.language-works.com/ANSIRH/template_about2.htm The first is that when you hover over one of the top nav items (e.g. About, research other work, etc.) you get a drop down menu -- I'd like to have a top border on that but only up to the vertical grey border - so that it looks like an L and not a box sitting under a nav item. I was thinking to do a negative margin and set a z-index to hide the bottom layer, but my experiments have yielded no success. The second issue is that I want to have a 31px color border at the top of each primary item (About, Research, etc) when you hover over that - but whereas I have split out each of the items for the -- li a-- definitions, I cannot seem to figure out where to do the hover to make that element-specific. It looks like it's on line 73 /* The Root Level Hover. This also locks the Hover state while the root item's associated sub-menu is visible. DO NOT CHANGE SELECTOR NAMES*/ .p7ie6Fix:active, #p7TBMroot .p7TBMtext .p7TBMon, #p7TBMroot .p7TBMtext li a:focus, #p7TBMroot .p7TBMtext li a:active { } I started working on this in Pop menu magic as an alternative, http://www.language-works.com/ANSIRH/template_about3.htm but I don't like it as well for other reasons. Also, it cuts off the last item (news). Does anyone have any suggestions? Anne __ 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] drop down menu off-center?
From: Kitty Garrett ki...@prettygoodwebsites.com Can anyone help me with why the drop downs are not centered under the links? They are off to the right. They are supposed to be centered. http://www.prettygoodwebsites.com/phchelp/index.htm http://www.prettygoodwebsites.com/phchelp/phc_stylin.css Try adding: ul ul {padding: 0;} and see if that fixes things up. ~holly __ 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/
[css-d] ol problem persists
Greetings! I've been having trouble for awhile getting ordered lists to appear with the correct sequential numbers and/or letters in IE 7. None of the various options for list-stye-type worked, so I just omitted them altogether and went for the default ol style, but all the numbers are still all ones with no sequential numbering. I know that there is a bug surrounding the list-style-type attributes in IE, but I thought that the default would surely work. It does in all browsers save for IE. I'm not sure how to solve this. Any help appreciated. Here is an example: http://www.boletta.com/php/ Thanks, Bill Boletta __ 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/