kudos

Its not clear what your intentions are, but using the css display: -moz-inline-box; does lend itself to displaying in a long line as it is doing. For this kind of layout explore the possibility of float your divs to replicate table layout.

looks good - really like the header. I might be tempted to use a different color for your pink anchor tags to distinguish them from the borders at the top of each panel. good stuff though.

excellent. just remember that background images count for nothing as far as content is concerned. A div with a bg image will need other coded content in order for it to be visible.

this seems like a stupid question, but why have a column with nothing in it? The solution is to fix the dimensions, much like the width is set at 160px, set the height to whatever you want it to be, eg 400px (replaces the word 'auto') and the column will be instructed to stay these dimensions high and wide. The problem of course is that if whatever content is going in there is changing a lot, then you risk running out of room.

Yeah looks great - accessible, intuitive and usable. very nice. Problems have already been pointed out though and its definitely worthwhile sorting them out. Its been given an xhtml doctype declaration, yet someone has not coded it as such - you've got to keep moving on a treadmill...

There is a similar example on the bbc homepage now as well. This kind of thing usually requires the use of javascript to either hide or show divs, or replace elements using a javascript library such as jquery. I would imagine that the case on yahoo is being fed by a database and updated with ajax requests, but i could be wrong - ive not looked into it. Either way, its not the easiest thing to achieve unless you have some decent web coding experience and at least some experience with javascript.

Think it looks quite good. You are, however, in danger of it being a little too blue... Theres plenty of tweaking that could be done. I would align the body text with the left edge of the logo to give it a more organised feel, and also raise the line height a tad to make the text easier for your users to read. I would definitely consider reworking the code and css to be a bit more friendly. <p> </p> is not really a good way of replacing a simple margin-bottom command. Also, absolutely positioning everything will make for tricky times if you want to adapt the site at a later date.

From the questions you have asked, my first reaction would be to say that although there are rules to follow, there are no right or wrong ways of doing things as far as content is concerned. Thats the beauty of css based design - YOU choose your column width, height, size, colour, margin, padding, the works. How it looks is completely up to you. A three column layout is probably a tricky starting point, but firstly you need a div to surround everything that will appear on the page. In that div might go some further divs - your header, first, second, and third float, and your footer. The arrangement of them inside is up to you - as is the appearance of your containing div. For columns you will need to use floats - its dead easy so dont worry. Just play around with styles and find out what does what or until you create something you like. Come back and ask for help with specifics, but sometimes the best way to learn is toying with it.

basically the ids in the php script need to correspond with those on the input fields. Not sure how this is approached in flash, im no expert in that department. Then as pat said, the form needs to post to the script on submit. Im sure there are tutorials online for this kind of thing, put a sherlock holmes hat on (pipe optional for health reasons) and dig around for a bit. sorry i cant be more help!

heh, no worries, been there many a time. for future reference, little bugs like that can be highlighted by just whipping your css through a validator. Can save a lot of time and hair tearing! W3 CSS Validator: http://jigsaw.w3.org/css-validator/#validate_by_input

No problems - im going to redo my site soon, so might pop some stuff up on here. Im going to wait until firefox 3 is out proper so i can make sure it works properly all over the place though! look forward to seeing any updates on your site.

Looks fine, if a little simplistic. I would be tempted to use a different green for the header to stand it off the background on the body, and also make the flash element fit perfectly in its containing div - theres a little margin either side which distracts me. other than that? grand.

Sorry, didnt catch what the problem is. You have a link to demonstrate? What happens and what is supposed to happen?

Its all built in flash i see - looks good. I think your form will need to post to a php script which will handle the form request, that you upload to your server. This can be tricky if you have no experience with php, but there are some simple form mail scripts available for download, you just need to search around a bit. The form will basically take the info from the inputs and whack it in an email for you. The problem with doing it this way is that you need to configure your contact form to the script unless you can write it yourself or get someone else to do it!

Thats ace. Love it! Really cool and a massive step up from your old site (I assume thats where i went having clicked a link). Personal preference of course, but... - anchor tags in white dont work for me. I think a less bright colour would work better. Applies to h3 anchors and top level nav. - maybe tone down the black stripes in the h3 bg images and footer. Also maybe make them wider? - I'd be tempted to put a fade on the shadow as it moves from its source in the header image. Just a subtle one, but it would make a difference. No criticisms at all, these are just thoughts and reactions that crossed my mind when i looked. Love the graphic at the bottom right though.

you can use a break class instead, ie. <br class="clear" /> (then specify .clear {clear:both;} in your stylesheet ) which wont fail validation, or alternatively (bit of a hack) put in your div to give it a single blank space as content.

Looks pretty good - nice and clean/simple. I like the right column, but I would completely scrap the left. Dont think the images and green text go well with the site. Also I dont know if you were planning on making a new logo, but it would be worthwhile spending some time getting something that looks a bit slicker. Jealous you got to do Romani's site! Look forward to seeing the new version.

Im using multiple ie, which seems fairly reliable. There have been a couple of bugs that could possibly be down to the fact that im using multiple ie while a site was in development. Simply put though, the rendering seems faithful enough to trust. recommended!

Like it a lot - very stylish! Id agree with most of the comments in here and i certainly think it would benefit from central alignment, but thats just a personal choice. One tiny tiny thing in the coding: Since you have declared the page as XHTML transitional, your (impressively thorough) metadata should be closed correctly -> <meta name="" content="" /> But im picky... Great work!

Also I forgot to mention a couple of points: Make sure you remember to add a doctype to your html page to give your browsers the best chance of outputting the code correctly, otherwise youre just sending them into quirks mode and the lottery begins... You have <br /> elements to split up <li>'s - this you cannot do! Just use a selector in the css and use a top/bottom margin. eg at the moment it could be #bodyRightPanel ul li {margin-bottom:10px;}

Thats the solution - float it up! Its difficult to get divs to behave as you want them to just using relative positioning, however float your main elements is a happy solution to this. Try something along the lines of: <div id="maincontent"> <div id="column-lhs"> Welcome to your wedding plan... </div> <div id="column-rhs"> Recent Articles... </div> <br class="clear" /> - important as it will prevent unwanted overlapping <div id="login"> Members area... </div> <br class="clear" /> </div><!-- maincontent --> CSS BITS #column-lhs, #column-rhs {float:left;margin:10px;width:400px;background-color:gray; + any other styling} #login {float:left;width:100%;margin:10px; + any other styling} .clear {clear:both;} Thats a rough idea off the top of my head and will doubtless need some fine tuning.

Unfortunately I didnt see the original problem before you fixed it, but there is still more you can do to help make your site display consistently accross browsers. and maybe more how you want it to? Your category divs are all contained within a <span> element - span is an inline element and you shouldnt have block level elements (eg divs, h1+ etc) inside them. If you make this span a div with an id, it would be more acceptable coding. Also, you dont need to give each one of your category divs an id. Since they are all taking the same format, why not give them all the same class and style that with css so that it is repeated for each. As ElanMan said above, floating these divs would give the same result and need such intircate styling as relative positioning. something like: <div id="container"> <div class="category"><img /></div> <div class="category"><img /></div> <div class="category"><img /></div> <div class="category"><img /></div> <div class="category"><img /></div> </div> Can be more explicit if you need it it. Hope this helps.

I assume this is referencing the lack of support for transparency? The only fix I have experience with is the javascript solution - pngfix.js, found and explained here: http://homepage.ntlworld.com/bobosola/pnghowto.htm It works ok though it has made ie6 hang in the past. If you call it with a conditional to only appear for browsers pre-ie7, you can avoid any unnecessary loading in other browsers. Interested to hear if anyone else has a different/better solution!

Yeah its flash alright. Flash is great for some things, but I would tend to stay away from it for top level navigation. Some excellent effects can be achieved with other methods available to you, without compromising your search engine efficiency quite so much.

Make sure you check through your code and try and use up to date methods. <marquee> and <blink> are not really encouraged anymore! One other thing is you are using repeated id's on your divs. Remember 1 distinct id per page. Using classes could sort you out. Extra gaps can also be caused by misinterpreted padding/margin or empty elements. You have spans and paragraphs on the page with nothing in them - try removing these and see if IE6 is allowing for them. Hope some of the above helps.