REVIEW REQUEST: The Love Family

They have: 42 posts

Joined: Sep 2002

Hello everyone...I want to thank you all once again for all your help on my first site, freedomtribe.com .You were all an invaluable help to me.

I'm hoping that you would check out a site that I'm working on right now loveisraelfamily.com

I had to throw this site up really fast because these people are going to be on the cover of tomorrow's newspaper and the article promotes their website! It's not done, obviously, but the main pages of what they wanted to say for right now are up...

I would love any suggestions you have to offer. I am particularly interested in any ideas in how to make it look better at ALL screen resolutions...I haven't got the hang of it yet. When I make it look good at 1024 x 768 it is way too big for 800 x 600. Due to the fixed size of the artwork banner on top of each page, I seem to be forced to keep it in a fixed width. I'm hoping that some of you website pros can help me make this site great!

thanks so much everyone! peace...

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

First off start by changing the Untitled Document in the tags to something else. Sticking out tongue

You have:

<?php
 
<tr>
    <
td width=\"110\" height=\"11\"></td>
    <td width=\"5\"></td>
    <td width=\"8\"></td>
    <td width=\"84\"></td>
    <td width=\"13\"></td>
    <td width=\"250\"></td>
    <td width=\"14\"></td>

    <td width=\"250\"></td>
    <td width=\"13\"></td>
  </tr>
?>

Is there a need for that? I also find that it's repeated throughout all of your source code :S

One way you can make it fit on all resolutions would be to change

<?php
<table width=\"747\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" align=\"center\">
?>

To

<?php
<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" align=\"center\">
?>

Which will make the table expand to fit the screen size.

Busy's picture

He has: 6,151 posts

Joined: May 2001

make sure you add background color (default shows, in my case grey)
watch what you underline, especially with blue text, perhaps make the text normal and the underlined bits bold, or italic
some pages (lyrics) has blank links so I'm stuck, either add the links or just put / in the href and it will take it back to the index.

It's a bit hard to tell without the white background, also as Renegade mentioned, don't forget to fix all your title tags.

you could use the mouse over image as the displayed image for the page your on, some of the pages that have no content dont tell where you are.

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

I think the site looks fine in all resolutions (from 800*600 - 1152*864) although if it was me I would make the page margins 0 so that the header part sits right at the top of the page and then it wouldn't look like that bit was floating quite so much.

I agree with Busy about making the page you are on more prominant in the navigation and definitely make the page title relevant to the page.

Good work so far Smiling

Julia - if life was meant to be easy Michael Angelo would have painted the floor....

They have: 42 posts

Joined: Sep 2002

thanks for the suggestions...I applied most of them.

Renegade...I didn't quite understand what you were saying about the code:

I made this site in dreamweaver and I don't have too much coding experience, coming from a print graphics background...apparently dreamweaver is putting that code in there. I tried deleting it but it made my page get all weird. What should I do with that code? Maybe you can explain to me what's wrong with it...

Oh...one more question...

the blue bar is jumping all over the place on each page! On some pages ,like the song lyrics page, it is close to the navigation bar, which is the way I want it. But then on other pages like the Ays to Help page, it jumps over to the right (I'm viewing it at 1024 x 768). How do I keep the blue bar where I want it????

Just thought of another thing...for some reason on the index page the navigation bar jumps down a bit but stays consistently in the same place on all the other pages. I designed them to be all the same. Why does it jump down on the index page and what can I do to fix it?

thanks in advance...

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

Quote: Originally posted by purenkind
Renegade...I didn't quite understand what you were saying about the code:

If deleting that messes up your page then just leave it, though I can't see what it might be used for...

Busy's picture

He has: 6,151 posts

Joined: May 2001

the navigation could be jumping around from lack of content, try add a line of rubbish (x x x x x x x x ) to see if the content keeps the cell at width. I use 800x600 so can't check.

They have: 42 posts

Joined: Sep 2002

what about the blue bar? how can i get that to quit moving?

Busy's picture

He has: 6,151 posts

Joined: May 2001

if you tried what I suggested above and it is the content - add some content, or the cheat way (and you didn't hear it from me Wink ) leave the line of x's in but colour them the same as the background color, which in this case is white. This is seen as spamming by search engines so keep it at one letter or digit and have a space between them.

it's not the content add width="100%" into the td cell with the "no content yet" message.

If you remove the section Renegade you'll also have to remove the similar section under the navigation table

Don't forget to add alt tags to your navigation buttons as well, all you images should have alt tags with descriptions

They have: 42 posts

Joined: Sep 2002

well, it wasn't the content but I mostly got it to look the way I want. I still don't understand what was said about the code...

Quote: If you remove the section Renegade you'll also have to remove the similar section under the navigation table

I didn't see a similar section under the navigation table. I told you I'm not very good at code yet...

I still need to put the alt tags on the nav bar...will do it later today.

thanks people Smiling

DaveyBoy's picture

They have: 453 posts

Joined: Feb 2003

Cable
1024x768
IE6.0

The first thing i noticed about this site was that there isn't really anything binding the site together. That is, there are kinda three seperate parts - the banner, the nav and the body. I think this is because of the big spaces between them all. I like the graphics at the top and the title 'The Love Family' is a nice font, especially the 'Lo' part of Love. I noticed all of the main body areas tend to have different widths, like the first word of the section doesn't always start in the same place. This removes some of the consistency from it, so that should be fixed. Other than that, its nice and clean, and pleasant to view!

They have: 5 posts

Joined: Mar 2003

The Navigation is nice and easy. very simple page, but that gives it alot of appeal. I would try hard to make the navigation not move as a user changes pages, but other than that... Not too bad. The graphic at the top needs something. I am sorry I don't know what...but something. Good start.

Busy's picture

He has: 6,151 posts

Joined: May 2001

oops just noticed i missed a few words in my last post lol, should of been:
If you remove the section Renegade mentioned you'll also have to remove the similar section under the navigation table

you have empty td cells before and after your navigation area. It's not a biggy but does tidy up your code

They have: 42 posts

Joined: Sep 2002

thanks people...

I've been trying to make it so that the navigation doesn't jump around...I don't understand why it's doing that. On the pages that don't really have any content except "check back" it stays the same. On the pages where actually put content it jumps down. On those pages I merged the two table cells on my DW page so that the heading would be a bit higher than the text, but I don't understand why the adjacent table cell would move.

could someone explain to me how to fix it??? thanks.

Busy's picture

He has: 6,151 posts

Joined: May 2001

add width="100%" in the td cell which holds the content section.

nicora's picture

He has: 267 posts

Joined: Nov 2001

Hello.

I think that your table layout is just too complicated. I removed the rowspan method you were using and I think this will be a lot more stable. Plug it in and see what you think.

A couple more suggestions.

Try using CSS instead of font tags. Also, I like the simplicity of the layout, but I think it would be benificial to have additioal bottom navigation, along with a "top" link anchored to the pages top at the bottom of each page.

Here is the code I was talking about.

// Edited out code

That was just too big a mess, click on this link to see the code

Changes

nicora's picture

He has: 267 posts

Joined: Nov 2001

// Never mind this post

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.