Shading Behind Images
Our graphic design team and printer cannot help us so I am hoping someone can help me find resolution. I have tried everything, and for some reason just a few images are appearing with a shaded background (representing the image frame) in print but you cannot see it in IN Design or PDF. The images are .tif files and linked with no errors with translucent backgrounds. Thoughts?!
http://indesignsecrets.com/eliminating-ydb-yucky-discolored-box-syndrome.php
Similar Messages
-
Is there a way to create a heading with shading behind the text and thin lines above and below?
I'm working with InDesign CS6, Windows 7.
Is there a way, using paragraph rules, to create a heading with shading behind the text and thin lines above and below the text?
I'd like to create headings that look like these:
Thank you!I have a document where I almost do such, but without the fill. I use a Head Style which Spans Columns for this instance; it allows the haeds to flow and fill the width.
Paragraph Rules above and below are turned on with plenty of offset.
I tweaked my setting to accomodate your need - It required only one instance, not above and below, and changing the stroke to a double stroke.
It may be necessary to create a custom stroke to modify the proportion of stroke vs fill. There is a difference of thin-thin and thick-thick, neither of which seemed perfect but might be dependent on the Character height.
Creating custom strokes is accomplished via the Strokes Panel. -
I have G71 laptop 17" that is only 4 months old. I am seeing very light red shading behind each letter in my text. It appears wether i am on the web or in my email. Would this be a video card issue?
Actually a backlight issue is more likely but video card is not impossible. The way to tell is to hook it to an external monitor. If it still shows the red on an external monitor it is the video card. If the external is OK it is the backlight/display panel. Either way, HP should fix it under warranty.
-
Menu dropping down behind image.
http://72.29.76.51/~organica/index.html
If you scroll over the GROCERY tab, you'll see that the pull down is hidden behind the image below. Any hints on getting the menu to appear in front of the image? Here's the code:
<!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"><!-- 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 Drive at http://www.dynamicdrive.com/ for this script and 100s more
</script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [600, 493], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["media/slide_2.jpg", "", "", ""],
["media/slide_1.jpg", "", "", ""],
//<--no trailing comma after very last image element!
displaymode: {type:'auto', pause:6000, cycles:1, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 2000, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
</script>
<!-- InstanceEndEditable -->
<link href="main.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 */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
These assume the following widget classes for menu layout (set in a preset)
.MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
.MenuBarVertical - vertical main bar; all submenus are pull-right.
You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
They only apply to horizontal menu bars:
MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
and centered in its parent container.
MenuBarFullwidth - Grows to fill its parent container width.
In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar {
background-color:#003300;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
MenuItem, and MenuItemLabel
at a given level all use same definition for ems.
Note that this means the size is also inherited to child submenus,
so use caution in using relative sizes other than
100% on submenu fonts. */
font-weight: bold;
font-size: 12px;
font-style: normal;
padding:0;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
display:none;
.MenuBarLeftShrink {
float: left; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarRightShrink {
float: right; /* shrink to content, as well as float the MenuBar */
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 menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar .MenuItemContainer {
padding: 0px 0px 0px 0px;
margin: 0;
/* Zero out margin on the item containers. The MenuItem is the active hover area.
For most items, we have to do top or bottom padding or borders only on the MenuItem
or a child so we keep the entire submenu tiled with items.
Setting this to 0 avoids "dead spots" for hovering. */
#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 none none;
#MenuBar .MenuItemLast {
border-style: none solid none none;
#MenuBar .MenuItem .MenuItemLabel{
text-align:left;
line-height:1.4em;
color:#ffffff;
background-color:transparent;
padding: 6px 15px 6px 15px;
width: 10em;
width:auto;
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel{
width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar .SubMenu .MenuItem {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
font-style: normal;
background-color:transparent;
padding:0px 8px 0px 0px;
border-width:1px;
border-color: #cccccc #cccccc #cccccc #cccccc;
/* Border styles are overriden by first and last items */
border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst {
border-style: solid solid none 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: 6px 12px 6px 5px;
width: 7em;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
background-color: transparent;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
background-color: transparent; /* consider exposing this prop 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;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
background-color: #003300;
min-width:0%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
top: 100%; /* 100% is at the bottom of parent menuItemContainer */
left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
and your personal taste.
0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
on MenuItemContainer and MenuItem on the parent
menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
the dropdown with 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 width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
background-color: #003300;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
vertically 'centered' on its invoking item */
left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* 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 necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
background-color: transparent; /* consider exposing this prop separately*/
color: #999999;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
background-color: transparent; /* consider exposing this prop separately*/
color: #999999;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu /* IE6 selector */{
margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
</style>
<script type="text/xml">
<!--
<oa:widgets>
<oa:widget wid="2141544" binding="#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="MenuBar">
<li> <a href="index.html">Home</a></li>
<li> <a href="kitchen.html">Kitchen</a>
<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 Bar</a></li>
<li> <a href="produce.html">Produce</a></li>
<li> <a href="supplements.html">Supplements</a></li>
<li> <a href="grocery.html">Grocery</a>
<ul>
<li> <a href="packaged.html">Packaged Goods</a></li>
<li> <a href="refrigerated.html">Refrigerated</a></li>
<li> <a href="frozen.html">Frozen Foods</a></li>
<li> <a href="glutenfree.html">Gluten Free</a></li>
</ul>
</li>
<li> <a href="bodycare.html">Body Care</a></li>
<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">Employment</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
widgetID: "MenuBar",
widgetClass: "MenuBar MenuBarFullwidth",
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="loyalty" /></h2>
<hr width="90%" size="1" />
<p>
<style>
.link,
.link a,
.signupframe
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
.link,
.link a {
text-decoration: none;
.signupframe {
border: 0px solid #000000;
background: #ffffff;
.signupframe .required {
font-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="SignUp">
<h2>Sign-up for our Organica e-News<br />
Receive coupons, event info, and more! </h2>
<table width="200" align="center" class="signupframe" border="0" cellspacing="0" cellpadding="5">
<tr>
<td align="center"><input type="text" name="fields_email" /></td>
</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" />
<tr>
<td><div align="center">
<input type="submit" name="Submit" value="Submit" />
</div></td>
</tr>
</table>
</div>
</form>
<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.");
return false;
return 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="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</p>
</div>
<!-- InstanceEndEditable --><!-- end sidebar --><!-- InstanceBeginEditable name="content" -->
<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">About Us</a> | <a href="links.html">Links</a> | <a href="directions.html">Directions</a> | <a href="employment.html">Employment</a> | <a href="contact.html">Contact Us</a><br />
All contents ©2011 Organica Natural Foods | Site Design: <a href="http://nowagenewmedia.com" target="_blank">Now Age New Media</a><br />
*Statements on this site relating to any dietary supplements have not been evaluated by the Food and Drug Administration. <br />
These products are not intended to diagnose, treat, cure or prevent any disease. If you are pregnant, nursing, taking medication, <br />
or have a medical condition, consult your physician before using these products. </div><!-- end footer -->
</div><!-- end contentWrapper -->
</div>
</body>
<!-- InstanceEnd --></html>IE doesn't like something about
http://72.29.76.51/~organica/fadeslideshow.js
Perhaps try re-uploading it. -
Spry Horizontal submenu hidden behind image
This is driving me nuts. I am using Dreamweaver CS4. I have created a horizontal menu bar just above an image. When i hover over the main menu item the submenu is hidden behind the image. I have not been able to figure this one outy. i am very new to CSS and Dreamweaver. This is a template that i want to use across my entire site. You can goto 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;Your unexpected (and undesired) wolf call on entering that page scared the begesus outta me. Most people don't take kindly to such surprises!
You do realize that the page you linked to is a TEMPLATE page, but it is named with an HTML extension, right? You did that just to show us the template?
Also, it appears that you have built your entire site inside of the Templates folder -
<a href="Templates/pgpage1.htm" title="Page 1 of my Photo Gallery">
That's improper. Nothing should be in the Templates folder other than the template files themselves.
Finally, your use of absolute positioning as a primary page layout method is going to get you into serious trouble. Please read this -
http://apptools.com/examples/pagelayout101.php
Now - here's the problem:
You have applied a style of 'overflow:hidden' to div#nav. Remove that. With that in place, the submenus cannot flow OUT of div#nav. -
Slideshow Behind Image in Fluid Design
I'm attempting to have an auto slide show run behind an image of a TV so that the slide show appears to be various screen shots appearing "on" the TV screen. I found this site as a perfect example where the images cycle in the picture frame:
www.bozthebear.com
I need this to be fluid such that it scales with screen size/device (just as the example page does). Thanks in advance for your help!This was already answered in another discussion
http://forums.adobe.com/message/6058104#6058104
Nancy O. -
Placing WHITE behind image to print
Hey everybody,
I have a question for you. I'm working for an aerosol company and we need a new label. The existing label has been build up quite a few years ago, but now we need a new product in the range. The label will be printed on a silver sticker or printed litho on the can.
The image on the bottom needs replacement. But there needs to be white behind the images. As you can see in the color separations in Acrobat.
And the setup in illustrator
The bottom layer "image" is a pink background (same pms) with an outer glow, however, this glow doesn't show up in appearances.
I've tried to recreate the setup, but i was told there needs to be white behind the image.
Which results in:
I have no real clue on what is wrong, and i can't seem to figure it out from the files.
Is the problem maybe that the picture needs to be in grayscale? Someone who might have an idea?
Kind regards,
OlivierMaybe if i throw in a shape with the blur, it might work. I'll check back in tomorrow with info if it worked or not!
If someone else has a solution, feel free to drop them! -
Why are guidelines behind images?
Hello,
I have created a form with a master page that includes an image to serve as a page background. When I drag my guidelines onto the page, they go behind the image background. I have "Show Guidelines" checked in the Drawing Aids palette. Is there any way to force guidelines on top of objects and images?
Thank you.The desktop image is fine, taken from the exact same pool of jpg photos. However, as soon as the slide show screen saver comes on, the images are scrambled. What is it about the apple screen saver algorithm that scrambles the pics?
-
Print illustrations on white background; eliminate gray square/rectangle behind images
working on desktop publishing project that will be printed in black white only. Have photoshop images that will be used as illustrations. when I put these images into InDesign and print them, a gray square/rectangle appears behind the image. I cannot eliminate the gray background. it is essential to the project that the images print directly on paper without the background gray. have tried several youtube video lessons but none has been completely successful yet.
I don't quite understand..........I'm using iwork pages, I click on shapes (square), I fill square with pink, I click on media (clips are stored there), picture of butterfly is than place within the pink square. However I would like it so that the picture of the butterfly layout only with the pink background. I don't want the white background. Am I missing something, or I'm just not being clear? Thanks for any further assistants.
-
Nav/Menu bar hidden behind images
I placed my nav/menu widget in my master page. I have several layers in each page that I would like to arranged behind the nev/menu bar so I can still utilize it. Muse doesn't seem to let me push the images back behind the nav bar. Currently my photos are covering the nav bar so it can't be utilized. Help! Thank you.
With the release of Muse 4.0 today, Master page elements can now layer in front of content on those pages to which the Master has been applied. To re-order Master page content select elements on the Master page, right-click and select "Move to Master Foreground" or "Move to Master Background" from the popup menu. Alternatively select elements on the Master page, then select Object > Move to Background or Foreground in the Muse application menu. All elements in the Master page set to "Move to Master Foreground" will appear on top of all elements in the Page.
Please refer to Muse release notes for more information on this.
http://helpx.adobe.com/content/help/en/muse/release-note/adobe-muse-re lease-notes.html
Thanks,
Vinayak -
No background color edges behind image on resize
hi,
I am making a slideshow background which adjusts to the width of the browser. However, whenever I resize the browser, the background color is visible for a moment along the edges. How can I get rid of this. I know that it is possible. If you look at the following site, the images resize perfectly:
http://www.timhupe.com
thanks
jyand when i try to call the report from form builder,
it give the following error
REP-536870981: Internal error
REP-62204: Internal error writing the image BandCombine: a row of the matrix does not have the correct number of entries, should be OpImage.getExpandedNumBands(source0.getSampleModel(), source0.getColorModel()) + 1..
REP-0069: Internal error
REP-50125: Caught exception: java.lang.NullPointerException
REP-0002: Unable to retrieve a string from the Report Builder message file.
REP-536870981: Regards. -
Hello, i have this dynamic textbox where im loading a number, that works fine, but then im loading a picture from an array on the same place as the number, and the picture comes on top of the textbox. How do i get the number on top of the image? thx.
Code for the part:
var images_array:Array = new Array("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat");
var wkDayPic:Date = new Date();
var wk_day:String = images_array[wkDayPic.getDay()];
var day:Number = time.getDate();
//var year:Number = time.getFullYear();
var my_loader:Loader = new Loader();
my_loader.load(new URLRequest(wk_day+".gif"));
addChild(my_loader);
my_loader.x = 80;
my_loader.y = -55;
dayNr.text = day + "";Try using: addChild(dayNr); right after the line where you addChild(my_loader)
-
Stripes like corrupt shading behind file copy dialog
I am getting stripes down the sides of the file copy dialog when the dialog does not have focus and when I click the dialog the stripes go away. when the dialog looses focus to another window the stripes return. This has only started to occur since I installed the 10.5.3 update. Is anyone else experiencing this issue? or does anyone know why this is happening?
Click this link to see the image of this problem.
http://www.camotec.com.au/images/copydialogfault.jpg
Many Thanks
Ben Camilleri
Camotec Web SolutionsI am getting stripes down the sides of the file copy dialog when the dialog does not have focus and when I click the dialog the stripes go away. when the dialog looses focus to another window the stripes return. This has only started to occur since I installed the 10.5.3 update. Is anyone else experiencing this issue? or does anyone know why this is happening?
Click this link to see the image of this problem.
http://www.camotec.com.au/images/copydialogfault.jpg
Many Thanks
Ben Camilleri
Camotec Web Solutions -
Remove transparent canvas/background from behind image
Howdy,
Is it possible to remove the transparent background (see pic) of the canvas so that all I export as an image is the asymetrical rock? I want to use the rock as a button in flash and need it to be the exact shape of the rock without the 3 transparent corners (bc the corners are then perceived by fla as part of the button, so then I get this square button instead of asymetric rock shape button). Sorry if this is posted elsewhere.
Thanks for any help you can give!
kNice flame silky...
Yes I am well aware of transparent means. And yes, I saved the file as a .png, retaining transparent qualities.
Here, I'll type slow so you can understand...
Again (as I stated originally) the issue is this...when I import the .png into flash the png file comes as a square. I don't want a square the 3 transparent corners get in the way. Yes the 3 corners arrowed in my originaly querry are transparent, BUT flash registers the image as a square, not as the asymetrical rock shape, which is what I want. I've included another pic so you can see the problem (see below).
If you click the pic, it will enlarge and you can see the blue lines (top & right) which are the border for the imported .png. Again, I want to import this rock image solely as the rock with no transparent tag alongs. Can this be done or not?
Kindly share, or let someone with more patience and understanding answer my questions. -
JUmbled text in Safari, and it runs off the page and behind images
i have a really annoying problem that is only happening in Safari under every user on my computer.
I have been to the Apple store and they have tried to fix it, but it perplexed everyone there I guess,
either that or the fact that it was 8:30 and they close at 9... go figure. Anyways- When in Safari on
certain websites that are heavier on text the words displayed in the headlines or body copy overlap, become jumbled, and run off the page.
As I am typing this it is not letting my words wrap to the next line in the text box, I have to hit enter
everytime I want to go to a new line. This problem is getting so annoying, and I am on the brink of
switching to Firefox but I love Safari so much more. Can someone please help? I have already look
at the " never display fonts larger than____ option" I am hopelessly in need of some advice. Thanks
in advance for your time and patience. Have a great day!
Billhoward --
This is your third post on the this subject in the last 5 days.
It's not necessary to start a new topic everytime.
Just check your "My Posts" in the box to the right of this message,
and you can always go right back to your posts.
Now, it looks like Hawaiian Starman & Rachel have already guided you
to look at your RSS feeds, etc. Why don't you check out their responses,
and then let us know here what the results are, OK?
Here are your other two threads:
http://discussions.apple.com/message.jspa?messageID=5354423#5354423
http://discussions.apple.com/message.jspa?messageID=5307512#5307512
Maybe you are looking for
-
If two people share the same computer, but have separate itunes account, Apple ID, and icloud and one of them downloads an app will it also go into the other persons account since y'all use the same computer
-
I need a password for my omnibook xe3 laptop hash code is 01931
I forgot the password. Can someone help me? Thanks in advance. This question was solved. View Solution.
-
How to give away a problem client
Hi All, I have just finished building a site for a client and long story short we have fired them, How do I transfer the site to a new bc partner? (thats if anyone wants them?) Is there away to do this?
-
Populate cost centre in IT 2001 via Leave application submitted through ESS
Gurus, we have a scenario to populate CC in "Cost Assignment" Tab of IT 2001, when a leave is submitted via ESS. Now we have enabled the additional fileds on ESS and when leave application iView is opened, the CC field is displayed and is defaulted w
-
My screen has gone black! Help please!
Yesterday, I picked my phone up off my desk and the screen had gone completely black. My phones screen is cracked, but has been for the last ten months and functioned properly. This has happened before but it seemed to turn back on after ten minuets