5 Replies Latest reply on May 21, 2010 5:19 AM by hans-g.

    Problem when making gifs a link

    iz666

      Hi,

      I am new to dreamweaver.

      I am working on a website and so far things are moving a long nicely.

      I have a problem with my buttons in the header.

      Whenever I make the buttons (Home/Gallery/Courses etc...) a link, dreamweaver automatically makes them a little bigger and really screws up everything. Especially in IE.

       

      What should I do?

       

      Here is the code:

       

      <!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>Lucky Divers - The Best Way Into The Red Sea Since Moses!</title>

      <style type="text/css">

      html {height:100%;}

      body {height:100%; margin:0; padding:0;}

      #bg {position:fixed; top:0; left:0; width:100%; height:100%;}

      #content {position:relative; z-index:1;}

      <!--

      body {

      background-color: #0363da;

      background-image: url();

      }

      .style4 {

      font-size: 24px;

      font-weight: bold;

      }

      .style7 {

      color: #FFFFFF;

      font-size: 20px;

      }

      .style12 {font-size: 16px}

      .style13 {font-size: 16px; color: #FFFFFF; }

      -->

      </style></head>

       

      <body>

      <table width="100%" border="0" cellspacing="0" cellpadding="0">

        <tr>

          <td> </td>

          <td width="733" height="136"><img src="../images/header.gif" width="733" height="136" /></td>

          <td> </td>

        </tr>

        <tr>

          <td> </td>

          <td><table width="733" border="0" cellspacing="0" cellpadding="0">

            <tr>

              <td width="111"><img src="../images/home.gif" width="111" height="70" /></td>

              <td width="147"><img src="../images/courses.gif" width="147" height="70" /></td>

              <td width="136"><img src="../images/hotels.gif" width="136" height="70" /></td>

              <td width="134"><img src="../images/galerie.gif" width="135" height="70" /></td>

              <td width="205"><img src="../images/contact.gif" width="204" height="70" /></td>

            </tr>

          </table></td>

          <td> </td>

        </tr>

        <tr>

          <td> </td>

          <td rowspan="4"><table width="733" border="0" cellspacing="0" cellpadding="0">

            <tr>

              <td height="17" colspan="2"><img src="../images/new_website_09.gif" height="17" /></td>

              </tr>

            <tr>

              <td width="179" height="500" align="center" valign="top" bgcolor="00a2ff" class="style7"><p><a href="english_about.html" class="style7">About Us</a></p>

                <p><a href="english_eilat.html" class="style7">Eilat Branch</a></p>

                <p><a href="english_haifa.html" class="style7">Haifa Branch</a></p>

                <p><a href="english_where.html" class="style7">Where To Find Us</a></p>

                <p><a href="english_contact.html" class="style7">Contact Us</a></p>

                <p><a href="http://www.facebook.com/pages/Eilat-Israel/Red-Sea-Lucky-Divers/118687101477621?ref=sgm"><img src="../images/find-us-facebook1.jpg" width="140" height="33" /></a></p></td>

              <td width="554" align="center" valign="top" bgcolor="#FFFFFF"><table border="0" cellspacing="0" cellpadding="0">

                <tr>

                  <td width="10" rowspan="2"> </td>

                  <td width="10" rowspan="2"> </td>

                  <td><div align="center" class="style4">&quot;The Best Way Into The Red Sea Since Moses&quot;</div></td>

                  <td width="10"> </td>

                  <td width="11"> </td>

                </tr>

                <tr>

                  <td> </td>

                  <td> </td>

                  <td> </td>

                </tr>

                <tr>

                  <td> </td>

                  <td> </td>

                  <td><div align="justify">

                    <p>Lucky Divers is one of the most veteran, experienced and trusted dive center in Israel. Lucky Divers was first established in 1977. We are a PADI Gold Palm 5 Star Instructor Development Dive Resort. We have two branches in Israel - one in Eilat and one in Haifa. We will arrange to pick you up from your hotel and bring you to the best dive sites in Eilat and Haifa.</p>

                    <p>We offer many different courses - from beginner courses like &quot;Open Water Diver&quot; to advanced courses like Divemaster and Instructor courses.</p>

                  </div></td>

                  <td> </td>

                  <td> </td>

                </tr>

                <tr>

                  <td> </td>

                  <td> </td>

                  <td><div align="center">

                    <p> </p>

                    <p><img src="../images/5star.jpg" width="129" height="165" /></p>

                  </div></td>

                  <td> </td>

                  <td> </td>

                </tr>

              </table>

              <p class="style4"> </p>

                <p class="style4"> </p></td>

            </tr>

          </table></td>

          <td rowspan="4"> </td>

        </tr>

        <tr>

          <td> </td>

        </tr>

        <tr>

          <td> </td>

        </tr>

        <tr>

          <td> </td>

        </tr>

        <tr>

          <td> </td>

          <td><img src="../images/new_website_12.gif" width="733" height="21" /></td>

          <td> </td>

        </tr>

        <tr>

          <td> </td>

      <td>

      <div align="center" class="style12">Designed By: <a href="mailto: iz.eyal@gmail.com" class="style13">Eyal Eizenberg</a></div></td>

          <td> </td>

        </tr>

      </table>

      </body>

      </html>