Jump to content
xisto Community
Sign in to follow this  
Albus Dumbledore

Help With My Template [resolved]

Recommended Posts

So i was bored, and i found this template on some site and decided to attempt and code it....

I've gotten pretty darn far lol I've gotten soo far that it looks perfect in Firefox for me :unsure: but then i go to look at it in internet explore and I'm blinded and i don't know how to fix it.

http://forums.xisto.com/no_longer_exists/

give it a look in firefox, then in internet explore and any advice is welcome!!!!

Share this post


Link to post
Share on other sites

Doesn't look good in Opera either. I say fix it up in Opera and you might get it to look perfect in Firefox and in Internet Explorer just by doing so. I'd look at the code and try to tell you what i find wrong; however, not now, need to do something else; sorry, a bit busy today. :unsure:

Share this post


Link to post
Share on other sites

Start by adding a Doc Type so IE6 is not using Quirks Mode.It looks like HTML 4.01 Transitional might be the right Doc Type.

Share this post


Link to post
Share on other sites

Well I was able to fix most of the problems, you just have to tweak it now so the right side border with align with each other and the realign the text which will most like be done in CSS and not in the tables.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://forums.xisto.com/no_longer_exists/ http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><link href="Testing-Template_files/css.css" type="text/css" rel="stylesheet" /></head><body><table cellspacing="0" cellpadding="0" width="697" border="0">  <tbody>	<tr>	  <td colspan="4"><img src="Testing-Template_files/header.png" /></td>	</tr>	<tr id="header2">	  <td width="140" colspan="3" height="85">Navigation</td>	</tr>	<tr id="fill">	  <td width="700px">	  Navigation<br>	  Navigation<br>	  Navigation<br>	  Navigation<br>	  </td>	</tr>	<tr>	  <td colspan="4"><img src="Testing-Template_files/footer.png" /></td>	</tr>  </tbody></table></body></html>

CSS
BODY {	MARGIN-TOP: 0px; BACKGROUND: #6b4929; MARGIN-LEFT: 0px;}#fill {	BACKGROUND: url(fill.png);	background-repeat:repeat-y;}#header2 {	BACKGROUND: url(header2.png);	width:700px;	background-repeat:no-repeat;}

Share this post


Link to post
Share on other sites

<tr id="fill">	  <td width="700px">	  Navigation<br>	  Navigation<br>	  Navigation<br>	  Navigation<br>	  </td>
Why is the width 700px when it is only for the navigation? Where's the content supposed to go to? In fact, looking at the code, there's no room at all for it.
[hr=noshade] [/hr]
Here's what i did, check it out in IE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://forums.xisto.com/no_longer_exists/;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<link href="css.css" type="text/css" rel="stylesheet">
</head>
<body>
<table cellspacing="0" cellpadding="0" width="697" border="0">
<tbody>
<tr>
<td colspan="4"><img src="site_files/header.png" alt=""></td>
</tr>
<tr>
<td class="header2"></td>
<td rowspan="2" style="width: 540px; padding-top: 5px;" valign="top">
HIHIHIHIHIHIH<br>
HIHIHIHIHIHIH<br>
HIHIHIHIHIHIH<br>
HIHIHIHIHIHIH<br>
HIHIHIHIHIHIH<br>
HIHIHIHIHIHIH<br>
</td>
</tr>
<tr>
<td class="fill" align="left" valign="top">
Navigation<br>
Navigation<br>
Navigation<br>
Navigation<br>
</td>
</tr>
<tr>
<td colspan="4"><img src="site_files/footer.png" alt=""></td>
</tr>
</tbody>
</table>
</body>
</html>



CSS:

BODY {margin-top: 0px;background: #6b4929;margin-left: 0px;}.fill {background: url(http://school-stuff.org/test/site_files/fill.png) repeat-y;width: 157px;padding-left: 15px;}.header2 {background: url(http://school-stuff.org/test/site_files/header2.png);background-repeat: no-repeat;height: 85px;width: 157px;}

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.