Site Review

[Big Fat]

First, I'd like to thank tsguitar2004 for all the work he did on this site. He came up with all of the code for the layout of the index page and put it in a zip file for me. Being a css virgin, it would have taken me six months to do this wihout his help. I did the original product in front page, so it was not 4.01 strict compliant. It was a mess with tables and depreciated code, etc. tsguitar2004 did a first rate job. He's also the one who talked me into redoing the site in 4.01 and css.

I know I need to clean up the css files since I made one for each page till tsguitar2004 told me not to do that.

Other than the fact I have too many css files, please comment/complain about the layout, color scheme, boring, use of pop ups to bring up certain pages and anything else. The calculator page is not 4.01 compliant but I'm not sure how to fix it.

http://www.mybigfatmortgage.net/quickindex.html

BF

[hemebond]

Get rid of the spacer div above "Lender Approved" and put a clear:both on the bottom_box. Otherwise "Lender Approved" is being left on the right, above the others.

[Big Fat]

The space div is at the bottom of right content. It displays ok on my monitor.

How do I "put a clear:both on the bottom_box." I want to make this change so the boxes will not shift. New to css.

Thanx

BF

[bradyj]

In your CSS style.css file:

.bottom_box
{
width:25%;
float:left;
clear:both;
}


Is that what your after? It looks much cleaner now, by the way, good job!

[Big Fat]

I took out the space div is at the bottom of right content and cut and paste the above code.

The boxes lined up down the left side like:

box

box etc

These boxes alignment are a problem on some browers. Any other ideas? That clear sends them to the left side of the page because I tried using it after I put the spacer back in and the boxes didn't change till I took the clear out. Thanks for the compliant on the site!

BF

[hemebond]

The boxes lined up down the left side like:

box

box etcSorry, I didn't realise the boxes had no container. Try putting them in one (another DIV) with the clear:both style. If all else fails, try decreasing the width of each box.

[Big Fat]

I put the boxes in a container with a width of 100%, figuring the whole cotainer would have to float. Wrong. Tried several methods including

.bottom_box
{
width:25%;
float: mid-column;
clear:both;
}

all with the same results. Float makes the display hard to control.

[Big Fat]

I believe I solved the problem of float on the bottom boxes. They should all line up.

http://www.mybigfatmortgage.net/quickindextest.html here's my test link.

[Big Fat]

Thank you hemebond . Your solution worked. I don't think the boxes will drop anymore. It took me a while to understand what you meant, but I finally got it.

I put in on all four pages with boxes:

http://www.mybigfatmortgage.net/quickindex.html

http://www.mybigfatmortgage.net/signup.html

http://www.mybigfatmortgage.net/howbiweeklymortgageworks.html

http://www.mybigfatmortgage.net/mainbiweeklyfaq.html

Anyother comments/complaints on the site by anyone on all/any page?

[WebPlaya]

The site looks really nice and clean including the codes for the site!!

The only suggestion that I want to make so far and it does not have anything to do with the coding of the page but you may want to reconsider the order of the menu on the top right corner.

Instead of ::

Home
Enroll
Calculator
How It works
FAQ's
About Us
Contact Us

I would change it to ::

Home
How It Works
Calculator
Enroll
FAQ's
About Us
Contact Us

But that's just me. :)

[Big Fat]

Good point. I looked at some other website and make this change to the menu order on all the pages - even the popup and phpemail.


Home
How It Works
Calculator
FAQ
Enroll
About Us
Contact Us

I think that order is pretty logical.

Thanks for your comments about the site. :thumbsup:

Anyone else? Coding or anything.

I decided Mortgage Analysis was more accurate than enroll because you do analysis your mortgage before you enroll. I changed to enroll to Mortgage Analysis.

http://www.mybigfatmortgage.net/quickindex.html