HTML help please [Archive] - Zeropaid Forums

stewiegriffin

October 22nd, 2003, 12:20 PM

A friend of mine has a band & website [no im not spamming his band :p] and has been having trouble with the the frontpage [because of the CCS and height properties problem with Mozilla and Netscape broswers...i think the <div paramater also is a problem]. It works fine in IE. He knows what the problem is, but not how to fix it. I know that some of you know about this kind of thing and any help you can offer would be great!

The code for the page is:

<html>

<head>
<title>Second Hand Ferrets</title>
</head>

<frameset cols="170,*" frameborder=0 border=0>
<frame name="menu" scrolling="no" noresize target="contents" src="contents.htm" frameborder=0 border=0>
<frameset rows="120,*" frameborder=0 border=0>
<frame name="banner" target="main" src="banner.htm" scrolling="no" noresize frameborder=0 border=0>
<frame name="main" src="main.htm" noresize frameborder=0 border=0>
</frameset>

<noframes>
<style type="text/css">

</style>
<script>
var quotes=new Array();
quotes[0]='\"Jimmy Ray is a bear - a government bear\"';
quotes[1]='\"Gibb tells himself he is Spider One so much he belives it now. The fool.\"';
quotes[2]='\"Gibb has changed his name by depoll to Dave Gibbs\"';
quotes[3]='\"Please donate Gibb some drum sticks\"';
quotes[4]='\"Jimmy Taylor`s glasses have strange powers\"';
quotes[5]='\"Gibb broke the plant pot! :-)\"';
quotes[6]='\"A high quality website for a low quality band\"';
quotes[7]='\"It`s not a bear, it`s a ferret!\"';
quotes[8]='\"Everytime before Gibb plays drums he thinks of a cucumber\"';
quotes[9]='\"Meh\"';
quotes[10]='\"Nyah\"';
quotes[11]='\"Sacky Sacky 10 dollar!\"';
quotes[12]='\"Wiiiiddddgeeeet!!!\"';
quotes[13]='\"Jimmy the Poo!\"';
quotes[14]='\"They`re in the woods, the camera is moving, they`re looking for some witch or something. Nothings happening, nothings happening, something about a map, nothings happening. Its over. A lot of people in the audience look pissed.\"';
quotes[15]='\"It might help if you hit record\"';
quotes[16]='\"That was the funniest thing that ever happen to me\"';
quotes[17]='\"Chicken! Gave me a bad coupon!\"';
quotes[18]='\"Je ne suis pas un poutain! Je n`avais pas le sex pour l`argent!\"';
quotes[19]='\"I`ve got a big fat ------- bone to stick in you my darling\"';
quotes[20]='\"Am...Am I supposed to conduct with my penis?\"';
quotes[21]='\"YOU! Cake or death?!?\"';
quotes[22]='\"I put the shirt in the wash...and it come out like this!\"';
quotes[23]='\"One of them is gay. I swear it!\" - King Cwissy';
quotes[24]='\"Beast. BEAST I SAY!\" - Cwissy H.';
quotes[25]='\"I like playing with Simon\" - King Cwissy';
quotes[26]='\"Everything`s coming up FERRET!\"';
quotes[27]='\"Will, you and the robot go out into the wilderness and take this mincing, boy-hungry paedophile with you\"';
quotes[28]='\"I want chicken I want liver; Mioaw Mix, Mioaw Mix, please deliver\"';
quotes[29]='\"Don`t feed them, they`ll breed!\"';
quotes[30]='\"We go pub now?\"';
quotes[31]='\"Second Hand Frettchen\"';
quotes[32]='\"Damn you Newton!\" - Remember the reference, and I will give u stuff. But not a lot of stuff.';
</SCRIPT>
<body bgcolor="#020053" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" onLoad="quotep.innerHTML=quotes[Math.floor(Math.random()*(quotes.length))];">
<div align="center">
<center>
<table width=100% height="100%" border="0" cellspacing="0" cellpadding="0">
<tr width="100%" height="100%">
<td valign="top" align="left" width="30%" height="100%" NOBR>
<a HREF="people.html">Band Members</a><br>

<a HREF="info.html">Band Info</a><br>
<a HREF="songs.html">Songs</a><br>
<a HREF="news.html">News</a><br>
<a HREF="panda.html">Debate</a><br>
<a HREF="influences.html">Influences</a><br>
<a HREF="photos.html">Photos</a><br>

<a HREF="downloads.html">Downloads</a><br>
<a HREF="links.html">Links</a><br>
<a HREF="contact.html">Contact Us</a><br>
<a HREF="http://books.dreambook.com/shf1/main.html">Guestbook</a><br>
<a HREF="http://members.lycos.co.uk/shferrets/board/">Forum</a><br>
</td>

<td valign="middle" align="center" width="70%" height="100%" style="background-image: url('hand.jpg'); background-repeat: no-repeat; background-position:center 50%">
<i><p align=center style="text-align:center;width:450px" name=quotep id=quotep>Second Hand Ferrets</p></i>

</td>
</tr>
</table>
</center>
</div>
</body>
</noframes>
</frameset>

</html>

If you need to take a look at the page its www.secondhandferrets.co.uk (http://www.secondhandferrets.co.uk).

Any suggestems are welcome and thanks in advance.

Edit: sorry, just to make things a bit clearer. In Mozilla, the quotes dont appear randomly as they should and the ferret watermark is aligned way too high [this is all on the index page]. Its pretty clear if u compare it in iE and Mozilla :)

fernandez

October 22nd, 2003, 01:52 PM

Try the following, note this hasn't been tested in IE.
Change the quotes.js to the following

function randomQuote()
{
var quotes=new Array();
quotes[8]='\"Jimmy Ray is a bear - a government bear\"';
quotes[4]='\"Jimmy Taylor`s glasses have strange powers\"';
quotes[5]='\"Gibb broke the plant pot! :-)\"';
quotes[6]='\"A high quality website for a low quality band\"';
quotes[7]='\"It`s not a bear, it`s a ferret!\"';
quotes[9]='\"Meh\"';
quotes[10]='\"Nyah\"';
quotes[11]='\"Sacky Sacky 10 dollar!\"';
quotes[12]='\"Wiiiiddddgeeeet!!!\"';
quotes[13]='\"Jimmy the Poo!\"';
quotes[14]='\"They`re in the woods, the camera is moving, they`re looking for some witch or something. Nothings happening, nothings happening, something about a map, nothings happening. Its over. A lot of people in the audience look pissed.\"';
quotes[15]='\"It might help if you hit record\"';
quotes[16]='\"That was the funniest thing that ever happen to me\"';
quotes[17]='\"Chicken! Gave me a bad coupon!\"';
quotes[18]='\"Je ne suis pas un poutain! Je n`avais pas le sex pour l`argent!\"';
quotes[19]='\"I`ve got a big fat ------- bone to stick in you my darling\"';
quotes[20]='\"Am...Am I supposed to conduct with my penis?\"';
quotes[21]='\"YOU! Cake or death?!?\"';
quotes[22]='\"I put the shirt in the wash...and it come out like this!\"';
quotes[23]='\"One of them is gay. I swear it!\" - King Cwissy';
quotes[24]='\"Beast. BEAST I SAY!\" - King Cwissy';
quotes[25]='\"I like playing with Simon\" - King Cwissy';
quotes[26]='\"Everything`s coming up FERRET!\"';
quotes[27]='\"Will, you and the robot go out into the wilderness and take this mincing, boy-hungry paedophile with you\"';
quotes[28]='\"I want chicken I want liver; Mioaw Mix, Mioaw Mix, please deliver\"';
quotes[0]='\"Don`t feed them, they`ll breed!\"';
quotes[1]='\"We go pub now?\"';
quotes[2]='\"Second Hand Frettchen\"';
quotes[3]='\"Damn you Newton!\" - Remember the reference, and I will give u stuff. But not a lot of stuff.';
quotes[29]='\"Ian, your a musician, give us a blow.\" - Crawf';
quotes[30]='\"The harder it is, the easier it is to blow.\" - Eirwen';

var res=Math.floor(Math.random()*quotes.length);

document.open();
document.write(quotes[res]);
document.close();
}

Change the html in main.html to the following:

<html>
<head>
<title>Second Hand Ferrets - Lunch At Costcutters</title>
<style type="text/css">

</style>
</head>
<script src="quotes.js"></SCRIPT>
<body bgcolor="#020053" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" style="background-image: url('hand.jpg'); background-repeat: no-repeat; background-position: 50% 50%">
<tr>
<td valign="middle" align="center">
<DIV align=center style="align:center">Photos with Ian in! (And they're bigger this time) Quote recommendation's welcome, see the forum...</div><BR>
<div name="quotep">
<script language="javascript">
randomQuote();
</script>
</div>
<I><p align=center style="text-align:center;width:450px">Second Hand Ferrets</p></I>
</td>
</tr>
</table>
</body>
</html>

stewiegriffin

October 22nd, 2003, 02:49 PM

thanks fernandez :gj just about to test it.

Edit: its working a lot better now :goodjob. Quotes still won't show randomnly in Mozilla, but everything is aligned properly, so thanks again!

fernandez

October 24th, 2003, 01:13 PM

That's strange, it works under mozilla for me.
Anyways, I removed some redundant code.
I'm attaching the zipped version.
See if this one works under Mozilla.

nasrules

October 24th, 2003, 02:21 PM

[because of the CCS and height properties problem with Mozilla and Netscape broswers...i think the <div paramater also is a problem]. It works fine in IE.

ARGH!!! WHEN WILL PEOPLE UNDERSTAND!!!

Internet Explorer is the one with the problem. It does not understand CSS correctly - unlike Mozilla/Firebird/NS7/Opera.

I don't use tables anymore - all my work is CSS/DIV based.

He'd also be better putting the script in a seperate file and then putting a <link> in the head to the .js file. Purely because it makes it easier to look at and therefore easier to edit. Same with the CSS.

fernandez

October 24th, 2003, 02:36 PM

Actually he had a separate js file already, some of it was just redundant and appeared in the index.htm too. The css part is short, so I just left it the way it was.

stewiegriffin

October 24th, 2003, 03:30 PM

ARGH!!! WHEN WILL PEOPLE UNDERSTAND!!!

Internet Explorer is the one with the problem. It does not understand CSS correctly - unlike Mozilla/Firebird/NS7/Opera.

heh..i'll let him know :p