Go Back   Computer Forums > Web Design | Website Development > Web Programming
Click Here to Login
Join Computer forums Today


Reply
 
Thread Tools Search this Thread Display Modes
 
Old 03-25-2009, 08:10 PM   #1
Fully Optimized
 
Š88's Avatar
 
Join Date: May 2005
Posts: 4,775
Send a message via MSN to Š88
Default I need some html help

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
__________________

__________________
Killing under the cloak of war is no different than murder

Kein Alkohol ist auch keine Lösung!
Š88 is offline   Reply With Quote
Old 03-25-2009, 08:33 PM   #2
In Runtime
 
Daeva's Avatar
 
Join Date: Dec 2005
Posts: 407
Send a message via AIM to Daeva Send a message via MSN to Daeva Send a message via Yahoo to Daeva
Default Re: I need some html help

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.
__________________

__________________
**Official Self-proclaimed glorified excessive (insert additional adjectives here) post editor/modifier.
Edit = Best feature ever
http://www.twitter.com/xDaevax
Daeva is offline   Reply With Quote
Old 03-25-2009, 09:19 PM   #3
Fully Optimized
 
Š88's Avatar
 
Join Date: May 2005
Posts: 4,775
Send a message via MSN to Š88
Default Re: I need some html help

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.
__________________
Killing under the cloak of war is no different than murder

Kein Alkohol ist auch keine Lösung!
Š88 is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off



All times are GMT -5. The time now is 05:55 PM.


Powered by vBulletin® Version 3.8.8 Beta 4
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Search Engine Friendly URLs by vBSEO 3.6.0