I need some html help

Ã88 · Mar 25, 2009

I recently started a website and I'm a newb at it so naturally I've run into a problem I can't find a fix for.

I created a bunch of image slices and arranged them in a table. Everything looked perfect until I changed the images to hyperlinks. Now the menu bar is separated by spaces and I don't know how to get rid of them.

Here is page http://www.sterbestunde.com where you can look at the source code.

I want to put it back to the way it was with no spaces in between

Daeva · Mar 25, 2009

I made a couple of changes to the page (to try to make it display in a similar fashion in all browsers. Cheifly, the biggest change I made was to the height and width of the image links. It's best to allow the table to auto-fit to the content. This should be the only major change to fix your problem (I used to hate when tables did this to me!!!).

Here is the updated code listing I did

Code:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" dir="ltr" lang="en-us">
 <head>
  <title>Sterbestunde</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="Keywords" content="sterbestunde" />
  <style type="text/css">
   BODY
   {
     background-color: #000000;
     color: #bababa;
   }
   A
   {
     color: #000000;
   }
   A:VISITED
   {
     color: #000000;
   }
   A:ACTIVE
   {
     color: #000000;
   }
   A IMG
   {
     border-width: 0px;
     padding: 0px;
   }
   TD
   {
     padding: 0px;
     margin: 0px;
   }
   #Table_01
   {
     height: 351px;
     width: auto;
     margin: 0px auto;
   }
  </style>
 </head>
 <body>
<!-- ImageReady Slices (header.psd) -->
  <table id="Table_01" border="0" cellpadding="0" cellspacing="0" align="center">
   <thead>
    <tr>
      <td colspan="5" valign="middle" align="center">
       <a href="#" target="_self"><img src="/picture_library/logo.gif" height="308" alt="" border="0" /></a>
      </td>
    </tr>
   </thead>
   <tbody>
    <tr>
      <td colspan="1" valign="middle" align="center">
       <a href="about.html"><img src="/picture_library/about.gif" alt="About" border="0" /></a>
      </td>
      <td colspan="1" valign="middle" align="center">
       <a href="drawings.html"><img src="/picture_library/drawings.gif" alt="Drawings" border="0" /></a>
      </td>
      <td colspan="1" valign="middle" align="center">
       <a href="music.html"><img src="/picture_library/music.gif" alt="Music" border="0" /></a>
      </td>
      <td colspan="1" valign="middle" align="center">
       <a href="adventures.html"><img src="/picture_library/adventures.gif" alt="Adventures" border="0" /></a>
      </td>
      <td colspan="1" valign="middle" align="center">
       <a href="random.html"><img src="/picture_library/random.gif" alt="Random" border="0" /></a>
      </td>
    </tr>
   </tbody>
  </table>
  <h1>Random</h1>
  <br />
 </body>
</html>

Also, the head tag in your source is not closed. That can also create problems.
Hope that helps.

Like the graphic btw

*EDIT: Also I'm pretty sure it will validate (although I didn't check it to make sure), because some of your attributes are deprecated (if you're using the xhtml doctype), but making the site valid right off the bat is a sure-fire way to eliminate a lot of headaches when trying to get the site to look a certain way (especially accross multiple browsers and platforms). If you're not familiar with it, it's a great tool to help your web-design: W3 HTML Validator.

Ã88 · Mar 25, 2009

Wow thank you so much! You definitely seem to know what you're doing. Everything looks great now.

And thank you for that HTML validator. I understand that certain attributes are deprecated and that will definitely be useful for me in the future.

I need some html help

Ã88

Fully Optimized

Daeva

In Runtime

Ã88

Fully Optimized

Similar threads

I need some html help

Ã88

Fully Optimized

Daeva

In Runtime

Ã88

Fully Optimized

Similar threads

Ã88

Ã88