Html/Javascript Issues

[Moox]

I know there are a few of you out there that are experienced in web development so I thought I would go ahead and ask this here.

Anyways, I am currently serving as webmaster for my fraternity. Basically, we have had the same site for the past few years and so I took the initiative of making a new one. The only limit I had was that it had to be html, no php or any of that good stuff due to hosting restrictions imposed by the campus network.

My issue is the major compatibility differences between IE and Firefox and how it affects certain elements of the site, primarily the scrolling photo album on the service page. The album works fine in IE but doesn't display at all in Firefox.

Another issue of mine is how the table border colors work in IE but not in Firefox. I read that this unavoidable due to Firefox's interpretation of HTML. All the workarounds I have seen are jumbled messes and involve putting tables inside tables which seems to be rather inefficient. I was wondering if anyone had any simple suggestions on this. Also, the table seems to stretch over its allotted size in FF.

Last problem is that my favicon is no longer working since I updated the site. The header code and the icon (png format 32x32) have not changed at all in my upgrade. In my troubleshooting I have tried different header codes and using a 16x16 .ico instead to no avail. This is probably a simple fix I am overlooking.

[Ponch]

Last problem is that my favicon is no longer working since I updated the site. The header code and the icon (png format 32x32) have not changed at all in my upgrade. In my troubleshooting I have tried different header codes and using a 16x16 .ico instead to no avail. This is probably a simple fix I am overlooking.


The site through NCState:
http://www4.ncsu.edu/~sgcosoli/index.html

The site through redirect:
http://www.ncsulodge.org

I used the first link, and the Fav Icon worked just fine for me on Firefox.

- Ponch

[Gregjazz]

The first link worked of course...

But any way you can get this code in the redirecting domain?

Code: ags

<link REL="SHORTCUT ICON" HREF="http://yoursitedotcom.here/favicon.ico">

I think the use of frames is messing the favorite icon up.

[Klaus]

Hello Moox!

FAVICON:
As Greggjazz already pointed out this doesn't show up due to the redirect code. If you can add the link tag to the frameset code the favicon should also be visible for the "ncsulodge.org"-URL.

TABLE BORDER:
Well, you are using IE only attributes here so this can not work in Firefox. But there is an easy solution to this: Just add some CSS magic to the page. So open the file "brother.html" and at the top (lines 63/64) you find

Code: ags

body {text-align:center;margin:0}
</style>

here you simply add some definition for table and td so it looks like

Code: ags

body {text-align:center;margin:0}

table, td {
  border-top:1px solid #FFDA46;
  border-left:1px solid #FFDA46;  
  border-right:1px solid #FFCD06;
  border-bottom:1px solid #FFCD06; 
}

</style>

This fixes the table border color issue. Of course there are many positions where you can add this piece of style sheet. I just put it there for the description

PHOTO SCROLLER:
There might be an easy solution to this: Check out the lines where you define the images (service.html line 139). You always use a backslash there like "images\cannedfood.jpg" and "images\Relay.jpg". Rewrite all these with a standard slash (eg "images/cannedfood.jpg"). This might already do the trick... else I'll get back on this later

Good luck and cu, Klaus

[Moox]

A big thanks to you guys thus far. I contacted godaddy to see if there is any way for me to get the favicon code into the redirect page. Should be hearing back from them tomorrow.

Klaus, your code for the borders works perfectly. I am much appreciative of that code segment you posted.
Unfortunately, changing the slashes around in the photoscroller code didn't fare as well. No changes whatsoever. I think you may be on to something with that area of code though. I am going to poke around to see if I can find anything. Ill keep you posted.


Edit: The slash change didn't work during offline preview but seems to be working fine once I ftped it to the server. Thanks!