A Simple Band Website

[thespungo]

I'm just looking to get into more web design, after all the fun I had while making this site.

http://www.calikick.tk

But I seem to have one big problem with it, the image map up top is not usable on my girlfriend's powerbook G4 Mac. I've deleted her cookies, refreshed her internet files, updated her internet explorer browser, but it still doesn't work. And also, the image map works when she uses Netscape, so it leads me to believe the issue is with her Internet explorer, or the way I am coding the site.

When the site comes up, everything appears to be normal, all the images show up and look correct. But when you roll over the image map, it appears to be just an image, not a series of clickable links. So if someone could help me with that, i'd be ecstatic.

Also, another problem with her computer, is the main news box shows up off-center from where it should, which also occurs when she is using netscape. Basically everything looks and works great on my computer, but I am fearing other people on different computers are not seeing the site the way I see it.

Here is the code I am using for the image map:

<map name="linkbar">

<area shape="rect" coords="44,0,6,48"
href="http://www.angelfire.com/jazz/calikick/home.html" target="wordbox">

<area shape="rect" coords="96,0,52,48" href="http://www.angelfire.com/jazz/calikick/bios.html" target="wordbox">

<area shape="rect" coords="132,0,104,48" href="http://www.angelfire.com/jazz/calikick/tunes.html" target="wordbox">

<area shape="rect" coords="183,0,141,48" href="http://www.angelfire.com/jazz/calikick/pics.html" target="wordbox">

<area shape="rect" coords="234,0,192,48" href="http://www.angelfire.com/jazz/calikick/merch.html" target="wordbox">

<area shape="rect" coords="283,0,241,48" href="http://www.angelfire.com/jazz/calikick/info.html" target="wordbox">

<area shape="rect" coords="329,0,290,48" href="http://www.angelfire.com/jazz/calikick/links.html" target="wordbox">

<area shape="rect" coords="380,0,335,48" href="http://www.angelfire.com/jazz/calikick/contact.html" target="wordbox">


</map>

<IMG SRC="/jazz/calikick/images/LinkBarImageMap.jpg" USEMAP="#linkbar" border="0">


Other than that problem, i'd love to hear some helpful suggestions.

[the tree]

It doesn't really look like it needs to be an image map, in fact just images would probably be a lot more accessable.

You'll probably want to make the background of that textbox fixed, it looks kind of funny when it breaks away from the rest of your background.

You could always reconsider tables for layout (http://hotdesign.com/seybold) but otherwise good job :)

[thespungo]

Hmmm, I did make the background in the text box fixed. And I did use tables for my layout. What browser are you using? Is there a reason my code works on my computer, but not on others?

[bathurst_guy]

And I did use tables for my layout. Did you check out the link - or even read what was written? What browser are you using? Is there a reason my code works on my computer, but not on others? There are always differences between browsers, browser versions, different os', screen resolutions, connection speeds, the users disabilities, heaps!
I agree with losing the image map. And how are we suppose to know what they mean - yet alone a blind person? Needs alt or when you hover over some other desc text below it or something.
I'm against frames also.
Maybe make the image behind the news line up with the background image and sit static rather than scrolling.
Do you have legal rights to use some of those icons aswell? I recognise a lot of them!

[thespungo]

Like I said to the other guy, on my computer, the text box IS lined up, and the background IS fixed when you scroll. That's why I asked the question, "well, does my code not work for other browsers?"

And yes I did read the link and what was written. The link offered little help and seemed more like an advertisement then a help-page.

I'm not trying to be rude to anyone, just trying to figure out why my site won't work on Mac's and other people's browsers. I'm new to this and have relatively no idea what i'm doing, so i'm just looking for some helpful suggestions.

[the tree]

I'm using Firefox 1.0.3. on Windows XP. I think I've found your problem:<body bgcolor="#000000" background="/jazz/calikick/images/DenverNewsBox.jpg" bgproperties="fixed" FONT SIZE="-1" text="white"...that method is depreciated. Try this:<body style="background: #000 url('/jazz/calikick/images/DenverNewsBox.jpg') fixed; font: small 'century gothic', serif; color: #fff;"...If you take a look at that link again I'm sure you will find it helpful and it has nothing to advertise.

[thespungo]

Wow, Tree, i'm loving your suggestions so far. I got rid of the image map up top and just went with GIF images, and i'm loving it. Now I can surf the site on the Mac with Internet Explorer.

And I just tried out your fix for my background, and it worked on the MAc with Netscape.

Now, once again, since my website on my computer is all aligned, but it's not on the Mac with Netscape, i'm assuming it's also not aligned on your computer with Firefox. Do you have any idea how to correct that? As far as I can tell, that should be the last thing to fix in order to make sure my site is compatible with most browsers.

Again, thanks for the great suggestions.

[thespungo]

Ok, but I spoke too soon possibly.

While the new code works great to elimate the non-fixed background bug in Netscape and your browser, the newsbox now has just a white background when viewing the site on the MAc with Internet Explorer. Maybe if I more accurately describe the problems, this will help us all find a good solution:

Using my code;
Internet Explorer on my PC -- Everything aligned, background is correct and fixed.
Internet Explorer on Mac -- Textbox un-aligned, background is correct and fixed.
Netscape on Mac -- Textbox is un-aligned even more, background is correct but not fixed.

Using Tree's code;
Internet Explorer on my PC -- Everything aligned, background is correct and fixed.
Internet Explorer on Mac -- Textbox un-aligned, background is white and fixed.
Netscape on Mac -- Textbox is un-aligned even more, background is correct and fixed.

Whew, is it just me, or is this getting complicated? Tree, I hope you don't think i'm raggin' on you, I love the new code, it just fixes a big problem, but creates a totally new one on another browser. But i'm sure we can get this all worked out ...

[thespungo]

I guess discussion is over?