Similar Questions

• Is it possible with CSS menu that appears when you click the menu button on a menu bar of style?

  I'm trying the menu that appears when a menu button is enabled in the style menu bar. I am able to style the menu bar and menu button in the action bar very well.

  However, I was completely unable to style from the Menu that appears.

  I asked the same question over to StackOverflow.com, but have not yet received a reply.

  Basically I have a menu that is set up as a bar:

  <MenuBar VBox.vgrow="NEVER">
   <menus>
   <Menu mnemonicParsing="true" text="_File">
   <items>
   <MenuItem mnemonicParsing="true" text="_New Project"/>
   <MenuItem mnemonicParsing="true" text="_Open…"/>
   <MenuItem mnemonicParsing="false" text="Quit"/>
   </items>
   </Menu>
   </menus>
</MenuBar>

  I was completely unable to style the MenuItem or container here when they are indicated. I have dug through CSS of the skin of the Caspian Sea, but was unable to find out what anyone who specifically the. I tried to substitute the values of the ContextMenu, Menu, menu button and MenuItem that is located in the Caspian Sea, but nothing seemed to affect this menu.

  The menu is clearly inconsistent with the menu system, so why am I unable to style it?

  Isn't this possible? It will be possible in the future?

  Thank you for answer two. Unfortunately, what was proposed was not enough to solve the problem by itself. I didn't know that .menu - the point has had a child of .label who could bear the title, but that alone was not enough to correct the problem.

  Fortunately, Uluk Biy on StackOverflow.com was able to answer the question. He stressed that wanted me the property - fx-skin. I realize that I did not provide enough information here for users to come to this conclusion, so I wanted to thank you for helping with the little information you had.

  It seems that, once I've added the property - fx-skin .context-menu, I am able to style menus.

  Thanks again guys.

• Help needed with CSS menu dropdown

  Hi guys,.

  I'm currently building a drop-down list for my site, but, despite seeing some tutorials and examples, I have had no luck yet!

  I'm sure that my HTML is correct...

  Code:

      <ul id="nav">
      <li><a href="#">Menu 1</a></li>
      <li><a href="#">Menu 2</a></li>
      <li><a href="#">Menu 3</a>
              <ul>
                  <li><a href="#">Drop Down 1</a></li>
                  <li><a href="#">Drop Down 2</a></li>
                  <li><a href="#">Drop Down 3</a></li>
                  <li><a href="#">Drop Down 4</a></li>
              </ul>
          </li>
      <li><a href="#">Menu 4</a></li>
      <li><a href="#">Menu 5</a></li>
      </ul>
  

  My CSS looks like this right now...

  Code:

  ul#nav {width:920px; height:35px; list-style:none; padding:0; margin:0; background:url(navBg.jpg) repeat-x; font-family:'OpenSansRegular'; font-size:11px; font-weight:700; text-transform:uppercase; -moz-box-shadow:0px 0px 10px #1c1c1c; -webkit-box-shadow:0px 0px 10px #1c1c1c; box-shadow:0px 0px 10px #1c1c1c; z-index:999;}
  ul#nav li a:hover, #nav li a:active {background:url(navOn.jpg) repeat-x; text-decoration:none;}
  ul#nav li a {border-right:1px solid #000; color:#E0E2E7; display:inline-block; float:left; margin:0; padding:10px 19px; width:auto; text-decoration:none;}
  
  * html #nav li {display:inline; float:left; }  /* for IE 6 */
  * + html #nav li {display:inline; float:left; }  /* for IE 7 */
  
  
  ul#nav li ul {left:-9999px; position:absolute; list-style:none;}
  ul#nav li:hover ul {left:0; position:absolute;}
  
  ul#nav li ul li {}
  ul#nav li ul li a {width:230px; background-color:#efefef; color:#2e2e2e; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; border-bottom:solid 1px #FFF; padding:7px; margin:0;}
  ul#nav li ul li a:hover {background-color:#028efd; background-image:none; color:#FFF;}
  

  I am really struggling with this. Anyone know how I can get 3 Menu to display the drop-down list four items below - not the same width as the button Menu 3 but just online with it.

  Thank you very much and I hope to hear from you.

  SM

  Try this. It's been adapted from a menu that I've done on another site.

  #menu {width:920px; height:35px; padding:0; margin:0; background:url(navBg.jpg) repeat-x; -moz-box-shadow:0px 0px 10px #1c1c1c; -webkit-box-shadow:0px 0px 10px #1c1c1c; box-shadow:0px 0px 10px #1c1c1c;}
  ul#nav a {font: 700 11px 'OpenSansRegular', arial, helvetica, sans-serif; text-transform:uppercase; margin:0; padding:5px 15px; line-height:25px; color: #666; text-decoration: none; display:block; list-style: none;}
  ul#nav a:hover, ul#nav a.active {color: #999; background:url(navOn.jpg) repeat-x; text-decoration:none;}
  ul#nav {position: relative; margin: 0; padding: 0;}
  ul#nav ul {display: none;}
  * html #nav li {display:block; float:left; }  /* for IE 6 */
  * + html #nav li {display:block; float:left; }  /* for IE 7 */
  ul#nav li, ul#nav li li {position: relative; float: left; list-style: none; border-right:1px solid #000;}
  ul#nav li:hover ul {position: absolute; top: 35px; left: -1px; display:block; padding: 0; margin: 0;}
  ul#nav li li {width:230px; background-color:#efefef; color:#000;  font: normal 10px 'OpenSansRegular', arial, helvetica, sans-serif; border-bottom:solid 1px #FFF; border-right:none; border-left:1px solid #000; padding:0 5px;}
  ul#nav li li:hover, ul#nav li li a:hover {background-color:#028efd; color:#FFF;}
  

  
  
  
      
  Menu 1
      
  Menu 2
      
  Menu 3
              
  
                  
  Drop Down 1
                  
  Drop Down 2
                  
  Drop Down 3
                  
  Drop Down 4
              
          
      
  Menu 4
      
  Menu 5
      
      
  
  

• Gallery of images with scrolling thumbnails?

  Hi all

  I am trying to build an image gallery containing 1 Overview as well as a strip of thumbnails Horizental allowing hollows of scrolling thumbnails

  can someone explain or highlight a good tutorial for that?

  Thank you

  ADI

  Hello Adi,

  Ah I see! Please take a look at the source code of this Web site. You will find that this gallery is created using "javascripts/hislide. According to the author, this "Highslide JS is a viewer of image and Media Gallery written in JavaScript". You can get more information about this software here: http://highslide.com/.

  Apart from that, I think, there is no significant difference - especially with my last two.

  Hans G.

• How to stack images with css and hide/show onClick?

  I have a problem.  I have spent still researching this and make me anywhere I need to have a few stacked images and when you click on each of the 3 links on the page, an image is displayed.  My page is at: http://animalhospitalofkennewick.com/dna.php.  Above the picture of the certificate, there are 3 links (summary, summary 2 Summary 3 1).  Contents 1 click on, I want the certificate image below to go to the image of DNA - 1B .jpg (Summary 2 link will display DNA2.jpg and summary 3 link will display DNA4.jpg).  How can I do this?

  Jeannette

  Jeannette,

  This demo looks more like what you want.

  http://ALT-Web.com/demos/CSS-disjointed-menu-rollover.shtml

  Just copy and paste my code in a new HTML document.  Change to your images.  Adjust as necessary CSS positioning.

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB

• Image swap with rerouting Menu

  Does anyone know if it is possible to Exchange images or text with a jump menu, please?
  
  A lifetime of thanks in advance :-)
  
  Mike

  Thank you all very much for your help. In the meantime, I found a tutorial at www.communitymx.com to swap images with a menu of rerouting. However, I had to also Exchange related text in a text field at the same time. I managed to work on the party by myself (see code below). It is probably not the best way to do it, but it works. There also preload images.

  By the way, Mick, is the simplest code for work I've come across. Thank you.

  The code I used was included in a model for a test auction on eBay and works very well. Okay, it could probably do with some CSS control.

  Here is the eBay URL.. It will be taken down in the coming days.

  Here's the code I used. As you can see, I used the TITLE attribute of the tag OPTION to populate the text field with the text required.

  Thanks again to you all.

  Mike

• T42 hide menu with CSS media query

  In an application of theme univeral if you attempt to print a page with the display left menu, it takes too much space.

  These can be removed with CSS, and I found the room to be cut after the hidden menu.

    #t_Body_nav 
      { display : none; }
    
    #t_Body_content 
      { margin-left : 0px !important; }
  

  Yet, when they are wrapped in a media query, during print preview or emulation (image) the margin on the left is in the spotlight, but the body remains behind

  @media print {
    #t_Body_nav 
      { display : none; }
    
    #t_Body_content 
      { margin-left : 0px !important; }
  }
  

  

  I don't see what else I might need to include?

  Basic sample

  workspace: swesley

  user: otn

  PWD:Forum

  App: 88776

  Note that I'm only interested in the media query, not printer_friendly solution. Although I have not there is no friendly t42 model, printer only honour which is described in the documentation.

  Scott

  Hi Scott

  I think it's the transform that you are missing:

  @media print {
    form .t-Body #t_Body_nav {
      display: none;
    }
    form .t-Body .t-Body-main {
      margin-left: 0;
      -webkit-transform: none;
      transform: none;
    }
    form .t-Body .t-Body-main>div {
      margin-left: 0 !important;
    }
  }
  

  A bit of fiddling with the specificity of the selector is necessary to avoid !important directives on everything.

• Problem with CSS Validation in my Horizontal Spry Menu.

  157	UL. MenuBarHorizontal iframe	try to find a point comma before the name of the property. Add
  0	UL. MenuBarHorizontal iframe	Parse Error                                              null
  157	UL. MenuBarHorizontal iframe	Opacity of the property does not exist in CSS level 2.1 but exists in [css3]: 0.1
  157	UL. MenuBarHorizontal iframe	Parse Error                                              0.1);
  158	UL. MenuBarHorizontal iframe	Parse Error                                              }

  It is the result of the W3C Validator which points to this rule in the spry menu bar CSS.

  / * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.
  UL. MenuBarHorizontal iframe
  {
  position: absolute;
  z index: 1010;
  Filter:alpha(opacity:0.1);
  }

  ITLS the only thing that prevents the validation page.

  Can it be fixed?

  Thank you

  Martin

  Test laboratory of browser: https://browserlab.adobe.com/index.html#

  You can configure to use a large number of browsers. This "don't" interactivity, but apparently there are ways to it... cursor image on your menu drop-down and send this picture... There will be instructions on the site.

  Beth

• CFdocument not convert IMG with CSS overflow hidden - displays the entire image

  Title text here

  series - amps.gif is strong 800px of 16px wide. He moves to his good display with css background-position: 0 - 50px; the overflow in the H4 (24 PX height) tag is hidden with css overflow: hidden. works great as html, but the PDF of CFdocument output image high hidden full 800px, not positioned, or overflow in H4. any ideas?

  Unfortunately ColdFusion only supports CSS limited during conversion to PDF format.

  The documentation for the cfDocument tag lists the supported CSS styles.

  See you soon

  Eddie

• Hotspots or links on background image with checkerboard to fluid.

  I have a fluid grid presentation in CS6 with a home page with a background image (javascript that loads different images.  What is the best way to bind or 'hot spots' more than one large image for three menu items in random places on this page?

  Is your native Photoshop PSD image with layers?  You must save the background (building & logo) as a single image layer.  Then each of the 3 menu items save it as transparent PNGs without the background layer.

  Put the background.jpg in your head with CSS.

  Insert the Menu.pngs in your HTML and link them as needed.

  Just to let you know, the web pages that contain nothing but images do not exist for the search engines, readers screen or the language translators.  You really need to insert text rich true keyword inside

  ,

  ,

  and

  Tags.   Without content keyword rich, nobody will ever find your site in searches on the web.

  Also consider that many mobile users disable the images to record the minutes of data.  If your site is nothing more than images, they won't see much.

  Nancy O.

• How to change a large number of images using CSS in HTML5 and CSS3

  I have a CSS image gallery that displays a larger picture with descriptive text underneath, a thumbnail image is hovered over.

  Each photo has code like the following:

  < a class = "thumbnail" >

  "< img src="thumbs1/paradethumbs/DSC_0073.jpg "alt ="thumbnail"/ >

  "" < span > < img src="pics1/paradepics/DSC_0073.jpg" alt = "" / > < br > 19 - a black face sheep. " </span >

  < /a >

  The first source is an image thumbnail, stored at a size of 72 by 48.

  The second source is an image stored at 600 x 400.

  When the thunbnail is hovered on, enlarge the photo is displayed to its size using css.

  There are 20 or if thumbnails in this gallery and different numbers in the other galleries that use the same code.

  The above example is number 19 of 20.

  This works very well on tablets and large screens.

  When I want to show it on an Iphone or similar, with a screen that is 480 or less wide, I need to enlarge it up to 300 large scale.

  The Iphone will have a lower quality of the image to a larger screen, it won't matter too much if photography 600 x 400 is reduced, and after having tried giving him an ID with CSS as

  #imagescale {width: 300px ;} seems acceptable.} However, as the ID is supposed to be unique, then it's a no go area for the remaining photos.

  My problem is how can I select the second source of the image shown in bold above and scale it and reach of 50% text.

  The text is not too important because it can be modified to fit - the image is the main problem.

  I need something like "If the display is less than 600 and the image is located in the directory of photos, it shows 300 offshore."

  I hope that the browser will take care of the height.

  Any suggestiosn would be appreciated.

  Howard Walker

  Unlike #IDs, the .classes can be used multiple times per page.

  Use the questions from the media and an external CSS file for portable devices,

  http://www.Adobe.com/devnet/Dreamweaver/articles/dw_html5_pt3.html

  CSS:

  . {img full-size}

  Width: 50%;

  height: 50%;

  }

  . Full-size {make-size: 50 %}}

  HTML:

  class = "life-size"> 50% of size

  Nancy O.

  ALT-Web Design & Publishing

  Web | Graphics | Print | Media specialists

  http://ALT-Web.com/

  http://Twitter.com/ALTWEB

• Right-click on the image with link problem after upgrade to 11.0

  After the upgrade, whenever I do a right-click on an image with a link, it opens the link rather than opening a menu drop-down. Any idea on what is causing this behavior?

  OK, think about it. Extension: Tab Utilities was the origin of the problem. Uninstall completely solved the problem, disable it does not solve it.

• Masking an image with a shape from Keynote for the iPad?

  I am actually writing an article in support for a Web site and it does not seem you can mask an image with a shape from Keynote for iPad - something that is incredibly easy to do in the version of OS X. Clues on how to achieve this in the iOS version of Keynote?

  Thank you.

  Nevermind, I found the answer - all we need to do is add the image AND form of the slide, then select both at the same time. One of the choices that is displayed in the context menu is "mask with shape.

• How to remove the image with a single click?

  Hello friends, I want a help with something simple.

  I want to open my app when displaying an image with data or information and clicking on, get out and show me the menu of the application as usual.

  My picture is this:

  

  seen in my application, but I can't make it go away

  

  Solution:

       ImageButton {
                  id: imageView02
  
                  defaultImageSource: "asset:///images/IMG_00000014.png"
                  onClicked: {
                      imageView02.visible = false
                  }
              }
  

• can anyone provide a link to insert the image with the text on the button in the apex 4.2.6

  can anyone provide a link to insert the image with the text on the button in the apex 4.2.6

  ReemaPuri wrote:

  in the workspace image:-resign.jpeg

  

  As a button? Seriously?

  Ok. First of all, because the image already contains text, there no point in including the same wording in the form of text on the button. Accessibility requirements can be met using re-sign as alternative text. 4.2, create an image button:

  Tag/Alt text: Re-sign

  Static ID: re - sign

  Style button: Image

  Button Image: & WORKSPACE_IMAGES.resign.jpeg

  To make the image looks more like a button, add the following CSS to Inline CSS property page:

  #re-sign img {
    margin: 0 2px 2px 0;
    border: 2px outset;
    border-radius: 4px;
  }
  #re-sign img:active {
    margin: 2px 0 0 2px;
    border: 2px inset;
    border-radius: 4px;
  }
  

  Finally, there is a bug in 4.2 that generates the incorrect URL for the button images, which requires dynamic action of Page Load to fix.

  Event: Loading the page

  Action: Run the JavaScript Code

  Code

  var resignImg = $("#re-sign img");
  resignImg.attr("src", resignImg.attr("src").replace("/i/", ""));