5 Replies Latest reply on May 22, 2009 4:56 AM by Nadia-P

    creating banner with links

    Johnny the boy Level 1

      I am deciding between buttons for my horizontal menu links and a banner that has links in the banner.  I have seen how I can do buttons.  How can I do a banner with links?  It looks like I can use a table and combine buttons right next to each other but I would like the buttons to flow one into the other instead of there being left and right vertical boundaries.

        • 1. Re: creating banner with links
          Panos Zygopoulos Level 3

          Hi

           

          You cannot make buttons overlapping one another.

          Furthermore, there has to be a symmetry in every symbol, or button that you create inside fireworks and you should have that in mind  even when you are drawing polygon hotspots.

          Use polygon hotspots though, if you want to make link more complex pictures or items etc. Create your banner and draw hotspots on the area you want to be a link. Be careful not to draw one on another. See also that every polygon slice or hotspot that you draw, has a rectangle as edges(those red lines).

           

          Post a picture to let us see how it goes if you like

          thanks

          1 person found this helpful
          • 2. Re: creating banner with links
            Johnny the boy Level 1

            Thanks for the post.  I am pretty new so hotspots is something I am not familiar with.  I will look into it and see how I can use it.  Thanks for the tip.

            • 3. Re: creating banner with links
              Nadia-P Level 5

              It looks like I can use a table and combine buttons right next to each other but I would like the buttons to flow one into the other instead of there being left and right vertical boundaries.

              If there are no left and right vertical boundaries, then they are not really buttons - right?  :-)

               

              What about you use a full width navbar, where you create a navbar and use that as a background image via a stylesheet for your menu table and use text only to create the nav links ....  Most of the work is done in Dreamweaver, the only thing you need to do is create the navbar - or use a slice and use a repeating background rule in the stylesheet.

               

              Like the example I have here:

              http://nadias-templates.com/travel-full/

               

              The navbar background image is here:

              http://nadias-templates.com/travel-full/images/navBack.jpg

               

              It's longer than I would normally use as a repeating background, but I wanted the 2 toned effect... normally you would have a slice about ayt 10px wide and repeat that for the navbar.

               

               

              --

              Nadia

              Adobe® Community Expert : Dreamweaver

              --------------------------------------------------

              Unique CSS Templates |Tutorials |SEO Articles

              http://www.DreamweaverResources.com

              --------------------------------------------------

              Book: Ultimate CSS Reference

              http://www.sitepoint.com/launch/005dfd4/3/133

              ---------------------------------------------------

              http://twitter.com/nadiap

              1 person found this helpful
              • 4. Re: creating banner with links
                Drumz311

                Nadia, I have tried to implement what you were discussing with the background menu image in DW.  I hope I can put all of this into words correctly.  I keep the text links in Fw and have tried to put the background menu image in the table background.  Can I do this because it seems to be difficult?  Or do I need to create an internal style sheet for this page?  My other issue is that I have another background image that is the main background that I want to put on all of my webpages, can I use a separate external style sheet?  I hope this all made sense.

                • 5. Re: creating banner with links
                  Nadia-P Level 5

                  I keep the text links in Fw and have tried to put the background menu image in the table background.  Can I do this because it seems to be difficult?

                  No, you don't need to keep the text links in FWs.  Just export the background nav image you created - and add the text links directly into Dreamweaver.

                   

                   

                  Or do I need to create an internal style sheet for this page?  My other issue is that I have another background image that is the main background that I want to put on all of my webpages, can I use a separate external style sheet?  I hope this all made sense.

                   

                  Yes, you will need to create a stylesheet.

                   

                  You would create a rule that gives the navbar a background image - don't write it directly into the html.

                   

                  eg:

                  /*navigation bar styling */


                  #navBar {
                  padding: 4px 0px 4px 4px;
                  margin: 0px;
                  background-color: #AAC0D5;
                  color: #FFFFFF;
                  background-image:   url("images/navBack.jpg");   /*  this sets the background image */
                  background-repeat: repeat-x;                             /* this makes the image repeat horizontally to fit the width of the navbar */
                  height: 25px;  
                  border-bottom: 1px solid #000066;
                  }

                   

                  This may be of interest to you - lots of ways to create navbars using css

                  http://css.maxdesign.com.au/listamatic/