0 Replies Latest reply on Mar 7, 2013 8:44 PM by Mrmoment 2013

    How do I insert a drop down menu bar?

    Mrmoment 2013

      Hi, I'm designing my 1st website and I started it in  photoshop cs5.5. I imported my site into Dreamweaver cs5.5 and uploaded it to my server. The problem I'm having is that when I try to insert a drop down menu bar, I get gaps within my page. How do I fix this? *Help Please*  The URL for my site is: http://www.coriemoment.com

      and this is my coding:

       

       

       

       

      <html xmlns="http://www.coriemoment.com"

      <head>

      <title>The Official Corie Moment Home</title>

      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

      </head>

       

       

      <body>

          <div id="=container"

      <body bgcolor="#FFFFFF" leftmargin="auto" topmargin="auto" marginwidth="auto" marginheight="auto" margin:0;>

       

       

      <!-- Save for Web Slices (home.psd) -->

      <table id="Table_01" width="1281" height="768" border="0" cellpadding="0" cellspacing="0">

                <tr>

                          <td colspan="6">

                                    <img src="images/index_01.png" width="1280" height="220" alt=""></td>

                          <td>

                                    <img src="images/spacer.gif" width="1" height="220" alt=""></td>

                </tr>

                <tr>

                          <td rowspan="4">

                                    <img src="images/index_02.png" alt="" width="414" height="548"></td>

                          <td rowspan="3">

                                    <object width="564" height="423"><param name="movie" value="http://www.youtube.com/v/XbuQiJ6Sv_M?hl=en_US&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XbuQiJ6Sv_M?hl=en_US&version=3" type="application/x-shockwave-flash" width="564" height="423" allowscriptaccess="always" allowfullscreen="true"></embed></object></td>

                          <td colspan="3">

                                    <img src="images/index_04.png" width="255" height="89" alt=""></td>

                          <td rowspan="4">

                                    <img src="images/index_05.png" width="46" height="548" alt=""></td>

                          <td>

                                    <img src="images/spacer.gif" width="1" height="89" alt=""></td>

                </tr>

                <tr>

                          <td rowspan="2">

                                    <img src="images/video_03-07.png" width="1" height="336" alt=""></td>

                          <td rowspan="3">

                                    <img src="images/index_07.png" width="34" height="459" alt=""></td>

                          <td>

                                    <script src="http://widgets.twimg.com/j/2/widget.js"></script>

      <script>

      new TWTR.Widget({

        version: 2,

        type: 'search',

        /*put your twitter id that people use to reply to you below. Mine is mhorning. If you only want to see the Tweets that you have Tweeted, then delete the part below that says- OR to:coriemoment */

       

        search: 'from:coriemoment OR to:coriemoment',

       

         /*this is the duration in terms of seconds*/

        interval: 30000,

       

         /*this is the title you want on your tweets*/

        title: 'Corie Tweets',

       

        subject: 'Send us your comments',

         /*setting width to 'auto' will adjust the width of your tweetbox to whatever is set on your div. You can change this to something like 500px if you want*/

        width: 'auto',

        height: 212,

        theme: {

          shell: {

           

                   /*this will change the background color of your tweetbox. It is currently yellow*/

                  background: 'body p, body img, body embed, body object, body video{opacity:1 !important}',

            /*this will change the color of the text in your background*/

                 

                  color: 'fac935'

          },

          tweets: {

           

                   /*this will change the background color behind your tweets. It is currently white*/

                  background: 'body p, body img, body embed, body object, body video{opacity:0.2 !important}',

             /*this will change the color of the text in your tweets. It is currently black*/

                  color: '#000000',

             /*this will change the color of anything that is hyperlinked in your tweet. It is currently blue*/

                  links: '#1985b5'

          }

        },

        features: {

          scrollbar: false,

          loop: true,

          live: true,

          behavior: 'default'

        }

      }).render().start();

      </script></td>

                          <td>

                                    <img src="images/spacer.gif" width="1" height="302" alt=""></td>

                </tr>

                <tr>

                          <td rowspan="2">

                                    <img src="images/index_09.png" width="220" height="157" alt=""></td>

                          <td>

                                    <img src="images/spacer.gif" width="1" height="34" alt=""></td>

                </tr>

                <tr>

                          <td colspan="2">

                                    <img src="images/index_10.png" width="566" height="123" alt=""></td>

                          <td>

                                    <img src="images/spacer.gif" width="1" height="123" alt=""></td>

                </tr>

      </table>

      <!-- End Save for Web Slices -->

      </body>

      </html>