Table cells/graphics do not display properly

I'm trying to integrate some HTML code (developed outside of
RoboHelp) for a somewhat complex table used to display a sliced
graphic, background colors, etc. It looks fine in Dreamweaver, but
when I paste the code into RoboHelp (true code pane), some of the
graphic slices do not display properly, e.g., the slices in the
bottom rows are offset slight and get repeated multiple times if I
resize the window. I notice that RoboHelp seems to add a bunch of
its own styles to my code, which might be part of the problem. Is
this a known issue with RoboHelp? Should I not bother using outside
HTML if it has some complexity to it?

quote:
Originally posted by:
MergeThis
...and just what the heck is "a sliced graphic"?
Hey, how can you learn, day after day, if you don't ask,
right?
I'm not an expert, mind you, but since I originated this
post, I'll take a stab at it... "Slicing" a graphic is a technique
used by Web desigers to design and display graphics more
efficiently or more flexibly. It involves slicing up an image into
several pieces like a jigsaw puzzle (often by using a program like
Fireworks). The slices are chosen logically based on function,
e.g., a designer might create a "banner" graphic to be used as a
page header with navigation elements (buttons, text, etc) designed
into the graphic. The graphic might be sliced up so that the
navigation buttons are separate slices. This allows you to easily
add hyperllinks to those individual slices. The part that gets
tricky is that an HTML table must be generated along with the
slices (with each slice in its own table cell) so that the pieces
are displayed correctly, giving the appearance of one large
graphic.

Similar Messages

Table in design view not displaying properly

I put in a table at 100% width - to house a spry menu. It shows up fine in all browsers and in live mode, but in dreamweaver design view the table and menu display off to the right - outside of the workspace. It's a pain! How do I fix this?

You certainly do NOT need a table to hold your menu -- no matter which one you use.
Table layouts went the way of the dinosaur last century. Nowadays, we use CSS for layouts. To illustrate, copy & paste this code into a new, blank document and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Document</title>
<style>
    /**fixes the box model**/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
/**basic layout**/
body {
    width: 80%; /**adjust width in px, em or % as desired**/
    margin:0 auto; /**with width, this is centered**/
    background: maroon;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 100%;
header, footer { color: #FFF; }
/**left sidebar**/
aside {
    display:table-cell;
    width: 25%;
    padding: 1%;
    background: #C99;
/**main content**/
article {
    width: 75%;
    display:table-cell;
    padding: 2%;
    border-left: 1px dotted silver;
    background: #EAEAEA;
footer {
    clear: left;
    font-size: 80%;
    text-align: center;
/* BEGIN HORIZONTAL DROP-MENU */
nav {
    position: relative;
    width: 100%; /**adjust width as needed**/
    margin: 0 auto;
    padding: 0;
    text-align: center;
    z-index: 1000;
nav ul {
    margin: 0;
    padding: 0
nav li {
    list-style: none;
    font-size: 12px;
    float: left;
    text-align: center;
/**top level menu**/
nav li a {
    display: block;
    text-decoration: none;
    margin-right: 2px;   /* space between links */
    width: 12em;   /* adjust as needed or use auto */
    padding: 6px 15px;
    font-weight: bold;
    line-height: 2em;
    color: #1e5799;
    border: 1px solid #FFF;
    background: #C7D5E3;
/**top menu style on mouse over**/
nav li:hover > a {
    color: #FFF;
    background: #1e5799;
/**sub-menu**/
nav li ul {
    display: none;
    text-align: center;
    margin: 0;
    padding: 0 1em;
    background: #C7D5E3;
    font-weight: normal;
    font-style: oblique;
/**sub-menu, help for older IE**/
nav li:hover ul, nav li.hover ul {
    display: block;
    position: absolute;
    padding: 0;
nav li:hover li, nav li.hover li { float: none; }
/**drop-menu style**/
nav li:hover li a, nav li.hover li a {
    width: 12em; /* adjust width as needed or use auto */
    margin-top: 0;
    line-height: 1.25em;
    font-weight: normal;
    border: none;
/**drop-menu style on mouse over**/
nav li li a:hover {
    background: #D3E1B7;
    color: #004A43;
/**clear floats**/
nav:after {
    clear: both;
    display: block;
    content: '';
/**END DROP MENU STYLES**/
</style>
</head>
<body>
<header>
<h1>Your Awesome Site Name</h1>
<h2>Some Pithy Slogan</h2>
</header>
<nav>
<ul>
<li><a href="#">Menu Item1 ▼</a>
    <ul>
    <li><a href="#">Sub_menu1a</a> </li>
    <li><a href="#">Sub_menu1b</a> </li>
    </ul>
</li>
<li><a href="#">Menu Item2 ▼</a>
    <ul>
    <li><a href="#">Sub_menu2a</a> </li>
    <li><a href="#">Sub_menu2b</a> </li>
    <li><a href="#">Sub_menu2c</a> </li>
    <li><a href="#">Sub_menu2d</a> </li>
    </ul>
</li>
<li><a href="#">Menu Item3</a></li>
<li><a href="#">Menu Item4</a></li>
<li><a href="#">Menu Item5</a></li>
</ul>
</nav>
<aside>
<h3>Left Sidebar</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. </p>
</aside>
<article>
<h3>Aritcle Heading</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
</article>
<footer>
<small>© 2015 Your Site Name. All rights reserved.</small>
</footer>
</body>
</html>
Nancy O.

PDF not displaying properly in Acrotbat

Hi all,
I'm having an issue with a document I have created in Photoshop not displaying properly when opened in Acrobat. It is a brochure for my work, that I have worked on and printed many times. When I open it in Acrobat after creating the PDF, gaps appear and other elements are shifted out of place. When viewing it in Photoshop, those gaps are not there, even when I zoom in very close. When we open the file on other computers with Acrobat, the gaps are still there. To test the PDF further, I downloaded some free PDF viewers off the net and the document looks the way it was created, the way it should be. I don't know how to fix it and certainly don't want the gaps appearing when it goes to print. Any ideas on how to fix this? I've never previously had this problem. Thank you in advance for your help.
Leah

Without access to the files it's impossible for us to help. Acrobat will be displaying the PDF "correctly", but why the page contents are shifted is anyone's guess.
When you save as "Photoshop PDF" and choose the "Preserve Photoshop Editing Capabilities" option, it embeds a copy of the PSD file into the PDF and will open that whenever you try to open the PDF in Photoshop, which is why you don't get the import dialog. Photoshop never even reads the PDF page contents. Turn off that option, save to PDF again, and then open it in Photoshop - you'll see the true PDF page being imported as a graphic, and it'll match what Acrobat is displaying.

Page will not display properly with inline Frames

I have a html page that will not display properly in Dreamweaver. I have a basic understanding of html and want to be able to edit a website in Dreamweaver that was given to me. It looks fine in a browser, but in Dreamweaver some of the content is missing and displays the following message, "Your browser does not support inline frames or is currently configured not to display inline Frames". I was able to open it without any problems using Microsoft Front Page, so is it possible to view and edit it in Dreamweaver?

Without seeing your page, I'm guessing that your page contains server-side includes, iframes and scripts to other files on the server that populate page with content on the server's end. You can't see it in DW because you don't have all the files in your DW local site folder. You said this views fine in FP. Was your page created in FP with FP proprietary tools?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

OLE Objects are not displayed properly-overlap characters and empty page

I'm using CR4E 12 Runtime libraries to load and view reports that are created in CR designer v10. Some of the OLE Objects (not all) are not displayed properly.
1) A full page contains terms and conditions as ole object is not at all displayed and just shown as black image.
2) Some data in a table (OLE Object) shown as overlapped characters.
Any body know the reason and is there any workaround to solve this issue?
Thankyou very much for your time.

Your problem seems to be with the character encoding you are using for your text. A quick google search for ColdFusion character encoding should turn up the answer. In case you are interested in learning more:
http://livedocs.adobe.com/coldfusion/7/htmldocs/wwhelp/wwhimpl/common/html/wwhelp.htm?cont ext=ColdFusion_Documentation&file=00001201.htm
Hope that helps!
- Michael

Lately pdf files from the Web do not display properly; what is wrong and how can I fix it so I don't have to use IE?

I am a professor and frequently need to open pdfs of academic journal articles from electronic databases. Within the last two or three weeks, when I try to do this using Firefox, only the first page of the pdf displays and the rest are blank. In addition, a bar appears across the top with the message "This pdf file may not display properly." So I have had to switch to Internet Explorer to open the files and do my research. What is going on and how can I fix it so I can open pdf files from the Web in Firefox and have them display properly?

My question is simple - why would you put an application in production that has a lot of bugs? To replace a good and steady Adobe product? My customers will believe that I put a pathetic fallible form online. They are not sophisticated on computers so I just tell them to use IE. Ugh
I must agree with pgwebgirl!

Why is my youtube webpage not displaying properly?

My youtube webpage is not displaying properly. its like tthere is only text and thumbnails and the whle webpage is too damn long. The videos don't play when clicked. Problem on both firefox and chrome. I disabled kaspersky av but it didnt make any difference cuz i thought the firewall mustve been blocking something. check screenshot attached.

You can try these steps in case of issues with web pages:
You can reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
*Hold down the Shift key and left-click the Reload button
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Command + Shift + R" (Mac)
Clear the cache and remove cookies only from websites that cause problems.
"Clear the Cache":
*Firefox/Tools > Options > Advanced > Network > Cached Web Content: "Clear Now"
"Remove Cookies" from sites causing problems:
*Firefox/Tools > Options > Privacy > "Use custom settings for history" > Cookies: "Show Cookies"
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem.
*Switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance
*Do NOT click the Reset button on the Safe Mode start window
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

My vertical Spry is not displaying properly in IE 8

I am working on my first website using Dreamweaver CS4 and my spry is not displaying properly over my flash photo gallery. It looks ok in Firefox (although the borders are missing on my submenu for "sheds tool list") but in IE 8 the submenus can't be seen. How can I correct this?
My website is www.toolshedstudio.com
Here's my css:
@charset "UTF-8";
/* SpryMenuBarVertical.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, a fixed width box with no margin or padding */
ul.MenuBarVertical
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 10em;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
/* 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 same fixed width as parent */
ul.MenuBarVertical li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 170px;
    border-top-style: outset;
    border-right-style: outset;
    border-bottom-style: outset;
    border-left-style: outset;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
    margin: -5% 0 0 95%;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: absolute;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    left: -1000em;
    top: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
    left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
    width: 8.2em;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
    border: 1px none #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
    border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
    display: block;
    cursor: pointer;
    background-color: #000;
    padding: 0.5em 0.75em;
    color: #CCC;
    text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
    background-color: #33C;
    color: #000;
    font-size: 100%;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical 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.MenuBarVertical 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.MenuBarVertical 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.MenuBarVertical 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.MenuBarVertical li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;

Hi
You flash movie doesn't have the parameter wmode=transparent. If you set that, the menu bar will be on top.
<param name="wmode" value="transparent">
I hope this helps.
Ben

Itunes 9 Store - Not Displaying Properly

I am having problems with the iTunes store not displaying properly. I can see the album art, but the background is black. I can not see any of the text and I can not see most of the blue play buttons. This all occurred after upgrading to Itunes 9. What options would I need to change in my anti-virus/security programs in order to potentially correct this issue. I really don't want to have to totally uninstall Itunes and reinstall everything. Help is appreciated.

I can see the album art, but the background is black. I can not see any of the text and I can not see most of the blue play buttons. This all occurred after upgrading to Itunes 9
Drgoo's suggestion from the following post might be worth trying with that:
http://discussions.apple.com/message.jspa?messageID=10390276#10390276

Images not displayed properly

[Migrated from the Syclo Resource Center]
prashanthi_vangala   01/03/2012 06:44,
Hi,I am working on Agentry 5.4.0I have a list screen where for one of the columns I have a rule to display images ( I use checked and unchecked images ). Earlier the images were getting displayed properly on the ATE but it is not working now and I did not make any changes to the image properties then.But after this, I tried couple of things with the image properties to make it work, like when I do not use any mask colour the image does not get displayed but when i use any maks colour the image gets displayed but its completely blacked out ( and thus for checked image, cannot see the check mark and its completely blacked out ).I face same issue with the login image as well. I added a new Image ( Logo ) to my App for the login Screen, but even this image does not appear on the login screen.
I also tried deleting the Dev folder and re-publishing, but even this does not work.
-Prashanthi
Jason Latko   01/03/2012 11:42
Try deleting the Application directory under your development server where the images reside and publish again.
Completely clear your ATE and transmit again from scratch.
Also, what mask color are you using?
Try using a green hugh and not black or white for the mask.
Jason Latko - Senior Product Developer at Syclo
prashanthi_vangala   01/03/2012 12:38
Hi Jason,Thank you for the reply.I already tried all the things you have mentioned, but the same issue exits still.
Prashanthi
Jason Latko   01/03/2012 12:40
Is it just the ATE, or do you have the same problems using the WIn32 or PPC clients?
Jason Latko - Senior Product Developer at Syclo
prashanthi_vangala   01/04/2012 06:21
Hi Jason,Behaviour in ATE:I have changed the image now and tested with the new image . Now, its behaving strangely:When I do a sync after publishing or a reset of ATE; I see the new image properly displayed on the screen but when I leave the screen and come back to the same screen again, the new image is getting replaced by the old image ( atleast the old image is not displayed properly, it appears like a black square box..and because of the same issue I had with this image I switched to the new image ). Behaviour in Win32 Client:When I tested with the client, I see the new image properly for the first time and when i leave the screen and come back the image disappears..This is the behaviour in client.
Please suggest.
-Prashanthi
Jason Latko   01/09/2012 11:35
Prashanthi,What did you use to create these images?
They are simple bitmaps I assume?
Try creating some very simple images using Microsoft Paint, then set a mask of green in Agentry.
Your problem sounds familiar, but I can't find a matching bug in our database.
Maybe someone else has experienced this?
You could also try upgrading to a newer version of Agentry to see if the problem goes away.
We are currently on version 6.0.4.Jason Latko - Senior Product Developer at Syclo
prashanthi_vangala   01/11/2012 10:02
Hi Jason,
Thank you for the reply.
But strangely, from past few days I see that the image is working fine again.
But kept this topic open because it was wierd, that the image is working correctly again without making any major change. What I did was to just write the rule again which calls the image ( though i did this before and did not work then but worked now ) and to observe the image behaviour for few days.But it seems like it is fine now.
Thanks and Regards,Prashanthi

We am using "jv:imageButton" tag for displaying the image and below is the tag code,
<jv:imageButton styleClass="buttonStyle"
selected="true"
onclick="networkCanvas.setInteractor(clientSelect)"
image="../oracle/communications/inventory/ui/images/arrow.png" buttonGroupId="interactors"
rolloverImage="../oracle/communications/inventory/ui/images/arrowh.png"
selectedImage="../oracle/communications/inventory/ui/images/arrowd.png"
title="#{inventoryUIBundle.SELECT}"
message="#{inventoryUIBundle.SELECT}" />
The able code is present in the below path,
..\public_html\oracle\communications\inventory\ui\network\page\NetworkView.jsff
The images are present in the following path,
..\public_html\oracle\communications\inventory\ui\images\zoomrecth.png
I am not thinking this is a Platform Beta 3 uptake issue. And I am suspecting an issue with integration of ilog with ADF. Any help in this regard would be helpful.
regards,
Chandra
Edited by: user638992 on Feb 25, 2010 3:40 AM

Ads are not displaying properly in Safari, v 4.0.5

I am having an odd problem with display ads from our local newspaper not displaying properly on my Mac Pro in Safari. I suspect that the issue might be related to having had some AdBlock app on my system a few months ago. I removed the app and some ads display, but others are just a white block with nothing inside. Is there any way to figure out why the content doesn't load?
The website is http://www.echopress.com
The ads I'm having issues with are the 300x250 ads in the right 3rd column, located directly below the weather info and above the "marketplace" ads.
Any ideas or troubleshooting tips?
Thanks,
Grady
Oh, why do I wanna see em in the first place? I'm an advertiser on the site and would like to see my own ads load occasionally.

Hey ho, Grady!
I can see all the ads on the right,
with the exception of the very top (first) box
which has the header of "Weather Alerts).
It's blank, and I'm assuming you have no alerts at the present.
All the rest of the paid for ads show.
So, what I would do is clear my Safari cache, history, and
in Preferences>Security, clear all the cookies from that site.
Hope this helps.
If you need more info just holler.
Let us know how you're doing, OK?

Elements Organizer 8 - some WMV are not displayed properly in the Play Video but are in Play Vide

Hello:
Elements Organizer - some WMV are not displayed properly in the Play Video but are in Play Vide on Full screen. What's the problem? Wrong codec?

Because WMV's can contain a lot of flags, like DRM, they can exhibit odd behavior, indeed.
Usually, AV files will display in their native resolution, i.e. in their set Frame Size/Aspect Ratio and with their set PAR (Pixel Aspect Ratio), but sometimes those flags are missed, or are altered by other programs.
Remember, WMV's are designed to be streaming delivery-only, and are not intended, or designed to be edited. Most NLE's (Non Linear Editors) will allow them to be edited, but will require extra processing to do so. As is mentioned, WMM is designed around editing that delivery-only format, but most others are not.
There are many other formats/CODEC's, that ARE designed to be edited by the vast majority of NLE's, such as DV-AVI Type II's.
The best workflow is to NOT bring WMV's into the mix, unless one is using WMM exclusively. Converting those to an easily editable format/CODEC will always be the best course of action.
Good luck,
Hunt

Some websites do not display properly or function

Using Firefox v29.0.1; running Win 7 Pro 64-bit version.
Some websites do not display properly - as if Firefox is not finding the CSS (Facebook for one).
Also, on Craig's List, I can't click on any of the links including the contact/reply button.
Wanted to attach screenshots but see no place to do so.
Thanks,
paulp575

Looks like something in my history must have been causing it.
That's the only step I needed to go through and seems as though everything has cleared up - for now.
Thanks Phillipp for your help!
paulp575

Fonts Will Not Display Properly In Mail

Messages that I am receving in Mail will not display properly. All characters are represented with square with the letter A. I attached a screen shot.
I changed the default fonts to many different options and nothing has worked.
Any help would be great.

Open up Font Book and validate your fonts. You may have a corrupt font or corrupt font database.

Some HTML Emails Do Not Display Properly

Recently, some HTML emails do not display properly in Mail. All I see is HTML. Yet, 98% of my HTML emails render properly.
Any thoughts on why this happens with some emails? Is it a Mail issue or are these emails not coded properly?

Hello Tony.
Could be a combination but since Mail renders 98% of of all HTML messages properly (using Safari as the engine), this indicates it is a coding problem.
I'm not a big fan of using HTML with email since it introduces a number of problems. If everyone used Plain Text for message composition, the majority if not all problems experienced with email would be eliminated.

Table cells/graphics do not display properly

Similar Messages

Maybe you are looking for