Website help... - Post ID 164228

Jul 21st, 2011 at 12:31 PM
User 2229640 Photo

Timothy Wendorff
Registered User
5 posts

I am finishing up my website (www.triplebhi.com) and am having trouble finishing a few things.

1. The final product views differently in Firefox vs. I.E. I.E. has everything shifted to the left and forces "Featured Resources" to be stack (this also happens on the resources page).
2. The main page (image and "About Us" links) is suppose to slide every few seconds (Not talking about the scrolling Triple B Home Inspection, LLC on the top). When I "test in browser" out of CoffeeCup Editor, it works fine. When I publish it, it doesn't work.

Any help is appreciated!

Thank you!!
Tim Wendorff
Triple B Home Inspection, LLC

www.triplebhi.com
262-224-4420
A Southeastern Wisconsin leader in residential home inspections and radon testing!
Jul 21st, 2011 at 01:10 PM
User 117361 Photo

Janys Hyde
Ambassador
6,076 posts

Timothy...my suggestion is that you put a wrapper/container around the whole page with top and bottom margins set to 0 and left and right set to auto ...something like this ...see if that helps. You might also have to stick a text-align: left; but see how it all behaves first as I haven't looked at your code that closely.
<style>
.wrap { width:960px; margin:0 auto;}
</style>

<div class="wrap">

...content here...

</div>

Is it just me with this snippet or is it in the default HTML Editor? Boh...can't remember

Forgot to mention that I noticed that you are using a lot of images which are just scaled down to size...in some cases from about 4000 px wide to some 300 px. They are slow loading and risk becoming distorted because of the scaling. Cut them down to size before you put them on the page.
http://www.venicefromtheinside.com
Jul 21st, 2011 at 01:28 PM
User 122279 Photo

Inger
Senior Advisor
14,624 posts
Online Now

Timothy, you need to put a doctype at the top of the html document. Replace <html> with this:

<!DOCTYPE html>
<html lang="en">


I think the centering problem will be solved if you do.

I also noticed that the images are waaayyy to large and slow loading. Open them in an image editing programme and scale them down, as Janys says.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jul 21st, 2011 at 01:34 PM
User 2229640 Photo

Timothy Wendorff
Registered User
5 posts

Thanks guys.
What's a good imaging program? I've used IrfanView, but not sure that's the best one to be using.
Tim Wendorff
Triple B Home Inspection, LLC

www.triplebhi.com
262-224-4420
A Southeastern Wisconsin leader in residential home inspections and radon testing!
Jul 21st, 2011 at 01:40 PM
User 322842 Photo

rodgw
Registered User
209 posts

It just so happens, Coffeecup makes a small program that will help with your images.
Give the trial a try.

http://www.coffeecup.com/pixconverter/
Jul 21st, 2011 at 02:17 PM
User 1948478 Photo

Per
Senior Advisor
1,850 posts

Timothy Wendorff wrote:
What's a good imaging program? I've used IrfanView, but not sure that's the best one to be using.

I find that Irfanview does a very good job of resizing images - and a lot of other things as well.
And if you are used to it already... :)
Per
www.mingas.com
Jul 23rd, 2011 at 10:28 AM
User 528054 Photo

Peter G
Registered User
209 posts

What's a good imaging program?...........

Without a doubt............ PaintNet.

Its free and can be had here..... http://www.getpaint.net/ Its written by Microsoft techy's

Once installed, select 'Images' > Resize.....

It is, quite frankly, Brilliant..... Just like the CoffeeCup HTML Editor

Regards
Peter
Aug 21st, 2011 at 08:54 AM
User 528054 Photo

Peter G
Registered User
209 posts

There is another really nifty program, Its Free too!........... Image Resizer, 32 and 64 bit options

Once its downloaded and installed, its available on clicking the right mouse button.

When you are in Explorer and looking at photos in a directory, just select a whole bunch of photos or just one, whatever's required, then press the Right Mouse Button to see the 'Resize Pictures' option....

The whole lot can be resized in one go.... Either as new copies in that directory or overwritten...

Brilliant :-)

http://imageresizer.codeplex.com/

Peter

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.