6 replies [Last post]
zibworm
Offline
newbie
Mooresville, NC
Last seen: 18 years 16 weeks ago
Mooresville, NC
Joined: 2004-08-05
Posts: 8
Points: 0

http://www.lakenormanwebdesign.com/RSH/indexcheck.php

This is not finished yet...just testing the overal site layout which was done with CSS. (Header, nav bar and body alignment...it should center.) Nav bar should mouse over to red background...that part is not CSS. Please let me know if it does anything goofy on your platform, and if so, what platform.

Also, I'd be encouraged to hear that it looks ok...if so, let me know what browser, resolution, etc. you are using.

It should center, and I'm hoping everything is lining up nicely. I have tested it in Nav and IE on Win XP, but I don't know what it's doing anywhere else.

Many Thanks!!!!! - Zolla

The Finch
Offline
Enthusiast
Cincinnati
Last seen: 18 years 17 weeks ago
Cincinnati
Timezone: GMT-5
Joined: 2004-08-01
Posts: 65
Points: 0

Site layout check. Thanks for your help!

The site has problems when you increase text size in Firefox.

See the attached image.

zibworm
Offline
newbie
Mooresville, NC
Last seen: 18 years 16 weeks ago
Mooresville, NC
Joined: 2004-08-05
Posts: 8
Points: 0

New location

Sorry, I messed up the indexcheck.php file.

Here is a new link: http://www.lakenormanwebdesign.com/RSH/index.php

Thanks! - Z

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 31 weeks 22 hours ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Site layout check. Thanks for your help!

I was about to comment on the use of Times New Roman, but the new choice doesn't seem that much better either.

Also, I wouldn't use an image for the 'about RSH productions' bit, it could just as easily be text.

Try changing:

Quote:

#indexTextA
{
float:left;
text-align:left;
margin:10px 0 0 8px;
width: 365px;
font:bold 12px verdana, sans-serif;
color: #FFFFFF;
}

to

Quote:

#indexTextA
{
float:left;
text-align:left;
margin:10px 0 0 8px;
width: 365px;
font: 12px Tahoma, sans-serif;
line-height: 24px; <-- play around with this
color: #FFFFFF;
}

Also, you got a big gap at the bottom

(Firefox 0.8, Win98)

Also:

# TOTAL_IMAGES - Caution. You have a moderate amount of images on this page (9 ). Consider using fewer images on the site or try re-using the same image in multiple pages to take advantage of caching.

# TOTAL_SIZE - Caution. The total size of this page is 52704 bytes, which will load in over 8 seconds on a 56Kbps modem - or 10.70 seconds. Consider reducing total page size to less than 30K to achieve sub eight second response times on 56K connections. Be sure to provide feedback for pages over 30K by layering your design to display useful content within the first two seconds. Consider optimizing your site with Speed Up Your Site or contacting us about our optimization services.

# IMAGES_SIZE - Warning! The total size of your images is 46729 bytes, which is over 30K. Consider optimizing your images for size, combining them, and replacing graphic rollovers with CSS.

# CSS_SIZE - Caution. The total size of your external CSS is 1278 bytes, which is above 1160 bytes and less than 8K. For external files, try to keep them less than 1160 bytes to fit within one higher-speed TCP-IP packet (or an approximate multiple thereof). Consider optimizing your CSS and eliminating features to reduce this to a more reasonable size.

If I were you, I'd go with a css-driven menu and use text instead of an image for the 'about' text.

Verschwindende wrote:
  • CSS doesn't make pies

zibworm
Offline
newbie
Mooresville, NC
Last seen: 18 years 16 weeks ago
Mooresville, NC
Joined: 2004-08-05
Posts: 8
Points: 0

Site layout check. Thanks for your help!

Normally I design pages with less images, but this client wants high-tech and something a little fancier than what css alone can do. (refering to the nav bar.) I know CSS can do the background color, but not the drop shadow. It's a picky thing, but I have to go with what my client is looking for.

Also, all of his clients who will be using the website are businesses who should have a high speed connection.

I made the "About RSH..." title an image because I couldn't find a text that looked clear enough to suit my taste in that size font. If you know of a way to get around this, please let me know.

This is my first site where I'm really trying to make it slicker looking, so I have a lot to learn, and I appreciate your comments. Please be kind though. I don't know what you mean about the times new roman text. It's all sans-serif. I will take a look at the font you suggested.

- Zolla

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 31 weeks 22 hours ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Site layout check. Thanks for your help!

Well I was going to say Times New Roman is a bad choice, but you changed it - however I didn't think the new choice was much better.

If you are going to use an image for the 'about RSH' bit then give it a transparent background, rather than part of the underlying background - it will make it look better if it doesn't match up entirely.

Verschwindende wrote:
  • CSS doesn't make pies

zibworm
Offline
newbie
Mooresville, NC
Last seen: 18 years 16 weeks ago
Mooresville, NC
Joined: 2004-08-05
Posts: 8
Points: 0

Site layout check. Thanks for your help!

I tried making a transparent gif with photoshop and it looked horrible. Maybe I didn't do it right.

I did change it to text. It looks better without the italic.