Welcome Guest ( Log In | Register)



 
 Closed TopicStart new topic
> Help With My Template [resolved]
Albus Dumbledore
post May 12 2007, 09:47 AM
Post #1


Hidden Secrets can't be told threw just words. One must feel what the other feels to truely understand...
**************

Group: Members
Posts: 1,522
Joined: 8-January 06
From: Sacramento California
Member No.: 16,756
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 biggrin.gif 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://school-stuff.org/test/test.html

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

(list)

Go to the top of the page
 
+Quote Post
truefusion
post May 12 2007, 11:59 AM
Post #2


Ephesians 6:10-17
Group Icon

Group: [MODERATOR]
Posts: 1,917
Joined: 22-June 05
From: The World of Gentoo
Member No.: 8,528
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. wacko.gif

(list)

Go to the top of the page
 
+Quote Post
jlhaslip
post May 12 2007, 12:54 PM
Post #3


A computer once beat me at chess, but it was no match for me at kick boxing.
Group Icon

Group: [MODERATOR]
Posts: 4,071
Joined: 24-July 05
From: Linix, DOS and Windows…the good, the bad and the ugly
Member No.: 9,787
Spam Patrol
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.

(list)

Go to the top of the page
 
+Quote Post
Saint_Michael
post May 12 2007, 02:04 PM
Post #4


$p4m 0n j00 $h4m3 m3 0nc3 $p4m 0n m3 $h4m3 m3 7\/\/1c3
*********************

Group: [HOSTED]
Posts: 6,560
Joined: 21-September 04
From: 9r33|\| 399$ 4|\|D 5P4/\/\
Member No.: 1,218
T17 GFX Crew
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
CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta 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
CODE
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;
}



(list)

Go to the top of the page
 
+Quote Post
truefusion
post May 12 2007, 10:42 PM
Post #5


Ephesians 6:10-17
Group Icon

Group: [MODERATOR]
Posts: 1,917
Joined: 22-June 05
From: The World of Gentoo
Member No.: 8,528
QUOTE(Saint_Michael @ May 12 2007, 10:04 AM) *
CODE
<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.


Here's what i did, check it out in IE:
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<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:
CODE
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;
}

(list)

Go to the top of the page
 
+Quote Post
« Next Oldest · HTML, XML etc.. · Next Newest »
 

Closed TopicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Which Template Is Nicer(8)
  2. Template Coding(4)
  3. Help With My Websites Template(5)
  4. Yet More Help With My Websites Template(4)
  5. How To Display Php Code [resolved](8)
  6. Template Coding Issue(7)
  7. [request] Runescape Theme Web Template(2)


 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 11th October 2008 - 03:01 AM
Powered By IP.Board © 2008  IPS, Inc.
Licensed to: Xisto Corporation