Why does this background image have a huge black bar at the bottom? - Page 3 - HTML Forums

JohnnyScience · 11-01-2009, 05:52 PM

Quote:

Originally Posted by Pegasus

The mailto stands, and the rest of it looks okay. You can take out everything after .com if you like.

Ok, I guess I dont need the http:// either for the emails?

They seem to open ok in outlook without them?...

For jabry, do I have to upload the main folder as a zip like I've been doing on here? Or each file inside of the folder individually? Because when I access the main file (non zipped one) it just prompts me to upload each file inside & not the whole folder itself?

Pegasus · 11-01-2009, 06:00 PM

You have to load the files individually, I think.

JohnnyScience · 11-01-2009, 06:26 PM

Quote:

Originally Posted by Pegasus

You have to load the files individually, I think.

Hmm I'm surprised you dont upload just the main file? Seems like it would take forever if you had a big webpage?

Needless to say, I've uploaded the 3 files, index.html, the logo & the background image that gets tiled that you made.

Any idea on the next steps to get this splash page up & running on the domain?

JohnnyScience · 11-01-2009, 07:09 PM

Still no clue on the next step now that all the files have been uploaded to Jabry...

Pegasus · 11-02-2009, 01:28 AM

I don't believe you can hook up a domain to a free host site. Gimme a bit to think of a solution for you. It's late at night now and I'm not quite awake enough to get sorted out.

JohnnyScience · 11-03-2009, 03:50 AM

Hey actually I got the hosting through godaddy and the page is up, thanks.

www.PunkRockPrincess.com

check it out, for some reason the pink gradient isn't showing up on all computers/browsers - any idea why?

Pegasus · 11-03-2009, 04:04 AM

<blush> Because I forgot to close the <head> tag in the code I sent. You'll need to add </head> just before the <body> tag.

JohnnyScience · 11-03-2009, 07:07 AM

Quote:

Originally Posted by Pegasus

<blush> Because I forgot to close the <head> tag in the code I sent. You'll need to add </head> just before the <body> tag.

Hmm ok. I added that but it still seems to have the same problem?

Pegasus · 11-03-2009, 07:31 AM

Which browsers is it not showing up on?

JohnnyScience · 11-03-2009, 07:56 AM

Quote:

Originally Posted by Pegasus

Which browsers is it not showing up on?

It's hard to say.

It worked fine on Opera & FF on my computer

it didn't work on IE on my friends computer until we stretched the brower to be really tall as if the image was too big or something.

It also didn't work right on another IE browser on another computer.

On my iPhone if it's vertical it shows up because it becomes a longer image, but when I turn my phone horizontally the pink disappears?

Pegasus · 11-03-2009, 08:33 AM

Sounds like you need to pare down the blacktopink2.jpg, make it shorter than 900px. Maybe try for something closer to 600px in height?

JohnnyScience · 11-03-2009, 09:39 PM

Quote:

Originally Posted by Pegasus

Sounds like you need to pare down the blacktopink2.jpg, make it shorter than 900px. Maybe try for something closer to 600px in height?

ok, I did that & also fixed the header. Now it seems to start to work on the iphone (I havent been able to check other computers yet)

But not on my regular computer the pink gradient takes up most of the page. The 900 height gave me the perfect look on my computer, but not the others.

What do you think I should try?

Pegasus · 11-04-2009, 05:51 AM

Sounds like you might have a higher resolution and/or larger monitor than your customers.

JohnnyScience · 11-04-2009, 04:41 PM

Quote:

Originally Posted by Pegasus

Sounds like you might have a higher resolution and/or larger monitor than your customers.

How does it look for you? I only want the pink gradient to come up about a 1/3 of the bottom, now that I've changed the height to 600px, it seems to come almost half way, thats too much of a gradient if you ask me.

What are my options to change it?

I think I'm running 1280x1020...

Pegasus · 11-05-2009, 03:55 AM

I think I'm about halfway on the pink in the original image. I've got a smaller resolution than you have, too. Remember, the background colour for the page is pink. You'll need to have the black set to 400px at the very least. That includes the gradient.