Dynamic text behind the image?

Similar Questions

• Text on the image of the façade descends behind the image

  See attached screenshot. I have a tab control of façade 1 with a .jpg as background image, and I'm putting text on this image. Place the text on the image is ok, but sometimes, not always, when I change the text or move on the image, the text ranks BEHIND the image and I can't bring it back to the foreground, or in front of the image. He's unpredictable. What I am doing wrong?

  

• text appears behind the image in the header

  I have a MS Word document with pictures and text. In the Word document, the image is sent to the rear and assigned as behind the text. However, during the conversion using Acrobat 11, the text is hidden behind the image. As the text is the page number in the header, solve this will require rearranging in all cases.

  Is there a way to get Acrobat to follow the layout of Word correctly - or, failing that, to the multiple / reorder batch?

  Thank you

  Bruce

  Hi Bruce,.

  As you can not update your Acrobat. A solution you can try powering down of the option "enable accessibility and reflow with tagged Adobe PDF" in Acrobat-> preferences in the Acrobat to Word Ribbon and check if this solves you issue. Please note turning off this option will result in the creation of non-tagged pdf files.

  Kind regards

  Basma

• text not appearing is not behind the images

  Hello

  I built my new website with muse - www.visualeyes.design. I wanted to in order to get the layout, I built the site with images like backgrounds and have placed the text on a layer behind the image, so google can pick it up. Only problem is that the text does not appear when I look at the web Inspector. Any ideas?

  Jon

  You must place the text above the images for her show.

  Google should not have a problem if it is over a picture to text search, only if it is incorporated in the image, it would be a problem, because it is now converted to a png or jpeg file.

• Mobile side.  Using the drop down of your video.  I once put some text on the Mobile page the Menu drops down, but behind the image.  When I remove the text box the menu works correctly.  This also happens with a HTML code placed to Paypal.

  Mobile side.  Using the drop down of your video.  I once put some text on the Mobile page the Menu drops down, but behind the image.  When I remove the text box the menu works correctly.  This also happens with a HTML code placed to Paypal.

  Please check layers panel and put in place the menu item in the list, you can use the layers panel and move up or attempt to move the content.

  If there is still the same, then download a few screenshots of the design view.

  Thank you

  Sanjit

• Pinned object goes behind the images and the text when scrolling

  Hey guys,.

  Im having a problem with my pinned Center the menu at the top of my page. Whenever I scroll to the top, the menu goes behind the images and the texts that are underneath. I tried to fixed by sending the menu at the top layer (arrange > send up), but nothing helped.

  How I fixed it?

  Thank you!

  Hello

  You have the Menu added to the master page? If yes then in order to resolve this problem you must add the Menu separately to all pages.

  Master page items may be brought forward on the pages. You can use cut and paste in place function paste the Menu on all pages separately.

  I hope this helps.

  Kind regards

  Sachin

• Menu fall behind the image.

  http://72.29.76.51/~Organica/index.html

  If you scroll over the tab of the grocery STORE, you will see that drop-down the menu hides behind the image below. Advice on getting the menu to appear in front of the image? Here is the code:

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

  " < html xmlns =" http://www.w3.org/1999/xhtml "> <!-InstanceBegin template="/Templates/main.dwt ' codeOutsideHTMLIsLocked = 'false'->

  < head >

  < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

  <!-InstanceBeginEditable name = "doctitle"-->

  < title > Organica Natural Foods | Northvale, New Jersey < /title >

  " < script type =" text/javascript"src =" http://AJAX.googleapis.com/AJAX/libs/jQuery/1.4.2/jQuery.min.js "> < / script > .

  < script type = "text/javascript" src = "fadeslideshow.js" >

  /***********************************************

  * Ultimate Fade in slideshow v2.0 - (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)

  * This notice MUST stay intact for legal use

  * Visit dynamic road at http://www.dynamicdrive.com/ for this script and more than 100 s

  ***********************************************/

  < /script >

  < script type = "text/javascript" >

  var mygallery = new fadeSlideShow({)

  wrapperid: "fadeshow1", //ID of white DIV on the page of House slideshow

  Dimensions: 600 (493) and //width/height of the gallery in pixels. Should take into account the dimensions of the largest image

  Demo:]

  [' media/slide_2.jpg', ' ', ' ', ""],

  [' media/slide_1.jpg', ' ', ' ', ""],

  <-no trailing comma after the last element of image!

  ],

  DisplayMode: {type: 'auto', pause: 6000, cycles: 1, wraparound: false},

  persist: false, //remember last police slide and recall within the same session?

  fadeduration: 2000, //transition time (in milliseconds)

  descreveal: "on demand."

  togglerid: «»

  })

  < /script >

  <! - InstanceEndEditable - >

  < link hand. CSS"rel ="stylesheet"type =" text/css"/ >

  "< link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css "rel ="stylesheet"type =" text/css"/ >

  " < script type =" text/javascript"src =" http://AJAX.googleapis.com/AJAX/libs/jQuery/1.4.2/jQuery.min.js "> < / script > .

  " < script type =" text/javascript"src =" http://s3Slider-original.googlecode.com/svn/trunk/s3Slider.js "> < / script > .

  "< script src="Spry-UI-1.7/includes/SpryDOMUtils.js "type =" text/javascript"> < / script >

  "< script src="Spry-UI-1.7/includes/SpryDOMEffects.js "type =" text/javascript"> < / script >

  "< script src="Spry-UI-1.7/includes/SpryWidget.js "type =" text/javascript"> < / script >

  "< script src="Spry-UI-1.7/includes/SpryMenu.js "type =" text/javascript"> < / script >

  "< script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js "type =" text/javascript"> < / script >

  "< script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js "type =" text/javascript"> < / script >

  < style type = "text/css" >

  / * BeginOAWidget_Instance_2141544: #MenuBar * /.

  / * Values for skinning a basic through presets menu. If the default settings are not sufficient, most count should be done in

  These rules, except for the images used to down or to the right pointing arrows, located in the SpryMenuBasic.css file

  They take the following classes of widget for layout of menu (located in a "Preset")

  . MenuBar - applies to all menu bars - default is a horizontal bar, all submenus are vertical - level 2 subs and beyond are drop down to the right.

  . MenuBarVertical - vertical main bar; All submenus are drop down to the right.

  You can also pass in extra classnames to set your desired top-level menu bar layout. Normally, they are defined by using a predefined setting.

  They apply only to the horizontal menu bars:

  MenuBarLeftShrink - the menu bar will be horizontally "shrinkwrapped" be just big enough to hold his items and left-aligned

  MenuBarRightShrink - as MenuBarLeftShrink, but right-aligned

  MenuBarFixedLeft - set to a specified width defined in rule "." MenuBarFixedLeft', and left-aligned.

  MenuBarFixedCentered - Fixed to a specified width defined in rule "." MenuBarFixedCentered',.

  and centered in its parent container.

  MenuBarFullwidth - expands to fill the width of the parent container.

  In general, all the rules specified in this file are prefixed by #MenuBar so that they don't apply to instances of the widget inserted along

  with the rules. This allows use of multiple MenuBarBasic widgets on the same page with different layouts. Due to limitations in IE6.

  There are a few rules where this was not possible. These rules are so noted in the comments.

  */

  {#MenuBar}

  background-color: #003300;

  do-family: "Lucida Sans Unicode", "Lucida Grande", without serif. / * Specify the fonts on the bar menu and submenu MenuItemContainer, so MenuItemContainer.

  MenuItem and MenuItemLabel

  at a given level all use the same definition for ems.

  Note that this means that the size is also inherited from the submenus of the child,

  so be careful when using other than relative sizes

  100% on the fonts submenu. */

  make-weight: bold;

  do-size: 12px;

  make-style: normal;

  padding: 0;

  }

  / * ATTENTION: because ID + class selectors do not work correctly in IE6, but we want to restrict these rules to all this

  instance of widget, we used the concatenated string classnames to our selectors for the type of layout of the menu bar

  in this section. These have very low specificity, so be careful not to overstep accidentally. */

  . MenuBar br {/ * using only a class, so there same specificity that the "."} MenuBarFixedCentered br' rule bleow * /.

  display: none;

  }

  . {MenuBarLeftShrink}

  float: left; / * shrink the content, but also to float the menu bar * /.

  Width: auto;

  }

  . {MenuBarRightShrink}

  float: right; / * shrink the content, but also to float the menu bar * /.

  Width: auto;

  }

  . {MenuBarFixedLeft}

  float: left;

  Width: 100%;

  }

  . {MenuBarFixedCentered}

  float: none;

  Width: 100%;

  margin-left: auto;

  margin-right: auto;

  }

  . MenuBarFixedCentered br {}

  Clear: both;

  Display: block;

  }

  . MenuBarFixedCentered. Submenu br {}

  display: none;

  }

  . {MenuBarFullwidth}

  float: left;

  Width: 100%;

  }

  / * Top level bar small objects - these actually apply to all items and get substituted for the submenus level 1st or successive * /.

  #MenuBar. {MenuItemContainer}

  padding: 0px 0px 0px 0px;

  margin: 0;

  / * Zero margin on the containers of items. The MenuItem is the active area of hover.

  For most elements, we have padding top or bottom or border only on MenuItem

  or a child so we keep all tiled submenu with elements.

  Definition of this 0 avoids the "dead zones" to hover. */

  }

  #MenuBar. {}, MenuItem

  padding: 0px 8px 0px 8px;

  background-color: transparent;

  border-right: 1px solid #FFF;

  border-left: 1px solid #FFF;

  }

  #MenuBar. {MenuItemFirst}

  border-style: none none no none;

  }

  #MenuBar. {MenuItemLast}

  border-style: solid none none none;

  }

  #MenuBar. MenuItem. {MenuItemLabel}

  text-align: left;

  line-height: 1.4em;

  color: #ffffff;

  background-color: transparent;

  Padding: 6px 6px 15px 15px;

  Width: 10em;

  Width: auto;

  }

  . SpryIsIE6 #MenuBar. MenuItem. {MenuItemLabel}

  Width: 1em; / * Equivalent to min-width in modern browsers * /.

  }

  / * First level of submenu items * /.

  #MenuBar. Submenu. {}, MenuItem

  do-family: Arial, Helvetica, without serif.

  make-weight: bold;

  do-size: 12px;

  make-style: normal;

  background-color: transparent;

  8px padding: 0px 0px 0px;

  border-width: 1px;

  border color: #cccccc #cccccc #cccccc #cccccc.

  / * Border styles are replaced by first and last items * /.

  border-style: solid solid no solid;

  }

  #MenuBar. Submenu. {MenuItemFirst}

  border-style: solid solid no solid;

  }

  #MenuBar. Submenu. MenuItemFirst. {MenuItemLabel}

  padding-top: 6px;

  }

  #MenuBar. Submenu. {MenuItemLast}

  border-style: solid solid solid solid;

  }

  #MenuBar. Submenu. MenuItemLast. {MenuItemLabel}

  padding-bottom: 6px;

  }

  #MenuBar. Submenu. MenuItem. {MenuItemLabel}

  text-align: left;

  line-height: 1em;

  background-color: transparent;

  color: #ffffff;

  padding: 5px 6px 6px 12px;

  Width: 7th;

  }

  / * Hover States for containers, objects and labels * /.

  #MenuBar. {MenuItemHover}

  background-color: transparent;

  border color: #cccccc #cccccc #cccccc #cccccc.

  }

  #MenuBar. MenuItemWithSubMenu.MenuItemHover. {MenuItemLabel}

  background-color: transparent; / * expose this propeller separately * /.

  color: #999999;

  }

  #MenuBar. MenuItemHover. {MenuItemLabel}

  background-color: transparent;

  color: #999999;

  }

  #MenuBar. Submenu. {MenuItemHover}

  background-color: #003300;

  border color: #cccccc #cccccc #cccccc #cccccc.

  }

  #MenuBar. Submenu. MenuItemHover. {MenuItemLabel}

  background-color: transparent;

  color: #999999;

  }

  / * The submenu - first-level submenus properties * /.

  #MenuBar. {SubMenuVisible}

  background-color: #003300;

  min-width: 0%;  / * This prevents the menu being lean that the parent MenuItemContainer - but not available on ie6 nice to have * /.

  border-color: #ffffff #ffffff #ffffff #ffffff.

  border-width: 0px;

  border-style: none none no none;

  }

  #MenuBar.MenuBar. SubMenuVisible {/ * menu bar horizontally for only * /}

  top: 100%;    / * 100% is at the bottom of menuItemContainer parent * /.

  left: 0px; / * "left" may need tuning according to borders or padding applied to the bar MenuItemContainer or MenuItem,.

  and your personal taste.

  0px align left drop-down list with the content of the MenuItemContainer area. Assuming you keep the margins 0

  on MenuItemContainer and on the parent MenuItem

  menu bar, which in fact equals the sum of MenuItemContainer & amp;. Align the MenuItem padding-left

  the drop-down menu to the left of the menu item label.*.

  z-index: 10;

  }

  #MenuBar.MenuBarVertical. {SubMenuVisible}

  Top: 0px;

  left: 100%;

  min-width: 0px; / * Do not neeed to match the width of the parent MenuItemContainer - elements will avoid total collapse * /.

  }

  / * The sous-menu--deuxieme submenu level properties and beyond - are visible to descendants. MenuLevel1 * /.

  #MenuBar. MenuLevel1. {SubMenuVisible}

  background-color: #003300;

  min-width: 0px; / * Do not neeed to match the width of the parent MenuItemContainer - elements will avoid total collapse * /.

  Top: 0px;    / * If you want, you can move this down a smidge to separate the top item "submenu s of menubar.

  It is really necessary only for the submenu on the first point of MenuLevel1, or you can make it negative to make the submenu

  vertically 'centered' about his call to * /.

  left: 100%; / * If you want to move the submenu on the left to partially cover the point of his call, you can add a margin to the left with a

  negative value to this rule. Alternatively, if you use the elements of fixed width, you can change this value on the left

  to use px or ems to get the desired offset. */

  }

  / * IE6 rules - you can remove these if you do not want to support IE6 * /.

  / * Note about several classes in IE6.

  Some rules above use several class names to an element of selection, such as "hover" (MenuItemHover) and 'a a submenu' (MenuItemWithSubMenu).

  * give the selector '. MenuItemWithSubMenu.MenuItemHover'.

  * Unfortunately, IE6 does not support using mutiple classnames in a selector for an element. For a selector like '. foo.bar.baz', IE6 does not take into account

  * all but the final classname (here, ".baz") and defines the specificity in consequence, with only one of these classs as significant. To work around this problem

  * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate classnames for IE6, such as "MenuItemWithSubMenuHover".

  * Given that many of these necessary, the plugin does not generate additional classes for modern browsers, and we use the copies of CSS2 style class

  * syntax for that. Since IE6, both apply the rules where the

  * It should not and gets the specificity wrong too, we have rules of order carefully, then misapplied rule in IE6 can be overridden.

  * So we put first the multiple class rule. IE6 wrongly apply this rule.  We follow this with the single class rule that it would be

  * replace by mistake, by ensuring that the specificity of IE6 interpreted as is the same as the unique class selector, so the latter wins.

  * We then create a copy of the rule of multiple class, adding a "." SpryIsIE6' in the context of the class and to ensure that the specificity

  * the selector is high enough to beat the rule of single class in the case of "match of these two classes. We place the rule of IE6 at the end of the

  * block of css styling to make it easy to remove if you want to drop support for IE6.

  * If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.

  * The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the need of IE conditional comments to these rules.

  */

  . SpryIsIE6 #MenuBar. MenuBarView. MenuItemWithSubMenuHover. MenuItemLabel / * selector IE6 * /}

  background-color: transparent; / * expose this propeller separately * /.

  color: #999999;

  }

  . SpryIsIE6 #MenuBar. MenuBarView. Submenu. MenuItemWithSubMenuHover. MenuItemLabel / * selector IE6 * /}

  background-color: transparent; / * expose this propeller separately * /.

  color: #999999;

  }

  . SpryIsIE6 #MenuBar. Submenu. Submenu / * selector IE6 * /}

  left margin:-0px; / * Offset at least part of a version of 'double upholstery' bug IE6 'double margin "* /.

  }

  / * EndOAWidget_Instance_2141544 * /.

  < / style >

  < script type = "text/xml" >

  <!--

  < oa:widgets >

  < oa:widget wid = binding "2141544" = "#MenuBar" / >

  < / oa:widgets >

  ->

  < /script >

  <!-InstanceBeginEditable name = "head"->

  <! - InstanceEndEditable - >

  < / head >

  < body bgcolor = "#17321A" >

  < div id = "outerWrapper" >

  < div id = "header" > < img src = "media/header.jpg" width = "960" height = "160" alt = "organica title" / > < / div > "

  < div id = "navbar" >

  < ul id = "Menu bar" >

  < li > < a href = "index.html" > home < /a > < /li >

  < li > < a href = "kitchen.html" > < /a > kitchen

  < ul >

  < li > < a href = "menus.html" > Menus < /a > < /li > ""

  < li > < a href = "catering.html" > Catering < /a > < /li > ""

  < /ul >

  < /li >

  < li > < a href = "juicebar.html" > juice < /a > < /li > Bar ""

  < li > < a href = "produce.html" > produce < /a > < /li > ""

  < li > < a href = "supplements.html" > supplements < /a > < /li > ""

  < li > < a href = "grocery.html" > grocery store < /a > ' "

  < ul >

  < li > < a href = "packaged.html" > < /a > < /li > packaged goods ""

  < li > < a href = "refrigerated.html" > Refrigerated < /a > < /li > ""

  < li > < a href = "frozen.html" > frozen < /a > < /li > ""

  < li > < a href = "glutenfree.html" > Gluten Free < /a > < /li > ""

  < /ul >

  < /li >

  < li > < a href = "bodycare.html" > < /a > < /li > body care

  < li > < a href = "events.html" > events < /a > < /li > ""

  < li > < a href = "contact.html" > Contact < /a > ' "

  < ul >

  < li > < a href = "directions.html" > Directions < /a > < /li > ""

  < li > < a href = "employment.html" > job < /a > < /li > ""

  < /ul >

  < /li >

  < /ul >

  < script type = "text/javascript" >

  BeginOAWidget_Instance_2141544: #MenuBar

  var MenuBar = new Spry.Widget.MenuBar2 ("#MenuBar", {}

  widgetID: "Menu bar",

  widgetClass: 'MenuBarFullwidth the menu bar. "

  insertMenuBarBreak: true,

  mainMenuShowDelay: 100,.

  mainMenuHideDelay: 200,.

  subMenuShowDelay: 200,.

  subMenuHideDelay: 200

  });

  EndOAWidget_Instance_2141544

  < /script >

  < / div > <! - end navbar - >

  < div id = "contentWrapper" > <!-InstanceBeginEditable name = "sidebar"->

  < div id = "sidebar" >

  < h2 > Get Your Organica loyalty card < br / >

  < img src = "media/loyalty.jpg" width = "200" height = "129" alt = "fidelity" / > < / h2 > "

  < hr width = "90%" size = "1" / >

  < p >

  < style >

  . Link,

  . Link has,

  .signupframe

  {

  Color: #000000;

  do-family: Arial, Helvetica, without serif.

  font size: 13px;

  }

  . Link,

  . Link a {}

  text-decoration: none;

  }

  {.signupframe}

  border: 0px solid #000000;

  background: #ffffff;

  }

  .signupframe .required {}

  do-size: 10px;

  }

  < / style >

  < /p >

  " < form method ="post"action =" https://app.iContact.com/ICP/signup.php "name ="icpsignup"id ="icpsignup8190"accept-charset =" UTF - 8 "onsubmit =" return verifyRequired8190(); "> " "

  " < input type ="hidden"name ="redirect"value =" http://organicanaturalfoods.com/thanks.html " />

  " < input type ="hidden"name ="errorredirect' value = ' http://www.iContact.com/www/signup/error.html " />

  < div id = "Application" >

  < h2 > subscribe to our e-newsletter Organica < br / >

  Receive coupons, event and much more! < / h2 >

  < table width = "200" align = "center" class = "signupframe" border = "0" cellspacing = "0" cellpadding = "5" >

  < b >

  < td align = "center" > < input type = "text" name = "fields_email" / > < table >

  < /tr >

  < input type = "hidden" name = "listid" value = "70490" / >

  < input type = "hidden" name = "specialid:70490" value = "HHBU" / >

  < input type = "hidden" name = "clientid" value = "971128" / >

  < input type = "hidden" name = "formid" value = "8190" / >

  < input type = "hidden" name = "reallistid" value = "1" / >

  < input type = "hidden" name = "doubleopt" value = "0" / >

  < b >

  < td > < div align = "center" >

  < input type = "submit" name = "Submit" value = "Submit" / >

  < / div > < table >

  < /tr >

  < /table >

  < / div >

  < / make >

  < script type = "text/javascript" >

  var icpForm8190 = document.getElementById ('icpsignup8190');

  If (document.location.protocol = "https:")

  icpForm8190.action = " " https://app.iContact.com/ICP/signup.php ";

  function verifyRequired8190() {}

  If (icpForm8190 ['fields_email'] .value == "") {}

  icpForm8190 ["fields_email"] .focus ();

  Alert ("the Email field is required.");

  Returns false;

  }

  Returns true;

  }

  < /script >

  < p > < / p >

  < p >

  < iframe src =

  " http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FOrganicaN aturalFood & width = 250 & colorscheme = light & show_faces = true & border_color & stream = false & header = fa lse & height = 258 "scrolling =" "frameborder ="0"style =" border: none; overflow: hidden; width: 250px; height: 258px; "allowTransparency ="true"> < / iframe >

  < /p >

  < / div >

  <! - InstanceEndEditable - > <! - end box - > <!-name = 'content'-> InstanceBeginEditable

  < div id = "content" > < div id = "slide" > < div id = "fadeshow1" > < / div > < / div >

  < / div >

  <! - InstanceEndEditable - > <! - end content - >

  < div id = "footer" >

  < a href = "index.html" > home < /a > | < a href = "about.html" > < /a > about us | < a href = "links.html" > links < /a > | < a href = "directions.html" > < /a > Directions | < a href = "employment.html" > < /a > job | < a href = "contact.html" > contact us < /a > < br / >

  All content © 2011 Organica Natural Foods | Site design: < a href ="http://nowagenewmedia.com" target = "_blank" > age now at the time of new media < /a > < br / > "

  * The statements on this site regarding dietary supplements have not been evaluated by the Food and Drug Administration. < br / >

  These products are not intended to diagnose, treat, cure or prevent a disease any. If you are pregnant, nursing, taking medication, < br / >

  or have a medical condition, consult your doctor before using these products. < / div > <! - end footer - >

  < / div > <! - end contentWrapper - >

  < / div >

  < / body >

  <! - InstanceEnd - > < / html >

  Index-z adds the 425 line tag as per

  style = "z-index: 1"> ""

  GRAMPS

• Dynimic text on the Images in the slide show

  I have three images that load in a slide show. Is it possible to have three different dynamic text on each image?

  I could apply the text to the images in Photoshop, but the images go across the width of the browser.

  Thanks in advance.

  Have you tried to use the part of the legend in the slideshows. They now allow you to do what you want to achieve.

  You can add a different caption for each image and place it correctly (although it will have the same position and style of the text for all images).

  See you soon,.

  Vikas

• Horizontal submenu Spry hidden behind the image

  It's driving me crazy. I use Dreamweaver CS4. I created a menu bar horizontal just above the image. When I point to the item in main menu to submenu is hidden behind the image. I was not able to understand this an outy. I am very new to CSS and Dreamweaver. It is a model that I want to use my site as a whole. You can go http://www.gray-wolf.net/MainPages.html.
  
  @charset "UTF-8";

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

LAYOUT INFORMATION: describes box model, positioning, z-order

*******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: auto;
width: 800px;
font-family: Arial, Helvetica, sans-serif;
background-color: #008080;
height: 40px;
float: left;
top: 100px
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 8em;
float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
width: 8.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
position: absolute;
margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
left: auto;
top: 0;
}

/*******************************************************************************

DESIGN INFORMATION: describes color scheme, borders, fonts

*******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
display: block;
cursor: pointer;
background-color: #EEE;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
background-color: #33C;
color: #FFF;
width: auto;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
background-color: #33C;
color: #FFF;
}

/*******************************************************************************

SUBMENU INDICATION: styles if there is a submenu under a given menu item

*******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}

/*******************************************************************************

BROWSER HACKS: the hacks below should not be changed unless you are an expert

*******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
ul.MenuBarHorizontal li.MenuBarItemIE
{
display: inline;
float: left;
background: #FFF;
}
}

  The reason is simple.  Your #nav div has z-index 3. Your div #image Wolf also has z-index 3.  Because the #nav div is taken before the div of Wolf, it's on the page under the div of Wolf, and is where the submenus are too.  But wait, you say?  The submenus have a z-index of 1020, you say?  Ahh - but it's part of a z-index of parent of 3.  The z-index of 1020 is only in the context of this relative z-index 3, not the entire page.

  To resolve this problem, give the #nav div a z-index of 4.  You will now see...

• the text or the image sometimes 'break up' in a State of fuzzy, illegible

  original title: fuzzy text or image

  Since I installed Windows 7, the text or the image sometimes 'break' in a blurry, unreadable state.  It happens in Word and other programs. It seems to be no reason for when it will occur, but lately it often happens when I play Solitaire. Sometimes the screen alternately clear, blur, lighten, etc..

  Hi threadsmith

   

  Method 1:

  You can use the hardware and troubleshooting of devices and also the display resolution of quality issues. Check if this can help to solve problems -

  http://Windows.Microsoft.com/en-us/Windows7/open-the-hardware-and-devices-Troubleshooter

  http://Windows.Microsoft.com/en-us/Windows7/open-the-display-quality-Troubleshooter

  
  See below the link assistance and control-

  http://Windows.Microsoft.com/en-us/Windows7/ways-to-improve-display-quality

   

  Method 2:

  Step 1 :
  To resolve the problem, you can check if uninstalling and reinstalling then the display driver allows.
  Also check if you have any exclamation point or cross the marks on the sides of display devices listed in Device Manager.

  a. click Startand then click Control Panel.

  b. click system and Maintenance, click Systemand then click on Device Manager.
  Note If Control Panel is in Classic view, double-click System, and then click Device Manager.
  If you are prompted for an administrator password or a confirmation, type the password, or click allow.

  c. in the Manager device, expand display driver, display devices, right-click and then click on Properties and on the driver tab, click Uninstall.

  d. When you are prompted to confirm that you want to remove the device, click OK.

  e. restart the computer.

  After the computer restarts, the drivers will be installed automatically.
  
  Step 2:

  If the problem persists I suggest you to check if you install the latest updated driver on the manufacturer's Web site to help you.

  You can also check out the link below and check if you get an updated video driver. You can install updates in optional updatesvideo card driver.
  http://Windows.Microsoft.com/en-us/Windows-Vista/update-a-driver-for-hardware-that-isn ' t-work correctly

   

  I hope this helps.

• Cut the text from the image using the Pathfinder tool

  Hi all

  I'm cutting text from an image in Illustrator. I use the version on a Dell XPS 12 CS6.

  I have scoured the internet for instructions and have tried everything, but when I followed the same steps in Illustrator I don't get my desired result. I created the contours for the text, so that the image and text are on the same layer, grouped (and dissociated) and then I tried all the options in the pathfinder, nothing helps. I've done it before with an image, but for some reason can not get it to work this time.

  I even tried to make the image in a clipping mask, so it would be a 'form' instead of 'image', but that didn't do anything either.

  If anyone has any advice, I would greatly appreciate it that I spent hours trying to figure this out!

  Thank you!

  Erin

  Pathfinder will not work with a path and a picture.

  Instead, put your text above the image (it can be the living text), select both.

  You can then use the button do mask in the transparency to cut your text on the image palette.

  

• Text in the image reactive?

  I have a problem with the text in a reactive image.

  
  

  I create an image it reactivates in width and height and put a legend on it (in the container of the photo).

  When I begin to change the width of the browser, the text jumps out of the container in the photo.

  Bringing together two points does not solve the problem.

  Is there a way to keep the text on the image (in the image container)?

  Any ideas?

  Of course, it would be possible to create a text frame and place the image in the background of it, but then the image is not admissible height, which could spoil the mobile design.

  Otherwise it would currently be impossible to create captions in images...

  THX!

  Hi Tibor,

  Maybe this helps: workaround

  Abhishek

• How to delete a single text and add text to the image in photoshop cc?

  How to delete a single text and add text to the image in photoshop cc?

  Please try again by following the link: How to remove the text from the Image in Photoshop - YouTube

• I have a license of an image (certificate), it still has the text on the image, I can't delete or edit text

  I have a license of an image (certificate), it still has the text on the image, I'm unable to remove or change the text... flatten on the certificate

  Using Illustrator to edit? It is an .ai file that is editable by Illustrator or any compatible graphics program. He edits the fine in Illustrator. I deleted the name of course in this screenshot.

  

• How can I make the text in the image, like a signature in a corner?

  How can I make the text in the image, like a signature in a corner?

  Do you need to do it for a lot of pictures?

  Look closely.  It should be under file > processing of multiple files.  Make sure you don't overwrite your original files.

  If a single file, make a copy of the file, create your image in a separate layer and reduce the opacity.  Then flatten image and save it.