Solved

Dreamweaver tables

Posted on 2009-04-07
7
154 Views
Last Modified: 2012-05-06
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
Comment
Question by:Ilianam
  • 3
  • 2
  • 2
7 Comments
 
LVL 10

Accepted Solution

by:
Kechka earned 250 total points
ID: 24091940
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
 
LVL 70

Assisted Solution

by:Jason C. Levine
Jason C. Levine earned 250 total points
ID: 24091973
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
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24091986
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: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

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.

 
LVL 10

Expert Comment

by:Kechka
ID: 24092018
;-) 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
 

Author Comment

by:Ilianam
ID: 24092047
Thank, guys you were fast
0
 

Author Comment

by:Ilianam
ID: 24092422
I thought that Dreamweaver was like a drag and drop things !!!
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24092684
>> 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

Secure Your Active Directory - April 20, 2017

Active Directory plays a critical role in your company’s IT infrastructure and keeping it secure in today’s hacker-infested world is a must.
Microsoft published 300+ pages of guidance, but who has the time, money, and resources to implement? Register now to find an easier way.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
problems opening dw files with cs6 8 295
Renaming file after uploading in Coldfusion 4 288
Semi-transparent PNG 5 193
Barcode detail gets lost in PDF 3 154
For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
Although Jacob Bernoulli (1654-1705) has been credited as the creator of "Binomial Distribution Table", Gottfried Leibniz (1646-1716) did his dissertation on the subject in 1666; Leibniz you may recall is the co-inventor of "Calculus" and beat Isaac…
Finds all prime numbers in a range requested and places them in a public primes() array. I've demostrated a template size of 30 (2 * 3 * 5) but larger templates can be built such 210  (2 * 3 * 5 * 7) or 2310  (2 * 3 * 5 * 7 * 11). The larger templa…

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question