[css-d] Menu-issue
Link : ikjensen.dk/test/ Wanted: Top-nav : Moving the second sublevel to about 5px below Top-nav. So there will be a small white border at the top. There are only Sublevels in the First menuentry. Last four. Do I have to write a class or something to get the position or . PS! Walidating the template says a lot of errors. Is't because of the Menu-structure or just bad coding. -- Regards / Mhv. Ib K. jensen __ 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] Menu-issue
On 28/12/08 16:58, Ib Jensen wrote: Do I have to write a class or something to get the position or . You can use descendant selectors to target lists that are descendants of other lists: http://css.maxdesign.com.au/selectutorial/selectors_descendant.htm That's likely all you need here. Walidating the template says a lot of errors. Is't because of the Menu-structure or just bad coding. Verbose validator output: http://tinyurl.com/97gl83 Bad coding, mostly reflecting a failure to always open and close tags are required in XHTML: http://www.w3.org/TR/xhtml1/#h-4.3 (Note also: http://www.w3.org/TR/xhtml1/#C_2 if you try to fix this.) I'd recommend removing errors from your HTML layer before making any further CSS changes. -- 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/
[css-d] How to override CSS hosted elswhere
http://www.sustainablefarmer.com/ - I have added a great new Google API feed so that I can showcase my blog on my Home page. It's working great. Here's the link to the Widget - http://code.google.com/apis/ajaxfeeds/index.html And here's the link to the Widget wizard - http://www.google.com/uds/solutions/wizards/dynamicfeed.html My problem is the link colors. The style sheet is hosted on the Google site, so I can't just change the style sheet -- I need to override it. I tried to adapt some of the info I found on this documentation page to override the CSS - http://code.google.com/apis/ajaxfeeds/documentation/reference.html The code goes right where you want the widget to appear, so here's how I modeified the style sheet. But it doesn't work. Is my CSS override wrong? Or is it in the wrong place? This is my modified style code (lines 3 through 11 are my CSS modifications): style type=text/css @import url( http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css;); /** * Use a different color for links */ #feedControl a.gf-branding-clickable { color: #99; } a:visited { color: #66; } /style --- Any help greatly appreciated - Bonnie B -- Bonnie Bucqueroux Sustainable Farmer http://www.sustainablefarmer.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] How to override CSS hosted elswhere
On Sun, Dec 28, 2008 at 1:06 PM, Bonnie Bucqueroux sustainablefar...@gmail.com wrote: #feedControl a.gf-branding-clickable { color: #99; } The answer's in the source - take a look at the HTML generated by the plugin. The div's got an id of feed-control, not feedControl, and I can't find any links with class gf-branding-clickable. Try changing your first declaration to #feed-control a.gf-title { color: #99; } Should do the trick (haven't tested it, though). You can inspect the markup yourself using Firebug (or, most likely, any of the other equally great web development Firefox extensions available). Best, -JR __ 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] Menu-issue
2008/12/28 Benjamin Hawkes-Lewis bhawkesle...@googlemail.com: On 28/12/08 16:58, Ib Jensen wrote: You can use descendant selectors to target lists that are descendants of other lists: http://css.maxdesign.com.au/selectutorial/selectors_descendant.htm That's likely all you need here. Verbose validator output: http://tinyurl.com/97gl83 Bad coding, mostly reflecting a failure to always open and close tags are required in XHTML: http://www.w3.org/TR/xhtml1/#h-4.3 (Note also: http://www.w3.org/TR/xhtml1/#C_2 if you try to fix this.) I'd recommend removing errors from your HTML layer before making any further CSS changes. If I can't get this working, I'll find another menu-solution. Thanks for the links. -- Regards / Mhv. Ib K. jensen __ 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] Menu-issue
2008/12/28 Benjamin Hawkes-Lewis bhawkesle...@googlemail.com: On 28/12/08 16:58, Ib Jensen wrote: I'd recommend removing errors from your HTML layer before making any further CSS changes. Done ! And (x)HTML and CSS are validating perfectly now. Now I'm just going to find out how to adjust the menu. -- Regards / Mhv. Ib K. jensen __ 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] Menu-issue
Ib Jensen wrote: Link : ikjensen.dk/test/ Wanted: Top-nav : Moving the second sublevel to about 5px below Top-nav. So there will be a small white border at the top. There are only Sublevels in the First menuentry. Last four. Do I have to write a class or something to get the position or . PS! Walidating the template says a lot of errors. Is't because of the Menu-structure or just bad coding. I got it to validate if it helps any :) http://dwabbott.com/iktest.html -david -- Powered by Gentoo GNU/LINUX http://www.linuxcrazy.com pgp.mit.edu __ 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] Menu-issue
2008/12/28 David ker...@abbottdavid.com: Ib Jensen wrote: I got it to validate if it helps any :) http://dwabbott.com/iktest.html -david Me too. I don't know if you read my answer to Benjamin Hawkes-Lewis. Now, only the Menu-issue is left back. ;-{ -- Regards / Mhv. Ib K. jensen __ 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] How to override CSS hosted elswhere
Making styles either more specific, or adding the !important modifier will also help in many of these situations: #feed-control a.gf-title { color: #99 !important; } -Tim On Sun, Dec 28, 2008 at 2:16 PM, JR Heard ewingpatria...@gmail.com wrote: On Sun, Dec 28, 2008 at 1:06 PM, Bonnie Bucqueroux sustainablefar...@gmail.com wrote: #feedControl a.gf-branding-clickable { color: #99; } #feed-control a.gf-title { color: #99; } Should do the trick ... __ 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] How to override CSS hosted elswhere
On 28/12/08 21:41, Tim Arnold wrote: Making styles either more specific, or adding the !important modifier will also help in many of these situations !important might appear to help, but it has the regrettable side effect of overriding user stylesheets: http://www.w3.org/TR/CSS21/cascade.html#important-rules -- 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] How to override CSS hosted elswhere
On 2008/12/28 22:16 (GMT) Benjamin Hawkes-Lewis composed: On 28/12/08 21:41, Tim Arnold wrote: Making styles either more specific, or adding the !important modifier will also help in many of these situations !important might appear to help, but it has the regrettable side effect of overriding user stylesheets: http://www.w3.org/TR/CSS21/cascade.html#important-rules Read 2nd paragraph, 2nd sentence, 2nd clause again. If it wasn't for !important, user stylesheets would be virtually useless. -- Unless the Lord builds the house, its builders labor in vain. Psalm 127:1 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.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] Menu-issue
From: Ib Jensen ibkjen...@gmail.com 2008/12/28 David ker...@abbottdavid.com: Ib Jensen wrote: I got it to validate if it helps any :) http://dwabbott.com/iktest.html -david Me too. I don't know if you read my answer to Benjamin Hawkes-Lewis. Now, only the Menu-issue is left back. ;-{ You would be better off with a nice single-level CSS menu across the top with sidebar context menus. The menu you have is extremely unusable - even in the browsers in which it works. For that type of menu you really should be using a scripted one. -- Al Sparber - PVII http://www.projectseven.com The Finest Dreamweaver Menus | Galleries | Widgets http://www.projectseven.com/go/pop The Ultimate DW Menu System __ 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] How to override CSS hosted elswhere
On 28/12/08 22:21, Felix Miata wrote: On 2008/12/28 22:16 (GMT) Benjamin Hawkes-Lewis composed: On 28/12/08 21:41, Tim Arnold wrote: Making styles either more specific, or adding the !important modifier will also help in many of these situations !important might appear to help, but it has the regrettable side effect of overriding user stylesheets: http://www.w3.org/TR/CSS21/cascade.html#important-rules Read 2nd paragraph, 2nd sentence, 2nd clause again. If it wasn't for !important, user stylesheets would be virtually useless. Sorry. Looks like I should have been citing CSS1: http://dbaron.org/css/user/cascade#origin Another problem with using !important is you end up in arms race with people styling widgets who will then use !important themselves. -- 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/