Help with coding for IE7 [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : Help with coding for IE7

therealscottx

11-05-2006, 03:13 AM

So I use Firefox and people who use IE7 keep telling me my site doesnt work or the tagboard doesnt. Can someone help me or tell me if it works for them.

It works on my IE but I might have 7, I dont know.

http://www.killergraphicsnow.tk

therealscottx

11-05-2006, 04:00 PM

Plus people keeping telling me its the Cbox and plugboard

bourdelson

11-05-2006, 11:03 PM

I did notice that you're missing the opening and closing html tags and the closing body for your index page, and you had some stuff out of order. I'm not sure if maybe it'll change how it's working on IE7, but it's worth a shot. Try this for your index.html page:

<html>
<head>
<META name="description" content="A graphic site that has all the graphics you need for your site for FREE!">
<META name="keywords" content="free graphics, banners, signs, layouts, icons, html codes">
<title>Killer Graphics Now</title>
</head>
<body bgcolor="black">
<div align="center"><a href="http://www.freewebs.com/lost_neo/index2.htm"><img src="http://i5.photobucket.com/albums/y187/kooldude1490/enter.png" border="0"></a></div>

<div align="center" id="cboxdiv">
<iframe frameborder="0" width="160" height="305" src="http://www.cbox.ws/box/?boxid=811171&boxtag=1676&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#636C75 1px solid;" id="cboxmain"></iframe><br>
<iframe frameborder="0" width="160" height="75" src="http://www.cbox.ws/box/?boxid=811171&boxtag=1676&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#636C75 1px solid;border-top:0px" id="cboxform"></iframe>
</div>

<script type="text/javascript" src="/i.js"></script>
</body>
</html>

The plugboard page had a bit of incomplete coding, as well as some stuff that was out of order:

<html>
<head>
<title>Killer Graphics Now</title>
<style type="text/css">
font, b, td, p, i, xmp, u,{COLOR:lightgrey;FONT-FAMILY:verdana;FONT-SIZE:7.5pt;cursor:;line-height:10pt;} b{color:lightgrey;font-family;verdana;font-size:7.5pt;font-weight:bold;}
A:link { text-decoration: none; color:lightgrey; font-size:7.5pt; font-family:verdana;}
A:visited { text-decoration: none; color:lightgrey; font-size:7.5pt; font-family:verdana;}
A:hover { text-decoration: none; color:1e90ff; font-size:7.5pt; font-family:verdana;}
body,tr,td, h6, p, li
{font-size: 7.5pt;
font-family: verdana;
color:black;
line-height:12px;
letter-spacing:0pt;
}
</style>
</head>
<body bgcolor="black">
<table width="600" border="0" cellpadding="0" cellspacing="0" align="left">
<img style="position:absolute; top:5px; left:0; width:588px;
height:435px;" src="http://i5.photobucket.com/albums/y187/kooldude1490/websitelay1.png">
<img style="position:absolute; top:440px; left:0; width:588px;
height:570px;" src="http://i5.photobucket.com/albums/y187/kooldude1490/websitelay1-1.png">
</table>
<div style="position: absolute; top: 476px; left: 26px; width: 117px; height:488px; text-align: left;">

ENTER YOUR MENU CODING HERE [removed for character space, so I could post this]

<br><b>
<script type="text/javascript" language="javascript">
var sc_project=1984705;
var sc_invisible=0;
var sc_partition=18;
var sc_security="8438cf57";
</script>
<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c19.statcounter.com/counter.php?sc_project=1984705&java=0&security=8438cf57&invisible=0" alt="free hit counter code" border="0"></a> </noscript>
</b>
</div><script type="text/javascript" src="/i.js"></script>
</div>
</div>
<div style="position: absolute; top: 474; left: 161; width: 416; height:525; text-align: left; overflow:auto;"><br>
<br><b>Rules</b>
<br><b>*Only 88x31 and direct-linkable buttons.</b>
<br><b>* Only G-rated sites and NO referral/voting links!!</b>
<script language="JavaScript" type="text/javascript" src="http://www.plug-board.com/jscode.php?user=therealscottx&align=center"></script>
</body>
</html>

Try replacing those pages and see if anything changes. :)

therealscottx

11-05-2006, 11:27 PM

Index looks the same but how do I put space between the cbox and enter sign and the plugboard I am having trouble with trying get the menu bar align with the menu bars on the other pages. The other menu bars are at 476 pixels from the top but I had to put this menu bar at 494. But I am so happy that you helped me.
Thank you and I love your site.

Thank you.
But now I still dont know if it works in IE7.

I bet it does because you are prob. god of html

bourdelson

11-06-2006, 12:13 AM

Try adding style="margin-bottom:#px;" in the div tag for that image on your index.html page, changing # to the actual number of pixels of space you want between it and your cbox.

The reason why you had to change the number for the plugboard page is because the coding is done in a bit more of a proper way. Right now, you've got some missing tags and stuff in your other coding-- the same stuff that I edited out of your plugboard page.

Each page should be set up in the same skeleton:

<html>
<head>
<title>Page title</title>
<style type="text/css">
CSS here
</style>
</head>
<body>
Coding [like image tags, divs, tables, all your text, et cetera] and scripts [unless they say they go in between the head tags] go here
</body>
</html>

Right now, in your other pages, you've still got two body tags, coding outside of your ending html tag and your CSS outside of the html tags as well.

If it'll help so you know further what to fix, try running your pages through W3C's validator (http://validator.w3.org) and it'll show you your mistakes and what to fix. :)

therealscottx

11-06-2006, 12:29 AM

But what if my left.htm page has all of that info?
and I just add the div layer to my other pages and the thing to connect the to the left.htm page.

I shouldnt use left.htm?

bourdelson

11-06-2006, 12:42 AM

Sorry, I'm starting to get a little confused.

Are you using server-side includes, by chance?

therealscottx

11-06-2006, 12:44 AM

Yes I am.
http://suta-raito.com/SSI.shtml
I did what they said but I think I messed it up because I didnt add the right.htm

bourdelson

11-06-2006, 01:04 AM

Here's my suggestion. Break it up into three parts. You have your left.html with the opening stuff, the menu and head graphic and everything [which is an include], then the text that is unique to each page, and then everything that will appear down at the bottom of every page and the closing body and html tags [which is also an include].

So, you would have this for your left.htm:

<html>
<head>
<title>Killer Graphics Now</title>
<style type="text/css">
font, b, td, p, i, xmp, u,{COLOR:lightgrey;FONT-FAMILY:verdana;FONT-SIZE:7.5pt;cursor:;line-height:10pt;} b{color:lightgrey;font-family;verdana;font-size:7.5pt;font-weight:bold;}
A:link { text-decoration: none; color:lightgrey; font-size:7.5pt; font-family:verdana;}
A:visited { text-decoration: none; color:lightgrey; font-size:7.5pt; font-family:verdana;}
A:hover { text-decoration: none; color:1e90ff; font-size:7.5pt; font-family:verdana;}
body,tr,td, h6, p, li
{font-size: 7.5pt;
font-family: verdana;
color:black;
line-height:12px;
letter-spacing:0pt;
}
</style>
</head>
<body bgcolor="black">
<table width="600" border="0" cellpadding="0" cellspacing="0" align="left">
<img style="position:absolute; top:5px; left:0; width:588px;
height:435px;" src="http://i5.photobucket.com/albums/y187/kooldude1490/websitelay1.png">
<img style="position:absolute; top:440px; left:0; width:588px;
height:570px;" src="http://i5.photobucket.com/albums/y187/kooldude1490/websitelay1-1.png">
</table>

ALL OF YOUR MENU STUFF [again, I took it out for character length]

And then, when you're writing your pages, you call for that include include, then enter this:

<div style="position: absolute; top: 474; left: 161; width: 416; height:525; text-align: left; overflow:auto;"><br>

All of your text that is different on each page [of course, changing this]
</div>

And then you would have a final include to call for, which could just be

</body>
</html>

[which is what I do with my php includes]. If you have any scripts that come right before the closing body tag, or if you have anything that appears on every page down at the bottom, you can throw that in here also and save it as a separate page.

So, when you're writing your pages, it would look like this in notepad [or whatever text editor you're using]


<div style="position: absolute; top: 474; left: 161; width: 416; height:525; text-align: left; overflow:auto;"><br>
Whatever text is specific to this particular page.
</div>


I find making the ending tags their own separate include just helps me with organization, because then I just copy and paste this little "template" into a new document each time I want to make a new page, just changing the actual text in the div.

Hopefully, this is making some sort of sense or proves to be a little relevant. I kept getting interrupted, so if portions don't make sense, I'm sorry. :D

therealscottx

11-06-2006, 01:16 AM

the left now doesnt work
wont show the links, just shows layout

FIXED it
Thank you so much
You are the greatest

bourdelson

11-06-2006, 02:06 AM

You're welcome! :) Glad you've got it fixed.

therealscottx

11-06-2006, 02:22 AM

Me too. Its all because of you.