HTML Table Help needed. - Tech Support Forums

Blazer06 · December 1st, 2004, 10:20 PM

Page with problems:
http://www.blazeme.net/index.php?page=test

Problem Source Code:

Code:

<table width=750 bgcolor=#0000FF>

  <td width=10 bgcolor=#000000></td>
  <td width=740 bgcolor=#000000>
    
    <br>
    <table width=600 bgcolor=#FF0000>
      <td width=10 bgcolor=#000000></td>
      <td width=590 bgcolor=#000000>
	Un-Named One - 11/27/04
      </td>
    </table>

You can see the inside borders. However using rules=none and frame=box does not seem to work. How can I get rid of the inside borders? I was a space between the border and the text, but dont want to have a spacer on each line etc.

Any Ideas?

Blaze

Blazer06 · December 1st, 2004, 10:22 PM

BTW, I am trying to make the code better. The code that I am replacing (because it does not line up correctly in IE and Mozilla is:

Code:

<img src="img/top.png">
<table width=750 background="img/sides.png">

  <td width=10></td>
  <td width=740>
    
    <br>
    <img src="img/rtop.png">
    <table width=600 background="img/rsides.png">
      <td width=10></td>
      <td width=590>
	Un-Named One - 11/27/04
      </td>
    </table>
    <img src="img/rbottom.png">

See http://www.blazeme.net/index.php?page=songs for an example using that code.

Basically I want it to look the same as the songs page, but with a way to make the graphics line up, or the borders be there.

Blaze

Lazywolf · December 1st, 2004, 10:23 PM

HTML Code:

<table width="578" border="0">

The border of "0" should do it.

Blazer06 · December 1st, 2004, 10:36 PM

But, that doesn't give me the color border that I need.

Either that, or I'm missing something

Blaze

James T · December 1st, 2004, 11:21 PM

I saved your page, used "tidy < index.php.html > in.html" and this fixed it. Have a look at http://www.controlbydesign.co.nz/guff/in.html and compare it with your version. I checked with Firefox 1.0.

Lazywolf · December 1st, 2004, 11:36 PM

Quote:

Originally Posted by Blazer06

But, that doesn't give me the color border that I need.

Either that, or I'm missing something

Blaze

Probaly my bad. I guess I didn't get the entire question. Sorry.

Blazer06 · December 2nd, 2004, 12:35 AM

Quote:

Originally Posted by James T

I saved your page, used "tidy < index.php.html > in.html" and this fixed it. Have a look at http://www.controlbydesign.co.nz/guff/in.html and compare it with your version. I checked with Firefox 1.0.

Doesnt look any different, except in IE where its all messed up (white / gray color table)

The boxes (top.png, and bottom.png) still dont line up with the table sides.

Blaze

James T · December 2nd, 2004, 01:40 AM

Oh well that's the easy solution gone. It showed correctly for me in Firefox. I suggest you take a completely different approach. The data that you have on the page really suits CSS. You can pop your images in the appropriate spaces and use the colour values in the style to do your outlines.

Code:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
  <title>Hi</title>
  <style type="text/css" media="screen">
    #header { border:5px solid #aaa; }
    .content { border:3px solid #333; padding: 2px; margin: 2px; }
  </style>
</head>
<body>
  <div id="header">
    <h1>Hi dude</h1>

  </div>
  <div class="content">
    <div class="content">
      <p>This is an example.</p>
    </div>
    <p>This is an example.</p>
  </div>
  <div class="content">

    <div class="content">
      <p>This is an example.</p>
    </div>
    <p>This is an example.</p>
  </div>
</body>
</html>

Blazer06 · December 2nd, 2004, 11:40 PM

Okay, this works:

http://www.blazeme.net/index.php?page=songs

In IE but not Opera (the flash menu at the top)

However, this:

http://www.blazeme.net/index.php

Works in Opera, and not IE.

Blaze