1 Reply Latest reply on Mar 6, 2010 8:34 AM by hans-g.

    images

    madafakamw

      Hello all.

      I got stumbled in dreamweaver with some images. The problem is that the "site" looks good in dreamweaver but online does not show the images or the sprymenubar.

       

      So this is my source 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>Bun venit!</title>
      <link href="_css/main.css" rel="stylesheet" type="text/css" />
      <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
      <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
      </head>

       

      <body>
      <div id="container">
        <div id="banner_container">
          <div id="banner">
            <ul id="MenuBar1" class="MenuBarHorizontal">
              <li><a href="index.html">ACASA</a>        </li>
              <li><a href="#" class="MenuBarItemSubmenu">SEJURURI</a>
                <ul>
                  <li><a href="#">KUSADASI</a></li>
                  <li><a href="#">ANTALYA</a></li>
                </ul>
              </li>
              <li><a href="#">UNELTE</a>        </li>
              <li><a href="#">CONTACT</a></li>
            </ul>
            <div id="banner_logo"><img src="image/logopriscomtour.jpg" width="203" height="203" alt="logo" /></div>
            <div id="banner_text">Vacante, sejururi, destinatii exotice</div>
          </div>
        </div>
        <div id="center_container">
          <div id="intro">
            <p>Ne face o deosebita placere sa va prezentam cele mai noi oferte. Va asteptam sa alegeti una din destinatiile  fermecatoare din oferta noastra.</p>
      </div>
          <div id="left_colum">
            <p><img src="image/kusadasi.jpg" width="357" height="151" alt="kusadasi" /></p>
            <h3>Kusadasi</h3>
            <p>In traducere, Insula Pasarii, era cunoscut in antichitate sub numele de Neapolis, unul dintre cele mai importante porturi la Egee ...[+]</p>
          </div>
          <div id="right_colum">
            <p><img src="image/antalia.jpg" width="357" height="151" alt="antalia" /></p>
            <h3>Antalya</h3>
            <p>A  constituit dintotdeauna o atractie tentanta, cu nisipurile sale  fine si apele cristaline, o destinatie de vacanta ce sadeste in inima turistului ...[+]</p>
          </div>
        </div>

       

      </div>
      <script type="text/javascript">
      <!--
      var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
      //-->
      </script>
      </body>
      </html>

       

       

      The CSS code:

       

      @charset "utf-8";
      /* CSS Document */

       

      #container {
          width: 950px;
          background: #FFFFFF;
          padding-left: 10px;
          padding-right: 10px;
          overflow: hidden;
          margin-top: 0;
          margin-right: auto;
          margin-bottom: 0;
          margin-left: auto;
          padding-top: 10px;
          }

       

      #banner_container {
          position: relative;
      }

       

      #banner {
          background-image: url(../image/banner.jpg);
          height: 200px;
          width: 750px;
          margin: auto;
          padding-left: 200px;
          padding-top: 0px;
      }

       

      #banner_text {
          font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
          font-size: 18px;
          font-weight: bold;
          color: #0F0;
          position: absolute;
          top: 175px;
          right: 50px;
          }
         
      #banner_logo {
          position: absolute;
          left: 0;
          top: -1px;
      }

       

      #colum_container {
          width: 930px;
          margin: 20px;
          background-color: #000;
      }

       

      #intro {
          width: auto;
          text-align: center;
          font-family: Georgia, "Times New Roman", Times, serif;
          font-size: 16px;
          font-style: italic;
          padding-left: 200px;
          padding-right: 200px;
      }

       

      #left_colum {
          float: left;
          width: 357px;
          background-color: #FFF;
      }

       


      #right_colum {
          float: right;
          width: 357px;
          background-color: #FFF;
      }

       

      #container #center_container #right_colum p {
          font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      }

       

      #container #center_container #left_colum p {
          font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      }

       

       

      Ofc the root directory is fine:

      http://img535.yfrog.com/i/26128083.jpg/

       

      This is how it looks like in dreamweaver:

      http://img176.yfrog.com/i/98504904.jpg/

       

      And this is how it looks on the site:

      http://turism-test.priscom.ro/

       

       

       

      I've double checked, triple checked and so on but no result.

      Please help me

        • 1. Re: images
          hans-g. Adobe Community Professional & MVP

          Hi,

           

          to part one, the pictures/images:

          <p><img src="image/kusadasi.jpg" width="357" height="151" alt="kusadasi" /></p>

          You should show DW the correct way to your image-data file directory. Usually it's enough you click on your image and handle it with your  property-manager.

           

          Otherwise you can add (manually)  "../" respectively "../../" in code view:

          <p><img src="../../image/kusadasi.jpg" width="357" height="151" alt="kusadasi" /></p>

           

            

          Hans-G.