Solved

Dreamweaver tables

Posted on 2009-04-07
7
150 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
Comment Utility
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
Comment Utility
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
Comment Utility
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
Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

 
LVL 10

Expert Comment

by:Kechka
Comment Utility
;-) 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
Comment Utility
Thank, guys you were fast
0
 

Author Comment

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

Expert Comment

by:Jason C. Levine
Comment Utility
>> 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

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

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…
Excel styles will make formatting consistent and let you apply and change formatting faster. In this tutorial, you'll learn how to use Excel's built-in styles, how to modify styles, and how to create your own. You'll also learn how to use your custo…
This demo shows you how to set up the containerized NetScaler CPX with NetScaler Management and Analytics System in a non-routable Mesos/Marathon environment for use with Micro-Services applications.

763 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

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now