bigpolly

Wow that's very interesting thank you. Now I'll just have to work out how to do it ...

Thanks for replying but it doesn't actually help!I have used Lightbox before with a table based site but I want if possible to avoid tables now. So the question is - is it necessary to use a table? I followed a detailed tutorial from Lynda.com (by Andy Clarke who is a member of the Web Standards Project. http://www.stuffandnonsense.co.uk.) on making a grid with css styling of a list. It is elegant and looks fine. It avoids using a table to layout images which I thought was not approved of! But maybe it's not then possible to link to larger images.

Sorry but what's SEO? I don't think it would mess up accessibility as the item has a text label ... But I am beginning to think there's no way to link these css'd list items to a bigger version of the image. So does that mean it's back to a table? Seems wrong somehow.

I'm a CSS beginner just trying to get to grips with Dreamweaver CS4. I used a Lynda.com video - "CSS for Designers - Creating Grids" to make a very neat grid of 6 small photos - the html is just the list and the CSS makes it into a grid. Very neat. HTML EG: <li id="two"><a href "#">Terrace</a></li> <li id="three"><a href "#">Kitchen</a></li> <li id="four"><a href "#">Bedroom 1</a></li> CSS EG: li#six { background-repeat: no-repeat; background-position: 50% 10px; padding-top: 130px; background-image: url(../images/flat1/thumbf1bath.jpg); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; } li a { display: block; text-align: center; } But I didn't think ahead - now I need to find a way of click on the items go to a bigger image. When my webpage used tables I used Lightbox for this but now the small images are actually background images and I can't see a way to do it. Can anyone help? Also - minor problem but annoying - I styled li a as display:block which should have made the image clickable but it doesn't. Anyone know why - have a solution?? Many thanks for any help you can give.

Sorry to waste your time guys I found the answer. There's a good youtube video if any one else doesn't know about this, and it's easy in Dw using Behaviours.

I want to have 1 large image with a row of thumbnails below. Click any small image, replace the large one with large version of that thumbnail. I was gaily thinking I could do this in Dreamweaver but now suspect not ... I'm not expecting anyone to give me chapter and verse on how to do it - just to point me in the right direction, please.

Brilliant. I'm now using Firefox and it's great. I had been told about it before but just hadn't got round to it. it seems much faster and better than IE. And I've realised that setting a text size eg small is no good as it's different in the 2 browsers, but point sizes do work ok. So thanks again. I will look into using divs. But I have a friend who told me she'd used css layout, seemed fine but then it would be a complete mess in another browser ... that's what put me off. Is there a trick that avoids that?

Rotorhead thanks for the reply. I'm a rank amateur and don't fully understand what you say but never fear I will get the books out and work it out! Meanwhile I accidentally found out what caused the 11 px height prescription. It was because the table had cell padding (5)(ao 10 in all). Remove that, and I can adjust the height as much as I like.

I'm using a table for layout (sorry I know the forum doesn't approve!) I want to have a horizontal line created by coloured table row. Dreamweaver won't allow the cells to be less than 11px, even though all that is in them is a spacer gif 1x1 pixels. If I enter a lower height it says this is less than the minimum and won't accept it. It won't accept it direct in the html either. Why not, and how can I change this? I'd like about 5px. Also, the supposedly transparent gif, created by Dreamweaver, actually shows as a little dot. And of course the full width spacers in the lowest cells which are there to keep the cells at the correct width show up as lines, even worse. Help much appreciated.

It's a long time since I designed a site and I'm about to start again. I'll use Dreamweaver and tweak the code occasionally, probably. Back then, you were advised only to use websafe colours, and eg not to put everything in one table, as it would make loading slow. Now that computers are bigger and faster does this still apply or are there other key issues that I need to consider from the start? Thanks.