• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 160
  • Last Modified:

Dreamweaver tables

I'm working on a site. What I would like to acomplish is to keep my navigating buttons on the left.
However every time I insert a picture in another cell, the navigation buttons get messed
http://www.funnplaypartyrentals.com/Untitled-2.html.
The actual menu is located at:
http://www.funnplaypartyrentals.com/Gallery.html

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
 
<body>
<blockquote>
  <blockquote>
    <blockquote>
      <blockquote>
        <blockquote>
          <blockquote>
            <p><img src="/Images/2.gif" width="714" height="95" align="middle" /></p>
         
          </blockquote>
        </blockquote>
      </blockquote>
    </blockquote>
  </blockquote>
</blockquote>
<table width="975">
           <tr>
             <td width="5">&nbsp;</td>
             <td width="244"><img src="/Images/Home5.gif" width="169" height="44" alt="Home" /></td>
             <td width="16" rowspan="5">&nbsp;</td>
             <td width="690" rowspan="5"><img src="/Images/slide2.jpg" width="446" height="485" /></td>
           </tr>
           <tr>
             <td>&nbsp;</td>
             <td><img src="/Images/Products5.gif" width="237" height="44" alt="Our Products" /></td>
           </tr>
           <tr>
             <td>&nbsp;</td>
             <td><img src="/Images/Gallery4.gif" width="169" height="44" alt="Gallery" /></td>
           </tr>
           <tr>
             <td>&nbsp;</td>
             <td><img src="/Images/Contact4.gif" width="237" height="44" alt="About Us" /></td>
           </tr>
           <tr>
             <td>&nbsp;</td>
             <td><img src="/Images/Contact5.gif" alt="Contact Us" width="237" height="44" align="top" /></td>
           </tr>
</table>
</body>
</html>

Open in new window

0
Ilianam
Asked:
Ilianam
  • 3
  • 2
  • 2
2 Solutions
 
KechkaCommented:
check this...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
 
<body>
<table width="975" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="237">&nbsp;</td>
    <td width="738"><img src="/Images/2.gif" width="714" height="95" align="middle" /></td>
  </tr>
  <tr>
    <td><table width="25%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><img src="/Images/Home5.gif" width="169" height="44" alt="Home" /></td>
        </tr>
        <tr>
          <td><img src="/Images/Products5.gif" width="237" height="44" alt="Our Products" /></td>
        </tr>
        <tr>
          <td><img src="/Images/Gallery4.gif" width="169" height="44" alt="Gallery" /></td>
        </tr>
        <tr>
          <td><img src="/Images/Contact4.gif" width="237" height="44" alt="About Us" /></td>
        </tr>
        <tr>
          <td><img src="/Images/Contact5.gif" alt="Contact Us" width="237" height="44" align="top" /></td>
        </tr>
      </table></td>
    <td><div align="center"><img src="/Images/slide2.jpg" width="446" height="485" /></div></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

Open in new window

0
 
Jason C. LevineNo oneCommented:
Hi Ilianam,

When you use a table, the table will stretch based on the content.  So when the large image is added, that cell stretches the height and your navigation images go with it.

Simply do rowspan=5 on the column with the nav to keep things in place:
<table width="975">
           <tr>
             <td width="5"> </td>
             <td width="244" rowspan="5" valign="top"><img src="/Images/Home5.gif" width="169" height="44" alt="Home" /><br />
             <img src="/Images/Products5.gif" width="237" height="44" alt="Our Products" /><br />
             <img src="/Images/Gallery4.gif" width="169" height="44" alt="Gallery" /><br />
             <img src="/Images/Contact4.gif" width="237" height="44" alt="About Us" /><br />
             <img src="/Images/Contact5.gif" alt="Contact Us" width="237" height="44" align="top" /></td>
             <td width="16" rowspan="5"> </td>
             <td width="690" rowspan="5"><img src="/Images/slide2.jpg" width="446" height="485" /></td>
           </tr>
           <tr>
             <td> </td>
           </tr>
           <tr>
             <td> </td>
           </tr>
           <tr>
             <td> </td>
           </tr>
           <tr>
             <td> </td>
           </tr>
</table>

Open in new window

0
 
Jason C. LevineNo oneCommented:
Damn, I'm slow today.

Okay, you now have two versions on how to solve the problem.  Kechka uses a subtable to keep the navigation spaced together and I use rowspan.
0
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

 
KechkaCommented:
;-) This time I was faster, usually I'm not...Ilianam choose what you like, it's always better to have more solutions then none.
0
 
IlianamAuthor Commented:
Thank, guys you were fast
0
 
IlianamAuthor Commented:
I thought that Dreamweaver was like a drag and drop things !!!
0
 
Jason C. LevineNo oneCommented:
>> I thought that Dreamweaver was like a drag and drop things !!!

Some things, yes.  But if you really want to do things correctly you need to know the code.
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 3
  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now