Hey all.
I'm currently working on trying to validate my HTML so it will work in Mozilla...because currently my site is a mess when i view it in mozilla. The main page is decent(though some things aren't aligned 100% correctly.) My main problem is with my photo gallery pages. I validated them & theyve checked out(I think). They work ok if i just open up the page by itself:
( http://www.irishelysia.net/thumbs/prom.html )
But if you try to open that page inside of my iframe on my main page: (click the pic of the kitty that says photo gallery and then click on prom or graduation)
( http://www.irishelysia.net )
It doesnt seem to work. THe pictures aren't clickable(except for a few on the right hand side. This is very obscure to me. Everything works fine in internet explorer and I'm not sure what to do.

I'm using CSE HTML validator, if that helps. I've checked my main page and those individual pages to the best of my ability and I'm not sure what else to try.


ANyone have ideas?

Thanks so much!

----elysia

You still miss character encoding on main page: http://validator.w3.org/check?verbose=1&uri=http%3A//www.irishelysia.net/ and your gallery page even doesn't have doctype defined.

Also your tags are messed up. For example you have:
<center><a href="http://www.irishelysia.net/thumbs/graduation.html"><img src="http://www.irishelysia.net/thumbs/images/th_highres_2677_2810692_128022085.JPG" height="80" width="100" border=0></a><br>Graduation</center>

while you should have:
<center><a href="http://www.irishelysia.net/thumbs/graduation.html"><img src="http://www.irishelysia.net/thumbs/images/th_highres_2677_2810692_128022085.JPG" height="80" width="100" border=0>Graduation</a><br></center>

I'm not sure what you mean about "character encoding." Could you please explain further/give me an example?


It's telling me that i picked the wrong doc type on the link you sent me...
(This page is not Valid HTML 4.01 Transitional!)
If not HTML 4.01 transitional...what should it be?


I'm off to fix the last part you found right now, though.

Thanks!

It's telling me that i picked the wrong doc type on the link you sent me...
(This page is not Valid HTML 4.01 Transitional!)
If not HTML 4.01 transitional...what should it be?
All that means is that you told it to validate to HTML 4.01 standards and your page doesn't meet those standards. So, you just have to fix your errors and then you will be good to go =)

I prefer the validator on www.htmlhelp.com as it has the option to validate your ENTIRE site... Not just the homepage. When you validate your site on W3C website, it only validates the index page... You would not believe how many people boast that they have valid coding when in fact just one page is valid LOL!

http://htmlhelp.com/cgi-bin/validate.cgi?url=http%3A%2F%2Fwww.irishelysia.net% 2F&warnings=yes&input=yes

oh my. i did my entire site and it was a disaster. Boy don't i feel stupid. lol.

I still don't understand why my gallery pictures aren't working though...i checked them with a program I downloaded(CSE HTML validator) and i fixed everything it told me on the gallergy pages and they still are messed up in mozilla. Any ideas there?

Well I guess I better get started fixing my mess of HTML on my site. Wow. haha well thanks for your help monkeybizzle...i definatly like that site better, it makes more sense to my little brain. haha

Validating a site can be tedious. But, you have to remember that sometimes one error creates a whole string of errors. Just fix things one at a time and you will see that some errors will fix themselves. If you get stuck you can always come back here and ask for more help =)

You still miss character encoding on main page: http://validator.w3.org/check?verbose=1&uri=http%3A//www.irishelysia.net/ and your gallery page even doesn't have doctype defined.

Also your tags are messed up. For example you have:
<center><a href="http://www.irishelysia.net/thumbs/graduation.html"><img src="http://www.irishelysia.net/thumbs/images/th_highres_2677_2810692_128022085.JPG" height="80" width="100" border=0></a><br>Graduation</center>

while you should have:
<center><a href="http://www.irishelysia.net/thumbs/graduation.html"><img src="http://www.irishelysia.net/thumbs/images/th_highres_2677_2810692_128022085.JPG" height="80" width="100" border=0>Graduation</a><br></center>

read the code again please. She doesn't want "graduation" to link, only the image. So the code she had before is good.

Love,
Mirna

posted twice..sorry=(

Thanks magicsun...I was kind of confused about what he meant there.


I have a transparency code on the iframe that the validator doesnt like and thats it, I think...Could that be causing the problems with the gallery pages?
Theyre still not working. I've changed a lot of things and now i'm not sure what else to work on...

It says allowtransparency=true isnt valid...(at least i think thats what it was) so what do i change it to that it IS valid. The transparency still shows up ok so i doubt thats the problem...but i dont know what else to fix!

Also it said body topmargin="0" was invalid....should you use CSS or something to make sure theres no topmargin instead of that? i wasnt quite sure how to fix that either.



Thanks again to everyone for their replies!

It says allowtransparency=true isnt valid...(at least i think thats what it was) so what do i change it to that it IS valid. The transparency still shows up ok so i doubt thats the problem...but i dont know what else to fix!
See this site for the proper way to do transparent iframes. There is also a code there that makes it valid:

http://dont-stay.com/herwords/transiframes.php


Also it said body topmargin="0" was invalid....should you use CSS or something to make sure theres no topmargin instead of that?
yes, you would put this in your CSS. If you already have a body section in your CSS, just add this to it:

margin: 0;

but if you want different margins for different sides of the page, then use this:

margin: 0 0 0 0;

and change the 0's to the right numbers. if you change a 0 to an actual number, make sure to put px after it... like 5px. The numbers go in order from top, right, bottom, left.

I changed it to the valid one....still works in mozilla but now the bg is white in IE?
Heres what I have:

<iframe src="http://www.irishelysia.net/greymatter/index.html"
frameborder="0" height="345" width="460" name="frame" <?php if
(ereg('MSIE', $_SERVER['HTTP_USER_AGENT'])) { echo
'allowtransparency="true"'; } ?>>
</iframe>


This is frustrating. Even in mozilla where the transparency is ok, the gallery pages still aren't working any better.

Anymore ideas?
I really appreciate everyones help, I hope i'm not being annoying.

Nope, that's what we're here for. Help. Anyway, don't worry about your big picture (major problems like the gallery) or how the site looks just yet. You keep mentioning how it doesn't look right. First just try to get the whole site to validate. Focus on the code first, then when you get a lovely message that it's valid go and browse your site to see if it helps. Sometimes one little thing is in the wrong place and once you validate and fix that the whole page looks just right.

... 45" width="460" name="frame" <?php if (ereg('MSIE', $_SERVER ...
^

Warning: unclosed start-tag

(thats from htmlhelp.com...the validator..)

Thats the code i got from that girls site...she said it was valid but the validator said it wasn't? And the transparency still doenst work?


Everything is validated except for my greymatter archives. I'm working on those now.

But i'm not sure how to fix the transparency thing?

Sorry to post again but....


I've determined all the problems must be with the iframe because when i view everything mozilla it works fine if opened as a NEW page. The problem is with the iframe, im sure...but I'm just not sure what? So thats what i nee dhelp with, if that narrows down the problem and if someone could check out my code of the main page(I guess?) and the iframe that would be GREAT. (it's posted below.) I really want to get this fixed! And i think fixing the iframe will fix everything else.


Thanks much!

in your css, change this line:

background: transparent;

to:

background-color: transparent;
If you are using more than one background attribute, that is what "background" is for and you can put all the attributes on one line... But since you are using separate things for the attributes of the background, you have to specify what each one is.

The reason you are getting an error on the PHP thing is because you didn't add it to the iframe tag... you added it after. That iframe tag should look like this:

<iframe src="http://www.irishelysia.net/greymatter/index.html" frameborder="0" height="345" width="460" name="frame" <?php if (ereg('MSIE', $_SERVER['HTTP_USER_AGENT'])) { echo 'allowtransparency="true"'; } ?>>

I fixed both things.

Still doesnt work :(

Thanks though...;)

I have no clue why your image links aren't working =/

As far as your transparency... I viewed your source and you didn't change the iframe code...

<iframe src="http://www.irishelysia.net/greymatter/index.html" frameborder="0" height="345" width="460" name="frame" <?php if (ereg('MSIE', $_SERVER['HTTP_USER_AGENT'])) { echo 'allowtransparency="true"'; } ?>>


^thats what I have. I copied & pasted exactly what you had into my index and reoploaded it. Ive redone it 3times to make sure somethings not weird.

So im not sure whats going on....? And not to be dumb, but I dont understand how thats different from what I had before? It looked EXACTLY the same(but maybe i wasnt seeing something) however i pasted exactly what you had.

It looks perfectly fine to me...
And I only use Mozilla Firefox...

<iframe src="http://www.irishelysia.net/greymatter/index.html" frameborder="0" height="345" width="460" name="frame" <?php if (ereg('MSIE', $_SERVER['HTTP_USER_AGENT'])) { echo 'allowtransparency="true"'; } ?>>


^thats what I have. I copied & pasted exactly what you had into my index and reoploaded it. Ive redone it 3times to make sure somethings not weird.

So im not sure whats going on....? And not to be dumb, but I dont understand how thats different from what I had before? It looked EXACTLY the same(but maybe i wasnt seeing something) however i pasted exactly what you had.
I am viewing your source, and this is what I see:

<iframe src="http://www.irishelysia.net/greymatter/index.html" frameborder="0" height="345" width="460" name="frame" ><?php if (ereg('MSIE', $_SERVER['HTTP_USER_AGENT'])) { echo 'allowtransparency="true"'; } ?>>

See the extra > in there? I made it red so you could see it better. For some reason your PHP is not working. If it was, then I wouldn't be able to see the php code when I view your source. That's why I think it's because of the way the code was entered. If you DID enter it without that extra > then I don't know why it's being added after the fact. Perhaps your host doesn't support PHP or something?

read the code again please. She doesn't want "graduation" to link, only the image. So the code she had before is good.


Duh, how could I miss that, sorry for mixing things up.

ah ok monkeybizzle, i see now. I definatly dont have that extra little > guy in there so somehow he's being added? I checked my hosting plan(Dreamhost--->crazy domain insane) and it says I have support for PHP.

If I look at the uploaded version of my index, it shows it without the extra >
If i view source in IE it shows it without the >
but if i view source in mozilla it SHOWS the extra >

(which makes NO sense considering it looks good in mozilla/not in IE currently...)


This is getting really weird. I'm definatly confused,lol.

monkeybizzle,Thanks for all your help, I really appreciate your continued efforts lol..
Chocolate_Luver, I know it looks ok in mozilla...the problem is when i fixed the coding to "valid" coding, IE doenst like it.
gasell no big deal! thanks anyway!

Alright guys...i posted in a PHP forum since i didn tknow what the heck i was doing with that....and they informed me of the nice little fact that of COURSE my php wasnt goign to work if my file is named index.html instead of index.php.

Boy, I feel dumb.

So the transparency problem is solved, but in mozilla the images still aren't clickable inside of it (not just the ones in the photo gallery but even the images that say "submit" for the comments page)
If anyone has ANY idea on that..well shoot them my way.

Thanks again for all of everyones help. i appreciate it SO MUCH!

Alright guys...i posted in a PHP forum since i didn tknow what the heck i was doing with that....and they informed me of the nice little fact that of COURSE my php wasnt goign to work if my file is named index.html instead of index.php.
DERRR!! LOL! I can't belive I missed that too! ::smacks self in forehead::

you can't believe you missed it? i was staring right AT it and i missed it. even though i knew nothing about PHP i shoulda known that. haha oh well...
hhmm yeah well if anyone knows anything about my links not working inside my iframe in mozilla..well..get at me!

i think it's the z-index. When i double click on of the bottom images .. it shows me a whole area "selected" that seems to be "in front of" the images.

try this:

to the "style" part of the div around the layout image, add

z-index: 1;
to it

for the iframe, add
z-index: 2;

and so on .. the thing that has to be the highest on top has the highest number.

Love,
Mirna

That kind of makes sense...but i tried that and it didnt seem to help at all.

It's strange because the links inside the iframe that aren't working are the ones on the left hand side. things near the right seem to work ok. Strange huh?

I'm not sure if i did the zindex thing right though?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> irishelysia.net </title>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body bgcolor="#EEDE9E">
<div style="position:absolute;left:50px;top:10px;width:500px;h eight:460px;z-index: 1">
<img src="pictures/flippyflop.gif" border="1" alt="flip flop image"> </div>
<div style="position:absolute;left:420px;top:135px;width:500px ;height:460px">

<iframe src="http://www.irishelysia.net/greymatter/index.html" frameborder="0" height="345"

width="460" name="frame" style="z-index: 2"<?php if (ereg('MSIE', $_SERVER['HTTP_USER_AGENT'])) {

echo 'allowtransparency="true"'; } ?>>
</iframe> </div>
<div style="position:absolute;left:87px;top:205px;width:500px; height:260px;z-index:3">
<a href="info.html" target="frame"> <img src="http://www.irishelysia.net/pictures/crop.gif"

border="0" alt="me!"> </a><br>
<font face="century gothic" size="1" color="#FFFFFF"> the irish elysia </font>
</div>
<div style="position:absolute;left:263px;top:245px;width:500px ;height:260px;z-index:4">
<a href="pictures.html" target="frame"> <img src="http://www.irishelysia.net/pictures/crop2.gif"

alt="My Chloe" border="0"> </a><br></div>

<div style="position:absolute;left:255px;top:340px;width:500px ;height:280px;z-index:5">
<font face="century gothic" size="1" color="#FFFFFF">the photo gallery</font>
</div>



</body>
</html>

I don't see anything wrong with your code... you left out the ; after the z-indexes... i doubt it will make a difference but it's worth a shot:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> irishelysia.net </title>
<meta http-equiv="Content-Style-Type" content="text/css">

</head>
<body bgcolor="#EEDE9E">

<div style="position: absolute; left: 50px; top: 10px; width: 500px; height: 460px; z-index: 1;">
<img src="pictures/flippyflop.gif" border="1" alt="flip flop image">
</div>

<div style="position: absolute; left: 420px; top: 135px; width: 500px; height: 460px;">
<iframe src="http://www.irishelysia.net/greymatter/index.html" frameborder="0" height="345" width="460" name="frame" style="z-index: 2;"<?php if (ereg('MSIE', $_SERVER['HTTP_USER_AGENT'])) { echo 'allowtransparency="true"'; } ?>>
</iframe>
</div>

<div style="position: absolute; left: 87px; top: 205px; width: 500px; height: 260px; z-index: 3;">
<a href="info.html" target="frame"><img src="http://www.irishelysia.net/pictures/crop.gif" border="0" alt="me!"></a>
<br>
<font face="century gothic" size="1" color="#FFFFFF"> the irish elysia </font>
</div>

<div style="position: absolute; left: 263px; top: 245px; width: 500px; height: 260px; z-index: 4;">
<a href="pictures.html" target="frame"><img src="http://www.irishelysia.net/pictures/crop2.gif" alt="My Chloe" border="0"> </a>
<br>
</div>

<div style="position: absolute; left: 255px; top: 340px; width: 500px; height: 280px; z-index: 5;">
<font face="century gothic" size="1" color="#FFFFFF">the photo gallery</font>
</div>

</body>
</html>

oops...i added it. Still no go though.

Everyone elses iframes work in mozilla...i wonder why mozilla just doesnt like mine...?

Alright everyone... it was the divs on my main page, they were set to 500px so they were overlapping part of the iframe. So i think the problem is solved. Look and see if everything works for you but Im' pretty sure it is FIXED. (FINALLY!)


But I definatly want to thank everyone so much for continuing to try to help me, I really appreciate your help, but I just wanted to let you know it's fixed(i think...)


Thanks again, to everyone!!!

:grouch:

nevermind.


now it doesnt work in ie.
This is crazy frustrating.

If that effected it somewhat, try taking it out of the div altogether. You don't need a div to do absolute positioning. Besides, maybe your width and height of 0 are affecting it?? This is what you should try instead:

<iframe src="http://www.irishelysia.net/greymatter/index.html" frameborder="0" name="frame" style="position: absolute; left: 420px; top: 135px; height: 345px; width: 460px; z-index: 5;"></iframe>

after an entire day i finally fixed it(i think ) for good.


and yeah it was the width, height of 0 on the iframe that was messing it up in IE. i fixed that and now its fine. i think...



Thanks again to everyone..hopefully this endless thread can finally DIE

I looked at your site in both IE and FireFox and everything looks good and works fine =)

Good for you for sticking with it and not giving up!

great=)

Thanks again for all your help Monkey Bizzle, thanks for continuing to help me till it was fixed!

no problem =)