Trying to make a fixed navigation bar/menu in iWeb

This has been posted before I just can't make it work. I want a nav bar (I already designed it in iweb, then moved its files and folder to another location) loaded on a snippet to have a fixed position just like in this example:
http://dl.dropbox.com/u/3563737/Lycos/Fixed.html
Here's the code that's in the "Html Snippet" that I'm trying and it does absolutely nothing, I still can scroll the object with the page:
<iframe id = "topmenu" SRC = "file://localhost/Users/MacHD/web/menu.html"
FRAMEBORDER = "0" MARGINWIDTH = "0px" MARGINHEIGHT = "0px" SCROLLING="no" ALLOWTRANSPARENCY="true" width="1024px" height="200px"
</iframe>
<script language="JavaScript" type="text/javascript">
<!--
elem = parent.document.getElementById('topmenu');
elem.style.position='fixed';
// -->
</script>
Thanks!

Absolutely no prob.
the page is this one:  http://fidas.com.br/Fidas_do_Brasil_Transportes/test.html
I load the menu from another page (see the HTML Snippet code bellow):
<iframe id = "topmenu" SRC = "http://fidas.com.br/menu.html"
FRAMEBORDER = "0" MARGINWIDTH = "0px" MARGINHEIGHT = "0px" SCROLLING="no"
ALLOWTRANSPARENCY="true"
width="1024px",
height="200px"
</iframe>
<script language="JavaScript" type="text/javascript">
<!--
elem = parent.document.getElementById('topmenu');
elem.style.position='fixed';
// -->
</script>;

Similar Messages

  • How to make a Selection Circular Bar Menu  with HAVi?

    hi! I'm Suse...I'm trying to make a menu selection circular, with:
    A static center focus --> F
    Horizontal Bar Menu --> H (Categories)
    Vertical Bar Menu --> V (Sub Categories)
    ......*V* Graphic
    ......*V*
    ......*V*
    HH  F HHHH
    ......*V*
    ......*V*
    When pressing Right Arrow... the F focus change to next(right) Item(*H*) and pressing Left Arrow change to the back(left) item(*H*)... where de F (focus) is static... if it pressing UP or Down Arrow is the same mechanism...in the Vertical Bar (*V*)....like the up Gaphic...
    I started to make with HAVi but I don't know which objects and methods I could use...
    I just use a Vector, HContainer, HListElement and HListGroup....
    If somebody wanna share some notes or tips ... thank you!
    import java.awt.Color;
    import java.awt.Font;
    import java.awt.Rectangle;
    import java.awt.event.ActionEvent;
    import java.awt.event.FocusEvent;
    import java.util.Vector;
    import org.havi.ui.HContainer;
    import org.havi.ui.HListElement;
    import org.havi.ui.HListGroup;
    import org.havi.ui.HScene;
    import org.havi.ui.HSceneFactory;
    import org.havi.ui.HSceneTemplate;
    import org.havi.ui.event.HActionListener;
    import org.havi.ui.event.HFocusListener;
    import org.havi.ui.event.HItemEvent;
    import org.havi.ui.event.HItemListener;
    public class HListGroupMenu extends HContainer implements HActionListener, HItemListener, HFocusListener{
         private static final long serialVersionUID = 1L;
         private static final Rectangle     SCREEN_BOUNDS = new Rectangle(0, 0, 640, 480);
         private static final Rectangle     LIST_GROUP_BOUNDS = new Rectangle(50, 105, 150, 169);
         private static final Color           LIST_GROUP_FOREGROUND = new Color(240, 240, 240); // for text and frame
         private static final Color           LIST_GROUP_BACKGROUND = new Color(78, 90, 20); // for text and frame     
         private static final Font           LIST_GROUP_FONT = new Font("tiresias", Font.BOLD, 14);
         private HScene                          m_scene; 
         private HListGroup                    m_listGroup;
         // list of text string to hold the result of ListGroup selection     
         private Vector     m_textList = new Vector();
         private static final String          LIST_GROUP_ITEMS[][] = {
              {"One", "Two","Three", "Four",     "Five",     "Six", "Seven "}
          * called from Xlet.HListGroupMenu() ..........Instance
    *     public HListGroupMenu()*
    *          m_scene = HSceneFactory.getInstance().getBestScene(new HSceneTemplate());*
    *          m_scene.add(this);            *
    *          setBounds(SCREEN_BOUNDS);     *
    *//           Create List group*
    *          m_listGroup = new HListGroup();*
    *          m_listGroup.setBounds(LIST_GROUP_BOUNDS);*
    *          m_listGroup.setForeground(LIST_GROUP_FOREGROUND);*
    *          m_listGroup.setBackground(LIST_GROUP_BACKGROUND);*
    *          m_listGroup.setFont(LIST_GROUP_FONT);*
    *          m_listGroup.addItemListener(this);*
    *          m_listGroup.addHFocusListener(this);*
    *          m_listGroup.getHorizontalAlignment();*
    *          m_listGroup.setName("List Group");*
    *          // Add items to the List group*
    *          for (int i=0; i<LIST_GROUP_ITEMS.length; ++i){*
    *               for (int j=0; j<LIST_GROUP_ITEMS.length; ++j){*
    *               m_listGroup.addItem(new HListElement(LIST_GROUP_ITEMS[i][j]), j);*
    *          add( m_listGroup );*
         * called from Xlet.startXlet() ..... Instance
    *     public void start()*
    *          m_scene.show();*
    *          m_listGroup.requestFocus();*
         * called from Xlet.pauseXlet() ...Instance
    *     public void pause()*
    *          m_scene.setVisible(false);*
         * called from Xlet.destroyXlet() ..........Instance
         public void destroy()
              m_listGroup.removeItemListener(this);
              m_listGroup.removeHFocusListener(this);
              m_scene.setVisible(false);
              m_scene.removeAll();
              HSceneFactory.getInstance().dispose(m_scene);
              m_scene = null;
         public void actionPerformed(ActionEvent e) {
              // TODO Auto-generated method stub
         public void selectionChanged(HItemEvent event) {
              // TODO Auto-generated method stub
              HListElement item = (HListElement) event.getItem();     
              if (item != null)
                   if (event.getID() == HItemEvent.ITEM_SELECTED )
                        // an item was selected          & add it to the list
                        m_textList.addElement(new String(item.getLabel()));
                   else if (event.getID() == HItemEvent.ITEM_CLEARED)
                        // an item was un-selected & remove it from the list
                        m_textList.removeElement(item.getLabel());     
         public void currentItemChanged(HItemEvent e) {
         public void focusGained(FocusEvent e) {
         public void focusLost(FocusEvent e) {
    }Edited by: sesu on Jan 20, 2009 4:13 PM
    Edited by: sesu on Jan 20, 2009 4:15 PM                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   

    I'm not sure if I understand you. You want to make a menu that shows some movement? I think you mean static center focus is the place where the focused button will stay, and those who are focused move towards that point.
    If is that, it can get a little more complicated that it seems. You want it more graphically or just a HListGroup that changes its options by pressing right and left buttons is enough?

  • No navigation bar/menu in IE8

    After posting site to a local folder have a trouble in viewing navigation bar in internet explorer 8.
    All works good in Safari, Mazilla, google Crome.
    how to solve this issue?

    The iWeb navigation won't show on a PC running IE if Java is turned off.
    For this reason alone it is worth considering hiding the default navigation and building your own in a text box....
    http://www.iwebformusicians.com/WebMusic/Navigation.html
    "I may receive some form of compensation, financial or otherwise, from my recommendation or link."

  • Weird blank space above fixed navigation bar. help!?

    Dear all,
    Im a real no no in building websites, so this is already my fifth post in a week
    And i have an issue again....
    on my website: http://vinddit.nl/ you can see i made a fixed navigationbar. but you will see a blank space above it when you scoll down.
    This is not what i want! I want the content behind it to not be visible.
    See also my printscreen:
    Can someone help me get rid of it?
    Pls find my .HTML & CSS below:
    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">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="scripts/smoothscroll.js"></script>
    <script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
    <script src="scripts/jquery.cycle.all.js" type="text/javascript"></script>
    <style type="text/css"
    /* BeginOAWidget_Instance_2559022: #slideshow_1 */
                                  #slideshow_1 {
              padding: 0px;
              margin-top: 0px;
              margin-right: auto;
              margin-bottom: 0px;
              margin-left: auto;
                                  #slideshow_1-caption{
                                            padding:0;
                                            margin:0;
                                  #slideshow_1 img, #slideshow_1 div { 
                                      padding: 0px;
                                      background-color: #EEE;
                                            -webkit-border-radius: 0px;
                                            -moz-border-radius: 0px;
                                            border-radius: 0px;
                                      margin: 0;
    /* EndOAWidget_Instance_2559022 */
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2559022" binding="#slideshow_1" />
      <oa:widget wid="2559022" binding="#slideshow_header" />
      <oa:widget wid="2559022" binding="#slideshow_header_2" />
    </oa:widgets>
    -->
    </script>
    <style type="text/css">
    /* BeginOAWidget_Instance_2559022: #slideshow_header */
                                  #slideshow_header { 
                                      padding: 0px;
                                            margin:0; 
                                  #slideshow_header-caption{
                                            padding:0;
                                            margin:0;
                                  #slideshow_header img, #slideshow_header div { 
                                      padding: 0px;
                                      background-color: #ffffff;
                                            -webkit-border-radius: 0px;
                                            -moz-border-radius: 0px;
                                            border-radius: 0px;
                                      margin: 0;
    /* BeginOAWidget_Instance_2559022: #slideshow_header_2 */
                                  #slideshow_header_2 { 
                                      padding: 0px;
                                            margin:0; 
                                  #slideshow_header_2-caption{
                                            padding:0;
                                            margin:0;
                                  #slideshow_header_2 img, #slideshow_header_2 div { 
                                      padding: 0px;
                                      background-color: #ffffff;
                                            -webkit-border-radius: 5px;
                                            -moz-border-radius: 5px;
                                            border-radius: 5px;
                                      margin: 0;
    /* EndOAWidget_Instance_2559022 */
    </style>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>VINDDIT - Wij Vinden wat u zoekt!</title>
    <meta name="Description " content="Vinddit.nl Wij vinden wat u zoekt" />
    <meta name="keywords" content="vinddit,vinddit.nl,tweedehands, zoeken, design, vintage, vinden, service, meubels, kleding, schoenen" />
    <link href="images/logo.png" rel="shortcut icon " />
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="container">
      <div id="banner" class="menudefault">
        <h2>
        <a href="index.html"><img src="images/Schermafbeelding 2014-02-25 om 10.09.52.png" width="220" height="76" alt="logo" /></a>
        <a href="#container" class="smoothScroll">HOME</a>  |
        <a href="#leftcollum" class="smoothScroll">HOE WERKT HET?</a>  |  <a href="#leftcollum2" class="smoothScroll">GEVONDEN @ VINDDIT</a>  |
        <a href="#mainbox2" class="smoothScroll">PRIJZEN</a>   |   <a href="over_ons.html">OVER ONS</a>   |  <a href="contact.html">CONTACT</a>   |
      </h2>
    </div>
      <p> </p>
      <p> </p>
      <p> </p>
      <hr />
      <div id="mainimage">
        <p>
          <script type="text/javascript">
    // BeginOAWidget_Instance_2559022: #slideshow_header
                               slideshow_headerAddCaption=true;
    $(document).ready(function() {
              $('#slideshow_header').cycle({
                        after:                              slideshow_headerOnCycleAfter, //the function that is triggered after each transition
                        autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                        fx:                                        'scrollLeft,',// name of transition effect
                        pause:                              false,     // true to enable pause on hover
                        randomizeEffects:          true,  // valid when multiple effects are used; true to make the effect sequence random
                        speed:                              1000,  // speed of the transition (any valid fx speed value)
                        sync:                              true,     // true if in/out transitions should occur simultaneously
                        timeout:                    4000,  // milliseconds between slide transitions (0 to disable auto advance)
                        fit:                              true,
                        height:                       '365px',
                        width:         '968px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
    function slideshow_headerOnCycleAfter() {
              if (slideshow_headerAddCaption==true){
                                  $('#slideshow_header-caption').html(this.title);
    // EndOAWidget_Instance_2559022
          </script>
        </p>
        <div id="slideshow_header">
          <!--All elements inside this will become slides-->
        <img src="images/background header2.jpg" width="968" height="365" title="" /> <a href="Vinddit nu.html"><img src="images/background header3.jpg" width="968" height="365" title="" /></a></div>
        <!--It is safe to delete this if captions are disabled-->
        <div id="slideshow_header-caption"></div>
      </div>
    <div class="button">
       <p><img src="images/button-.gif" width="270" height="108" alt="button" onclick="window.open('http://vinddit.nl/vindditnu%20php%20version.php','Websonic','width=760,height=800,scrollba rs=no,toolbar=no,location=no'); return false" /></p>
       <p> </p>
    </div>
      <div id="leftcollum">
        <p><img src="images/tumblr_lpfamnI7Jp1qz7n3v.jpg" width="200" height="200" alt="pic1" /></p>
                <h1>VINDDIT NU!</h1>
                <h2>Vertel ons wat je zoekt en wij gaan persoonlijk voor je opzoek! <a href="vindditnu php version.php">Doe meteen een aanvraag...</a></h2>
    </div>
      <div id="centercollum">
        <p><img src="images/tumblr_mbflodtX9Z1rtzzyto1_500_large_thumb_550x550.jpg" width="200" height="200" alt="pic2"  /></p>
                <h1>Persoonlijke VIND machine</h1>
                <h2>Wij zijn geen zoek machine, wij VINDEN! Onze ervaren personal zoekers zullen jouw artikel vinden naar aanleiding van jouw specifieke wensen. <a href="vindditnu php version.php">Lees meer...</a></h2>
      </div>
      <div id="rightcollum">
        <p><img src="images/slide 4.jpeg" width="200" height="200" alt="pic3" /></p>
        <h1>Met  gemak GEVONDEN</h1>
        <h2>Ontvang een persoonlijke selectie van 1 tot 5 opties en besluit vervolgens zelf welke keuze je wil maken! <a href="over_ons.html">Lees meer...</a></h2>
      </div>
      <div id="mainbox"> <p> </p>
        <div id="insideleft">
          <img src="images/27th.jpg" width="280" height="280" alt="pic4" />
    </div>
        <div id="insideright">
          <h1>Hoe VINDEN wij voor jou?      </h1>
    <h2>idsfjdspodopsv, dspofjsdfopfj.</h2>
          <h2>sd[vjsdvosv      psdofjsd jsdpofjds pofjdsfpos fspojdsf!      </h2>
         <div class="button2"> <h2><img src="images/button.gif" width="216" height="86" alt="button" onclick="window.open('http://vinddit.nl/vindditnu%20php%20version.php','Websonic','width=760,height=800,scrollba rs=no,toolbar=no,location=no'); return false"/> </p></h2>
         </div>
        </div>
    </div>
      <div id="leftcollum2">
        <p> </p>
                <h1><img src="icons/shadow-icons-19.png" width="100" height="100" alt="icon1" /></h1>
                <h1>VERTEL!</h1>
                <p>vinddit was found in 2014 door Lisa &amp; Annes dsfhdofhafhiofasfoihs</p>
                <p><a href="over_ons.html">lees hier meer over ons....</a></p>
    <p> </p>
                <p> </p>
      </div>
      <div id="centercollum2">
        <p>
          <script type="text/javascript">
    // BeginOAWidget_Instance_2559022: #slideshow_1
                               slideshow_1AddCaption=true;
    $(document).ready(function() {
              $('#slideshow_1').cycle({
                        after:                              slideshow_1OnCycleAfter, //the function that is triggered after each transition
                        autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                        fx:                                        'scrollLeft,',// name of transition effect
                        pause:                              false,     // true to enable pause on hover
                        randomizeEffects:          false,  // valid when multiple effects are used; true to make the effect sequence random
                        speed:                              1000,  // speed of the transition (any valid fx speed value)
                        sync:                              true,     // true if in/out transitions should occur simultaneously
                        timeout:                    3000,  // milliseconds between slide transitions (0 to disable auto advance)
                        fit:                              true,
                        height:                       '200px',
                        width:         '200px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
    function slideshow_1OnCycleAfter() {
              if (slideshow_1AddCaption==true){
                                  $('#slideshow_1-caption').html(this.title);
          </script>
        <script type="text/javascript">
    // BeginOAWidget_Instance_2559022: #slideshow_1
                               slideshow_1AddCaption=false;
    $(document).ready(function() {
              $('#slideshow_1').cycle({
                        after:                              slideshow_1OnCycleAfter, //the function that is triggered after each transition
                        autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                        fx:                                        'scrollLeft,',// name of transition effect
                        pause:                              true,     // true to enable pause on hover
                        randomizeEffects:          false,  // valid when multiple effects are used; true to make the effect sequence random
                        speed:                              1000,  // speed of the transition (any valid fx speed value)
                        sync:                              true,     // true if in/out transitions should occur simultaneously
                        timeout:                    3000,  // milliseconds between slide transitions (0 to disable auto advance)
                        fit:                              true,
                        height:                       '200px',
                        width:         '200px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
    function slideshow_1OnCycleAfter() {
              if (slideshow_1AddCaption==true){
                                  $('#slideshow_1-caption').html(this.title);
    // EndOAWidget_Instance_2559022
          </script>
        <script type="text/javascript">
    // BeginOAWidget_Instance_2559022: #slideshow_header_2
                               slideshow_header_2AddCaption=true;
    $(document).ready(function() {
              $('#slideshow_header_2').cycle({
                        after:                              slideshow_header_2OnCycleAfter, //the function that is triggered after each transition
                        autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                        fx:                                        'scrollLeft,',// name of transition effect
                        pause:                              true,     // true to enable pause on hover
                        randomizeEffects:          true,  // valid when multiple effects are used; true to make the effect sequence random
                        speed:                              1000,  // speed of the transition (any valid fx speed value)
                        sync:                              true,     // true if in/out transitions should occur simultaneously
                        timeout:                    7000,  // milliseconds between slide transitions (0 to disable auto advance)
                        fit:                              true,
                        height:                       '365px',
                        width:         '968px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
    function slideshow_header_2OnCycleAfter() {
              if (slideshow_header_2AddCaption==true){
                                  $('#slideshow_header_2-caption').html(this.title);
    // EndOAWidget_Instance_255902</script>
        <div id="slideshow_1">
          <!--All elements inside this will become slides-->
          <a href="images/slide 1 tumb.jpg"><img src="images/slide 1.jpg" width="200" height="200" title="caption for image1" /></a> <a href="images/slide 3 tumb.jpg"><img src="images/slide 3.jpg" width="200" height="200" title="caption for image2" /></a> <a href="images/slide 4 tumb.jpeg"><img src="images/slide 4.jpeg" width="200" height="200" title="caption for image3" /></a>
          <img src="images/slide 5.jpg" width="200" height="200" title="caption for image4" />  </div>
        <!--It is safe to delete this if captions are disabled-->
        <div id="slideshow_1-caption2"></div>
    <div title="sample title"></div>
        <div id="slideshow_1-caption"></div>
    <h1>DOOR VINDDIT</h1>
                <h1> GEVONDEN! </h1>
                <h2> </h2>
      </div>
      <div id="rightcollum2">
        <p> </p>
        <h1><img src="icons/shadow-icons-02.png" width="100" height="100" alt="icon2" /></h1>
        <h1>VRAAG &amp; ANTWOORD</h1>
        <p>Heeft u vragen of suggesties. Laat het ons weten </p>
        <p><a href="contact.html">Contact... </a></p>
        <h2> </h2>
      </div>
      <div id="mainbox2">
        <div id="insideright2">
          <p>PRIJZEN</p>
          <p>De prijs is afhankelijk van wat je zoekt &amp; Succes gegarandeerd, kunnen wij onverhoopt niet vinden wat jij zoekt? Dan kost het je niets. <br />
            Betalen doe je dus achteraf, dus geen verplichtingen zonder resultaat! </p>
        </div>
      </div>
      <hr />
      <div id="footer">
        <hr />
    <h2>                 <a href="index.html">HOME</a>                |          <a href="vindditnu php version.php">VINDDIT NU!</a>          |          <a href="over_ons.html">OVER ONS</a>          |          <a href="contact.html">CONTACT</a> |            <a href="https://www.pinterest.com"><img src="icons/pinterest.png" width="20" height="20" align="absbottom" /></a>    <a href="https://www.facebook.com/"><img src="icons/fb_1.png" width="20" height="20" align="absbottom" /></a></h2>
    </div>
    </div>
    </body>
    </html>
    CSS:
    @charset "UTF-8";
    #container {
              width:968px;
              padding-right: 10px;
              padding-left: 10px;
              height: 100%;
              margin-right: auto;
              margin-left: auto;
              margin-top: 0px;
              margin-bottom: 0px;
              padding-top: 0px;
              padding-bottom: 0px;
    #banner {
              position:fixed;
              width:968px;
              overflow: visible;
              z-index: 99999;
              height: 120px;
              background-color: #FFF;
              float: left;
              visibility: visible;
    #banner p {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 18px;
              font-weight: normal;
              text-decoration: underline;
              text-align: center;
              color: #000;
              height: 100%;
              width: 100%;
              float: left;
    #mainimage_contact {
              height: 365px;
              width: 968px;
              float: left;
              margin-bottom: 20px;
              background-color: #FFF;
              margin-top: 15px;
              background-image: url(images/background%20header.jpg);
              background-repeat: no-repeat;
    #mainimage {
              height: 365px;
              width: 968px;
              float: left;
              margin-bottom: 40px;
              background-color: #FFF;
              margin-top: 0px;
    #mainimage_vindditnu {
              height: 365px;
              width: 968px;
              float: left;
              margin-bottom: 20px;
              background-color: #FFF;
              margin-top: 15px;
              background-image: url(images/background%20vindditnu.jpg);
              background-repeat: no-repeat;
    #mainimage_overons {
              height: 365px;
              width: 968px;
              float: left;
              margin-bottom: 20px;
              background-color: #FFF;
              margin-top: 15px;
              background-image: url(images/overons%20back.jpg);
              background-repeat: no-repeat;
    #mapCanvas {
              height: 280px;
              width: 280%;
    #mainbox {
              height: 365px;
              width: 968px;
              float: left;
              background-color: #E6E6E6;
              margin-bottom: 60px;
              margin-top: 60px;
    #leftcollum, #rightcollum, #centercollum {
              width: 250px;
              float:left;
              background-color: #E6E6E6;
              font-family: Arial, Helvetica, sans-serif;
              font-size: 16px;
              text-align: center;
              padding-top: 20px;
              height: 400px;
    #rightcollum, #centercollum {
              margin-left: 109px;
    h1 {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 18px;
              font-weight: bold;
    h2 {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 16px;
              font-weight: normal;
    h5 {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 14px;
              font-weight: normal;
    #leftcollum2, #rightcollum2, #centercollum2 {
              width: 250px;
              float:left;
              background-color: #E6E6E6;
              font-family: Arial, Helvetica, sans-serif;
              font-size: 16px;
              text-align: center;
              padding-top: 20px;
              height: 380px;
              #rightcollum2, #centercollum2 {
              margin-left: 109px;
              text-align: center;
    #insideleft {
              width: 300px;
              float:left;
              background-color: #E6E6E6;
              font-family: Arial, Helvetica, sans-serif;
              font-size: 16px;
              text-align: center;
              height: 280px;
              padding: 0px;
              margin-top: 0px;
              margin-bottom: 0px;
              margin-left: 180px;
              margin-right: 20px;
    #insideleft_contact {
              width: 400px;
              float:left;
              background-color: #E6E6E6;
              font-family: Arial, Helvetica, sans-serif;
              font-size: 16px;
              text-align: center;
              height: 280px;
              margin-left: 50px;
              padding: 0px;
              margin-top: 0px;
              margin-right: 0px;
              margin-bottom: 0px;
              border:#FFF;
              border-width:2px;
              border-style:solid;
    #insideright {
              width: 300px;
              float:left;
              background-color: #FFF;
              font-family: Arial, Helvetica, sans-serif;
              font-size: 24px;
              text-align: center;
              height: 280px;
    #overons {
              width: 100%;
              background-color: #E6E6E6;
              font-family: Arial, Helvetica, sans-serif;
              font-size: 24px;
              text-align: left;
              margin-top: 0px;
              margin-right: auto;
              margin-bottom: 0px;
              margin-left: auto;
              float: left;
              padding: 0px;
    .overons_text {
              text-align: left;
              width: 50%;
              background-color: #FFF;
              margin-top: 20px;
              margin-right: auto;
              margin-bottom: 20px;
              margin-left: auto;
    #Contactsheet {
              height: 100px;
              width: 100%;
              background-color: #E6E6E6;
    #mainbox2 {
              height: 365px;
              width: 968px;
              background-color: #E6E6E6;
              margin-top: 40px;
              float: left;
    #insideright2 {
              width: 800px;
              float:none;
              background-color: #E6E6E6;
              font-family: Arial, Helvetica, sans-serif;
              font-size: 36px;
              text-align: center;
              font-weight: bold;
              color: #FFF;
              margin: auto;
    #banner h2 a {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 16px;
              color: #000;
    #footer {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 18px;
              font-weight: normal;
              text-align: center;
              width: 100%;
              color: #000;
              float: left;
    #footer h2 a {
              color: #000;
    #commentsform {
              background-color: #E6E6E6;
              width: 690px;
              height: 100%;
              border-radius: 7px;
              -webkit-border-radius: 7px;
              -moz-border-radius: 7px;
              padding:10px;
              border-top-width: 1px;
              border-right-width: 1px;
              border-bottom-width: 1px;
              border-left-width: 1px;
              border-top-style: solid;
              border-right-style: solid;
              border-bottom-style: solid;
              border-left-style: solid;
              font-family: Arial, Helvetica, sans-serif;
              font-size: 14px;
              font-style: normal;
    .bedankt {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 16px;
              background-color: #FFF;
              text-align: center;
              width: 100%;
              margin-right: auto;
              margin-left: auto;
              height: 200px;
              margin-bottom: 10px;
              margin-top: 0px;
              padding-top: 0px;
              padding-left: 10px;
    .vinddit_aanvraag {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 16px;
              background-color: #FFF;
              text-align: center;
              width: 80%;
              height: 100%;
              margin-right: auto;
              margin-left: auto;
              margin-top: 0px;
              margin-bottom: 0px;
    span.error {
              background-image:url(icons/x.png);
              background-repeat: no-repeat;
              background-position: left 6px;
              padding-left:25px;
    .error {
              display:block;
              font-size:12px;
              color:#F00;
              padding:7px 8px;
              font-family: Arial, Helvetica, sans-serif;
              background-image:url(icons/x.png);
              background-repeat: no-repeat;
              background-position: left 6px;
              padding-left:25px;
    #intro_vinddit {
              background-color: #E6E6E6;
              height: 100%;
              width: 100%;
              float: left;
              padding-top: 10px;
              padding-bottom: 10px;
              border: 2px solid #A7D8B3;
    #contact_box {
              background-color: #E6E6E6;
              height: 100%;
              width: 100%;
              float: left;
              margin-bottom: 20px;
              padding-top: 20px;
              padding-bottom: 20px;
    #Submit, #Reset {
              font-size:16px;
              font-family:Arial, Helvetica, sans-serif;
              .button {
              margin: auto;
              float: none;
              width: 100%;
              text-align: center;
    .button:hover {
              -webkit-filter: opacity(0.7);
    .button2:hover {
              -webkit-filter: opacity(0.7);

    great! thank you! simple solution

  • Applicaiton form hangs when trying to make C# form visible from menu event

    I have a MDI windows app, running as an addon on Verion 2007A
    The applicaion is written in C# ( VS 2005)
    I am a newbee to C# ( VS too ) as well.
    All I want is to display the MDI container form when a menu is clicked. But the windows form hangs forever, and does not show.
    if I try to show the form within Main method then no issues! The problem happens only off the SBO menu event .
    I cannot have the form loaded all the time. so I need the services of the SBO menu click, so a user can open it whenever he wants.
    Note: I can open any other form off the menu click, but that , provided they are not MDI containers and they are opened with ShowDialog(); If I use Show(); then again hangs.
    I tried opening the MDI form in Main method, ( wich of course works) and hide it when not needed. I could hide the form, but when I issued a command myForm.visible = true;  through the SBO menu event, again hangs!
    my applicaion Main function is as follows. The class AA_SBO_MAIN  holds the SBO application events.
    static void Main()
                Application.EnableVisualStyles();
                Application.SetCompatibleTextRenderingDefault(false);
                Classes.AA_SBO_MAIN oSBOMain = null;
                oSBOMain = new Classes.AA_SBO_MAIN(); 
                 Application.Run();        
    the menu event simply does
                  frmMain fm = new frmMain();
                  fm.Visible = true;

    Hi
    I try doing these few steps and it seems to work!  The code is in Visual Basic though!
    Declare the form variable
    Private mMDI As New frmMDI
    In your menu click event enter a code like this
    If mMDI Is Nothing Then mMDI = New frmMDI
    mMDI.Visible = True
    On your startup function do something like this
    Public Sub New()
           mMDI.Show() : mMDI.Visible = False
    End Sub
    And more important ... in the form class comment all the code inside the Dispose method
    and finally do the following
    Private Sub frmMDI_Closed(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Closed
            Me.Hide()
    End Sub
    it seems to work for me . Hope it helps you too!

  • How do you change the color of the navigation bar text  in iWeb?

    I have created buttons to set in the nav bar but the type color needs to be white to show up against the button background.
    How can I change the nav bar text colors?
    Thanks
    G

    If it's the iWeb generated navbar then see if this tutorial helps: #24 - How to Change the Basic, Rollover and Visited Color of an iWeb Navbar
    OT

  • Is there a way to add an extra navigation bar to firefox?

    I was just wondering if there was a way (either through firefox or through an add-on) that I can add an extra navigation bar to my browser. Having a drop-down menu at the end of the navigation bar with a long list of bookmarks kinda defeats the purpose of having a navigation bar to begin with for me. This is obviously just a matter of convenience but as I am not short on screen space.... has anyone been able to do this? Thanks!

    Tried that but there were no extra "Bookmarks Toolbar Items" item like the navigation bar has to drop into it to make it a navigation bar. Only works as empty space that cannot hold links without that. Is there a way to replicate the "Bookmarks Toolbar Items" item to put into a new toolbar or any other way to make a new navigation bar?

  • Navigation Bar help

    Hi Everyone,
    I am pretty new to flash and have a lot to learn. I know how
    to make a basic navigation bar but I want to make a navigation bar
    with drop down menu's simular to the one on this website,
    http://www.mchenrylasik.com.
    I have been searching for the last few days trying to find a good
    tutorial on how to do that and have had no luck.
    Does anyone know of any good tutorials that do this? I have
    Flash CS3. Thank you for your help :)

    I see that I can remove title pages from the navigation. I also want to have those hidden titles appear when scrolled over.
    Ex. www.imba.com
    When you scroll over the "About IMBA" navigation button, 8 more navigation buttons are exposed.

  • Using navigation bar in manual mode

    Im trying to create a secondary Navigation bar onto a page called 'projects' I have created two child pages on the map called 'selected works' and '2012-13' and when i try to add a navigation bar the only pages that link are the main ones. Is there a way to overcome this? I have tried using the manual mode, however when previewd this hasn't been working.
    Many thanks

    Hi Philip,
    Are the child pages showing up in the menu? What is the "Menu option" for the child pages you have created?
    Regards,
    Aish

  • Javascript Problems with Navigation Bar

    Hello,
    The navigation bar created by iWeb uses Javascript. Javascript is turned off on some of the machines that will be visiting my site. Is there a way to tell iWeb to just create the navigation bar with simple html code instead of hand-jamming it into each page myself? Thanks.

    Well yes, you can hide your nice navigation bar at the top of the page and create your own text based nav bar. It can look exactly the same as the other if you want it to - you can use the same text and get the same colour, so you can achieve exactly the same look as the other one that you have hidden and put it in exactly the same place. It is just that the one you create will be text based and don't forget to hyperlink your pages too.
    I have never used the page template nav bars on my site as they just don't fit and most of the nav bars are at the top of the page anyway and as I have quite a few links on my site, this just does not work. It took me a long time to make my nav bar, as I did all the links individually to look like a drop down menu down the side of my site - I am glad I did though as I like the effect achieved.

  • Scrolling/fluid navigation bar

    Hi all.
    I'm trying to achieve something like this and have no idea where to begin.
    navbar has
    A|B|C|D
    click on C bar slides and you get
    C|A|B|D
    click on D bar slides and you get
    D|A|B|C and so on.
    Help or a link to help is much appreciated.
    any ideas on direction i should take?
    I've tried some various things with linking buttons to animations inside movie clips but i just don't think i'm even on the right track.

    Don't mess with the code. The correct answer in this case is to use Scroll Effects.
    Select the navigation bar (menu widget).
    Set the before scroll motion to zero for horizontal and 1 for vertical.
    Set the key position to be the "y:" location of the top of the navigation bar.
    Set the after scroll motion to zero for horizontal and zero for vertical.
    In this way the navigation bar will scroll normally until its top hits the top of the browser window, then it will stop scrolling (vertical scroll motion zero) and stay at the top of the browser window.

  • Know why a navigation bar retains previous unwanted images?

    Using CS3, I am trying to insert a new navigation bar.  When I upload changes, the nav bar uses a combination of current images and old images from a previous nav bar. The "up image" is the problem as it maintains an image of a previous nav bar. I have deleted all the old images from local folder and from server, and cannot figure out how this new insert is picking up old attributes. I have determined unchecking "preload images" eliminates the problem, however now my images won't preload.  After countless hours of no resolve, thought I would try a forum.  Any thoughts?
    djf

    I cleared the cache and reset the browser before and no resolve.  Just to clarify, these images are from a navigation bar that was created last year and never used.  It seems as if there may be a data file somewhere on the server.  I have cleaned everything out.      Don't understand.

  • How can i edit / customize the font in the navigation bar in iweb?r

    how can I edit / customize font size and color in the navigation bar on an iweb created page?

    This tutorial may help: #24 - How to Change the Basic, Rollover and Visited Color of an iWeb Navbar.  It only applies to the various colors.
    Wyodor has posted code to be put in an HTML snippet that will increase the font size.
    <script language="JavaScript" type="text/javascript">
    <!--
    navDiv = parent.document.getElementById("widget0-navbar-list");
    navDiv.setAttribute("style", "font-size: 1.1em;");
    // -->
    </script>
    Increase the size by increments of .1 until you get the size you want.  You'll need to publish the site before you'll see the change.
    If you only have a couple of pages in your site you can create your own text based navbar.  That will give you complete  control over font, size, color, spacing, etc. However, be sure to use only  Web Safe Fonts or the navbar will not look like you want it on those computers that do not have the font you used installed. This demo page is an example: Text Based Navbar.  With more than a couplke of pages updating such a navbar can become a real pain.  However, it is much more search engine friendly.
    OT

  • Can I modify a background color of a template - specifically, the navigation bar background?

    can I modify a background color of a template - specifically, the navigation bar background?

    iWeb has a great toool :
    And it's visible here :
    And google is your friend :
         http://www.google.com/search?q=what+is+a+HTML+Snippet

  • Navigation bar placement

    So I had to create a page in Dreamweaver so I could use a specific flash player which was not working by adding the code to a iWeb page. So I hack the page by re-creating the iWeb navigation bar and creating a dummy page in iWeb and redirect it to my "hacked" DW page.
    Now I need to match the position of the navigation bar of the iWeb pages and I'm having problems. I was able to match it by trial and error using specific location but its position won't re-adjust when the browser is resized. I'm thinking there was be an easier way to do this properly.
    thanks,

    Hi
    Go to: Application Builder>Application Number>Shared Components>Templates>Edit Page Template>Definition>Body, here you will find some code like "<td valign="top" align="right">#NAVIGATION_BAR##REGION_POSITION_08#</td>" where in the #NAVIGATION_BAR# is set. Also in the subtemplate you have the Navigation Bar and Navigation Bar Entry.
    Hope this helps.
    -Priyanka

Maybe you are looking for

  • Building a raid1 is not working.  Help!

    Hello, I'm trying to build a raid 1 as redundant backup for my Macbook Pro with the Icy Dock 2-bay Firewire enclosure (model MB662USEB-2S) and 2 brand new 2TB Seagate 3.5" drives.  I'm fairly tech savvy, understand troubleshooting, read through the d

  • HT201363 How can I make an Apple ID without credit card if the "none" tab is not visible to me?

    How can I make an Apple ID without credit card if the "none" tab is not visible to me? Help me out please

  • Embedding JavaScript rendered controls into a BSP page

    Hello, I want to add a JavaScript rendered grid control from the Ext JS framework into a tab of a BSP application. It looks however that the layout management code behind BSP (it has to manage its tab container somehow) interferes with the JavaScript

  • Three monitors, one G4, cant seem to make it work, HELP!!

    i have one G4 desktop that has been using two monitors for some time now, but tonight i tried to add a third and the whole thing has gone to ****! the second display that was originaly working is no longer showing up, the new one (the third) seems to

  • Problem with Web Auth

    hi i have two wireless networks,one for the guests and the other one extends the corporate network.i created two vlan on my 6509 swicth and mapped the vlns to to the wlans.All is working fine but when i enable web auth for guest i can no longer ping