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
