On Monday 22 June 2009 22:31:54 Tim Snadden wrote: > On 23/06/2009, at 8:23 AM, John wrote: > > I couldn't Google any information towards a layout like this, any > > pointers to > > pages that might help would be greatfully received! > > Really? I just tried a few searches: 'CSS tabs', 'CSS tabbed > interface', 'CSS tabs rounded corners'. It's a very common design that > has been done by many people before. Have another look. Here are a > couple of the links that came up. > > <http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniqu >es/ > > > This one is a classic - <http://www.alistapart.com/articles/slidingdoors/ >
Sorry I didn't explain very well. I am trying to do this without javascript but using :hover. But I did just search for 'CSS tabbed interface' which has thrown up a few interesting pages (didn't think of that)! > >. > > As far as what you have done so far, I'd suggest that validating your > markup and CSS is not only good practice in general but it helps with > debugging and should always be the first step. If there is a markup > problem you can end up writing all sorts of crazy CSS to make it look > right. > > <http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.donann.co.uk% >2Fnew_site%2Ftabs1.html > > > You can't put a <div> inside an <a>. > > I hope that helps, Tim Thank you for the validation suggestion I'll work on that tonight. Regards John -- http://www.donann.co.uk ______________________________________________________________________ css-discuss [[email protected]] 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/
