Can someone please help me put this arrow inside the left nav instead of having it sticking outside of the page? Also in IE8 it doesn't show at all. Thank you all for helping. Here is the link http://www.decorativethings.com
DC On 5/23/11 7:36 AM, "css-d-requ...@lists.css-discuss.org" <css-d-requ...@lists.css-discuss.org> wrote: > Send css-d mailing list submissions to > css-d@lists.css-discuss.org > > To subscribe or unsubscribe via the World Wide Web, visit > http://lists.css-discuss.org/mailman/listinfo/css-d > or, via email, send a message with subject or body 'help' to > css-d-requ...@lists.css-discuss.org > > You can reach the person managing the list at > css-d-ow...@lists.css-discuss.org > > When replying, please edit your Subject line so it is more specific > than "Re: Contents of css-d digest..." > > > Today's Topics: > > 1. Re: chrome css problem: border around link not respected > (Paulo Silva) > 2. test I need help! (Robert) > 3. Re: test I need help! (Brian M. Curran) > 4. Styling an input type="file" (Laurens van Vliet) > 5. Link IN IE8 (DC Cocioba) > 6. Re: Link IN IE8 (Rich M) > 7. Re: Link IN IE8 (Rich M) > 8. Re: Link IN IE8 (Rich M) > 9. Re: Link IN IE8 (HallMarc Websites) > 10. Trying to retain CSS rounded corner during hover (Keith Purtell) > 11. Re: Trying to retain CSS rounded corner during hover > (Justin Stressman) > 12. Re: Trying to retain CSS rounded corner during hover (Tim White) > 13. Footer ul menu problems in HTML5 in IE 7 and 8 (Steve Caramia) > 14. Re: Footer ul menu problems in HTML5 in IE 7 and 8 > (Philippe Wittenbergh) > 15. Re: Trying to retain CSS rounded corner during hover > (Philippe Wittenbergh) > 16. Footer ul menu problems in HTML5 in IE 7 and 8, 90% fixed > (Steve Caramia) > 17. Re: Footer ul menu problems in HTML5 in IE 7 and 8, 90% fixed > (Philippe Wittenbergh) > 18. Footer ul menu problems in HTML5 in IE 7 and 8, 100% fixed! > (Steve Caramia) > 19. Re: Trying to retain CSS rounded corner during hover > (David Laakso) > 20. IE 9, media queries (Philippe Wittenbergh) > 21. Re: IE 9, media queries (Ingo Chao) > 22. Re: IE 9, media queries (Philippe Wittenbergh) > 23. Why does this outline embrace the div above ? (Tim Dawson) > 24. Re: Why does this outline embrace the div above ? (Bobby Jack) > > > ---------------------------------------------------------------------- > > Message: 1 > Date: Thu, 19 May 2011 02:39:59 +0100 > From: Paulo Silva <alfa...@gmail.com> > To: css-d@lists.css-discuss.org > Subject: Re: [css-d] chrome css problem: border around link not > respected > Message-ID: <BANLkTi=zp+zsnkt_1pkkxtwscjsabgq...@mail.gmail.com> > Content-Type: text/plain; charset=ISO-8859-1 > > thx, tried again with inline-block and this solves the issue without causing > too much trouble in IE7 :) > > On Wed, May 18, 2011 at 6:40 AM, David Hucklesby <huckle...@gmail.com>wrote: > >> On Wed, May 18, 2011 at 4:12 AM, David >>> Hucklesby<huckle...@gmail.com>wrote: >>> >>> On 5/17/11 6:07 PM, Paulo Silva wrote: >>>> >>>> Hi all, >>>>> >>>>> I have this small testcase: http://jsfiddle.net/sV8js/ >>>>> >>>>> [...] >> >> >>>> I don't know if that's a bug or not. But you will apply more of >>>> your CSS to those links if you make them "display: inline-block;" >>>> >>>> At the moment, vertical padding is not applied. I agree your result >>>> is unexpected. -- Cordially, David >>>> >>> >> On 5/17/11 9:25 PM, Paulo Silva wrote: >> >>> Sorry, I forgot to mention I found this bug exactly because I'm >>> removing inline-block from my css, so that's what I want to avoid >>> (for IE7 compatibility) :) >>> >>> >> Why? display:inline-block gives IE 6 and 7 "hasLayout" which behaves >> very much like inline-block when applied to elements that are inline - >> as your links are... >> -- >> Cordially, >> David >> > > > ------------------------------ > > Message: 2 > Date: Thu, 19 May 2011 14:11:04 -0700 (PDT) > From: Robert <rob...@angelsoflight.net> > To: css-d@lists.css-discuss.org > Subject: [css-d] test I need help! > Message-ID: <862687.34503...@web114603.mail.gq1.yahoo.com> > Content-Type: text/plain; charset=us-ascii > > > > ------------------------------ > > Message: 3 > Date: Thu, 19 May 2011 18:29:55 -0400 > From: "Brian M. Curran" <br...@draftingservices.com> > To: <css-d@lists.css-discuss.org> > Subject: Re: [css-d] test I need help! > Message-ID: <000501cc1674$4774b4f0$d65e1ed0$@draftingservices.com> > Content-Type: text/plain; charset="us-ascii" > > Your test has been received successfully. There's a man in Massachusetts > standing ready to demystify any CSS issues you're flummoxed by. > > > > ------------------------------ > > Message: 4 > Date: Fri, 20 May 2011 15:45:23 +0200 > From: Laurens van Vliet <laur...@herinneringenoplinnen.nl> > To: css-d@lists.css-discuss.org > Subject: [css-d] Styling an input type="file" > Message-ID: > <878bdd49-cba8-4187-834c-5abf5923f...@herinneringenoplinnen.nl> > Content-Type: text/plain; charset=us-ascii > > Hi, > > I'm using the technique in this article > http://www.quirksmode.org/dom/inputfile.html > for a while now, to show a upload progress bar in a input type="file" upload > element, and it is working perfect for me in Firefox and IE browsers. > > My question is if someone can help me to get a nice progressbar inside the > input type="file" working in Safari/Chrome Webkit browsers. > > Best regards, > > Laurens > > > > > ------------------------------ > > Message: 5 > Date: Fri, 20 May 2011 11:33:34 -0400 > From: DC Cocioba <dc.coci...@gmail.com> > To: <css-d@lists.css-discuss.org> > Subject: [css-d] Link IN IE8 > Message-ID: <c9fc020e.6d9d%dc.coci...@gmail.com> > Content-Type: text/plain; charset="ISO-8859-1" > > > Dear All, > > I apologize if this was maybe already discussed here. I am new to css and > css lists. > I have a H3 with a hyperlink that needs to be blue. The blue displays in > Safari and Firefox, but not in IE. > I thought defining all a: link, a:visited, a:hover, a:active would do the > trick, but it doesn?t. I am something, but I can?t figure what. > Here is my code. > I am not sure if I wrote the css correctly > > > <h3><a href="decorative-ideas.html">Some of Our Favorite Decorative Ideas > for Summer</a></h3> > > h3>a:link, h3>a:visited, h3>a:hover, h3>a:active > { color:30678E; } > > Thank you very much > > DC > > > ------------------------------ > > Message: 6 > Date: Fri, 20 May 2011 11:41:32 -0400 > From: Rich M <rich...@moremagic.com> > To: css-d@lists.css-discuss.org > Subject: Re: [css-d] Link IN IE8 > Message-ID: <4dd68bac.7040...@moremagic.com> > Content-Type: text/plain; charset=ISO-8859-1; format=flowed > > On 05/20/2011 11:33 AM, DC Cocioba wrote: >> Dear All, >> >> I apologize if this was maybe already discussed here. I am new to css and >> css lists. >> I have a H3 with a hyperlink that needs to be blue. The blue displays in >> Safari and Firefox, but not in IE. >> I thought defining all a: link, a:visited, a:hover, a:active would do the >> trick, but it doesn?t. I am something, but I can?t figure what. >> Here is my code. >> I am not sure if I wrote the css correctly >> >> >> <h3><a href="decorative-ideas.html">Some of Our Favorite Decorative Ideas >> for Summer</a></h3> >> >> h3>a:link, h3>a:visited, h3>a:hover, h3>a:active >> { color:30678E; } >> >> Thank you very much >> >> DC >> > > Have you tried > > h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { > color:30678e; > } > > > > > > ------------------------------ > > Message: 7 > Date: Fri, 20 May 2011 11:44:37 -0400 > From: Rich M <rich...@moremagic.com> > To: css-d@lists.css-discuss.org > Subject: Re: [css-d] Link IN IE8 > Message-ID: <4dd68c65.8060...@moremagic.com> > Content-Type: text/plain; charset=ISO-8859-1; format=flowed > > On 05/20/2011 11:41 AM, Rich M wrote: >> On 05/20/2011 11:33 AM, DC Cocioba wrote: >>> Dear All, >>> >>> I apologize if this was maybe already discussed here. I am new to css >>> and >>> css lists. >>> I have a H3 with a hyperlink that needs to be blue. The blue displays in >>> Safari and Firefox, but not in IE. >>> I thought defining all a: link, a:visited, a:hover, a:active would do >>> the >>> trick, but it doesn?t. I am something, but I can?t figure what. >>> Here is my code. >>> I am not sure if I wrote the css correctly >>> >>> >>> <h3><a href="decorative-ideas.html">Some of Our Favorite Decorative >>> Ideas >>> for Summer</a></h3> >>> >>> h3>a:link, h3>a:visited, h3>a:hover, h3>a:active >>> { color:30678E; } >>> >>> Thank you very much >>> >>> DC >>> >> >> Have you tried >> >> h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { >> color:30678e; >> } >> > > Just as a follow up, the > selector is a direct-child selector, meaning > it will target only direct child elements of the first element that > match the second element. So <h3><a/></h3> would match. > <h3><span><a/></span></h3> would not. However, it is noted that this > selector does not work in some version of IE, the page I read cited IE5 > and IE6 on Windows as failing to use this selector. > > > > ------------------------------ > > Message: 8 > Date: Fri, 20 May 2011 11:50:07 -0400 > From: Rich M <rich...@moremagic.com> > To: css-d@lists.css-discuss.org > Subject: Re: [css-d] Link IN IE8 > Message-ID: <4dd68daf.3010...@moremagic.com> > Content-Type: text/plain; charset=ISO-8859-1; format=flowed > > On 05/20/2011 11:44 AM, Rich M wrote: >> On 05/20/2011 11:41 AM, Rich M wrote: >>> On 05/20/2011 11:33 AM, DC Cocioba wrote: >>>> Dear All, >>>> >>>> I apologize if this was maybe already discussed here. I am new to >>>> css and >>>> css lists. >>>> I have a H3 with a hyperlink that needs to be blue. The blue >>>> displays in >>>> Safari and Firefox, but not in IE. >>>> I thought defining all a: link, a:visited, a:hover, a:active would >>>> do the >>>> trick, but it doesn?t. I am something, but I can?t figure what. >>>> Here is my code. >>>> I am not sure if I wrote the css correctly >>>> >>>> >>>> <h3><a href="decorative-ideas.html">Some of Our Favorite Decorative >>>> Ideas >>>> for Summer</a></h3> >>>> >>>> h3>a:link, h3>a:visited, h3>a:hover, h3>a:active >>>> { color:30678E; } >>>> >>>> Thank you very much >>>> >>>> DC >>>> >>> >>> Have you tried >>> >>> h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { >>> color:30678e; >>> } >>> >> >> Just as a follow up, the > selector is a direct-child selector, >> meaning it will target only direct child elements of the first >> element that match the second element. So <h3><a/></h3> would match. >> <h3><span><a/></span></h3> would not. However, it is noted that this >> selector does not work in some version of IE, the page I read cited >> IE5 and IE6 on Windows as failing to use this selector. > To further comment again, since you mentioned IE8 and not IE5 or IE6. It > appears that IE versions as a whole starting with 7 do support the > direct-child selector '>'. However, they only work if your document is > in Standards Mode. It sounds like your page must be triggering quirks > mode, reference this StackOverflow post that might help you figure out > how to establish Standards Mode. > http://stackoverflow.com/questions/2402737/css-child-selector-doesnt-work-with > -ie > > > ------------------------------ > > Message: 9 > Date: Fri, 20 May 2011 12:00:09 -0400 > From: "HallMarc Websites" <sa...@hallmarcwebsites.com> > To: <css-d@lists.css-discuss.org> > Subject: Re: [css-d] Link IN IE8 > Message-ID: > <!&!AAAAAAAAAAAYAAAAAAAAALzHzKpW54VLmBsq46hVn3LCgAAAEAAAAD3dyZkXTmNKpK3sgWlwd4 > ABAAAAAA==@hallmarcwebsites.com> > > Content-Type: text/plain; charset="iso-8859-1" > > > >> -----Original Message----- >> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css- >> discuss.org] On Behalf Of Rich M >> Sent: Friday, May 20, 2011 11:45 AM >> To: css-d@lists.css-discuss.org >> Subject: Re: [css-d] Link IN IE8 >> >> On 05/20/2011 11:41 AM, Rich M wrote: >>> On 05/20/2011 11:33 AM, DC Cocioba wrote: >>>> Dear All, >>>> >>>> I apologize if this was maybe already discussed here. I am new to css >>>> and css lists. >>>> I have a H3 with a hyperlink that needs to be blue. The blue displays >>>> in Safari and Firefox, but not in IE. >>>> I thought defining all a: link, a:visited, a:hover, a:active would do >>>> the trick, but it doesn?t. I am something, but I can?t figure what. >>>> Here is my code. >>>> I am not sure if I wrote the css correctly >>>> >>>> >>>> <h3><a href="decorative-ideas.html">Some of Our Favorite Decorative >>>> Ideas for Summer</a></h3> >>>> >>>> h3>a:link, h3>a:visited, h3>a:hover, h3>a:active >>>> { color:30678E; } >>>> >>>> Thank you very much >>>> >>>> DC > > You are missing the '#' before the '30678E;'. > Not sure if it is because you mis-typed it here or both here and the > stylesheet. > > > > > ------------------------------ > > Message: 10 > Date: Fri, 20 May 2011 13:12:56 -0500 > From: Keith Purtell <keithpurt...@keithpurtell.com> > To: css discuss <css-d@lists.css-discuss.org> > Subject: [css-d] Trying to retain CSS rounded corner during hover > Message-ID: <4dd6af28.5060...@keithpurtell.com> > Content-Type: text/plain; charset=ISO-8859-1 > > On the top right of the draft version of a page, the Contact link is > supposed to retain its rounded corner during hover. However, it's > reverting to a rectangle, and I'm not sure why. > > http://www.keithpurtell.com/kthings/bab/index01.htm > > (Yes, I know that I haven't yet added the code for rounded corners in IE.) > > - Keith Purtell > > > > > ------------------------------ > > Message: 11 > Date: Fri, 20 May 2011 14:23:15 -0400 > From: Justin Stressman <jstress...@gmail.com> > To: keithpurt...@keithpurtell.com > Cc: css discuss <css-d@lists.css-discuss.org> > Subject: Re: [css-d] Trying to retain CSS rounded corner during hover > Message-ID: <BANLkTinaQaG-GTjY=-x1fmaczufxjtl...@mail.gmail.com> > Content-Type: text/plain; charset=UTF-8 > > On Fri, May 20, 2011 at 2:12 PM, Keith Purtell > <keithpurt...@keithpurtell.com> wrote: >> On the top right of the draft version of a page, the Contact link is >> supposed to retain its rounded corner during hover. However, it's >> reverting to a rectangle, and I'm not sure why. >> >> http://www.keithpurtell.com/kthings/bab/index01.htm >> >> (Yes, I know that I haven't yet added the code for rounded corners in IE.) >> >> - Keith Purtell > > It looks to me like it's because you've set the hover background color > on the "a" element inside the "li" element that actually has the > rounded corner. > > So that "a" becomes solid and for some reason overlaps that. > > Setting "overflow:hidden" on the "li" element fixed it. > > You could also use something like "ul.navman li:last-child a { > border-top-right-radius: 20px;}" I'm guessing. That should work as > well, although I haven't tested it. > > Hope this helps. Daniela Cocioba Graphic & Web Designer +1.646.541.3401 Phone +1.917.720.9856 Fax www.DanaTina.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/
