<a href='javascript:;'> On Feb 14, 2012 4:17 PM, "Eric Patrick" <[email protected]> wrote:
> I can and now do indeed use the doctype. However, part of my goal is > to enable mashups with other sites. In that vein, I'd like to provide > a CSS link and serve content via AJAX. > > I'd prefer to avoid requiring mashup authors to use doctype. Not > unreasonable, just vaguely annoying. The fewer burdens I impose on > those developers, the better. > > The alternative is to ensure all my links (Bootstrap Dropdown menus in > particular) use href (href="#" being the most common approach). > > The reason I'd like to avoid the href="#" is I am (perhaps unwisely) > using <base href="..."/>. The reason for this is we have 2 large > clients who have requested our server-side software be installed as a > folder under a larger site. We have enough modules in nested folders > that I prefer: > > href="Contact/Contact.ashx" > > to > > href="../../../Contact/Contact.ashx" > > --- > > So, I have three basic choices: > > 1. Use doctype (and require mashup authors to do the same) > 2. Use href="#" and stop using <base href> (server-side coding pain) > 3. Use href="#" and use javascript to handle the click event for <a > href="#"> tags (prefer to avoid js when HTML/CSS will do) > > Was hoping for a 4th, pure css option, but I suspect I'm out of luck. > > Thanks all, > > Eric > > > > > On Feb 14, 12:21 am, Aaron Newton <[email protected]> wrote: > > Any reason you can't just use a doctype? > > > > > > > > > > > > > > > > On Mon, Feb 13, 2012 at 7:40 PM, Eric Patrick <[email protected]> > wrote: > > > I've been playing with Bootstrap, and Aaron's related behaviors -- > > > thanks Aaron! > > > > > I encountered a bit of a surprise: when serving up documents without a > > > doctype to Chrome and Safari, CSS applied to a:hover does not work if > > > the a tag has no href. This is not an issue in FireFox. > > > > > <a href="#">My Link</a> // recognized by a:hover classes > > > <a>My Link</a> // not recognized by a:hover classes in webkit quirks > > > mode > > > > > I went to replicate this issue in jsfiddle, only to find the CSS > > > worked because jsfiddle serves up: > > > > > <!DOCTYPE html> > > > > > Sorry for the lack of a fiddle, but the code is very short. The intent > > > is to use :hover to make links a blue background with white text. > > > > > Broken:http://demo.quandis.net/css.html > > > Working:http://demo.quandis.net/css.doctype.html > > > > > So, I have a solution to my issue. I realize that DOCTYPE is > > > controlling standard mode vs. quirks mode of the browsers. I would not > > > have been surprised by anything in IE, but was rather surprised by the > > > issue in webkit. > > > > > My question to the group is, has anyone encountered this an arrived at > > > a different workaround, particularly alternate CSS? > > > > > Thanks in advance, > > > > > Eric >
