Spry tab menu background image is not displaying on remote server

Hello All,
I have a problem with spry tab panel, it is not displaying image in the background when it is active, it is working properly in local server but when i upload to remote it vanishes.
Here is the link
http://www.geftas.com/temaritestpage/about.html
Also I am uploading Css and html code below
Any help would be exteremely appreciated.
Thanks
<!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">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf8"/>
<meta http-equiv="content-type" content="cache" />
<meta http-equiv="robots" content="INDEX,FOLLOW" />
<meta http-equiv="keywords" content="Enter Keywords"/>
<meta http-equiv="description" content="Description Here" />
<title>TEMARI&CO. | Business Strategists</title>
<link href="css/about.css" rel="stylesheet" type="text/css" media="screen" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
          <div id="header"></div>
<div id="navigation">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.html">HOME</a></li>
      <li><a href="about.html" class="current">ABOUT</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">CONSULTING</a>
        <ul>
          <li><a href="#">Business Plan</a></li>
          <li><a href="#">Marketing Plan</a></li>
          <li><a href="#">Incorporation</a></li>
          <li><a href="#">Accounting System</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">INDUSTRIES</a>
        <ul>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
        </ul>
      </li>
      <li><a href="#">OUR PROCESS</a></li>
      <li><a href="#">CAREERS</a>      </li>
      <li><a href="#">CONTACT</a></li>
    </ul>
</div>
<div class="shadow" id="content">
<div id="TabbedPanels1" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
      <li class="TabbedPanelsTab" tabindex="0">values</li>
      <li class="TabbedPanelsTab" tabindex="0">people</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
      <div class="TabbedPanelsContent">
                <div id="scrolltext">
                    <h1>Heading1</h1>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. N</p>
        </div>
      </div>
      <div class="TabbedPanelsContent">
                  <div id="scrolltext">
                    <h1>Heading1</h1>
        <p>Lorem n, </p>
                            <h1>Heading1</h1>
        <p>Lorem ipsum dolor sit amet, , </p>
                           <h1>Heading1</h1>
        <p>Lorem ipsum dolor sit a, </p>
                           <h1>Heading1</h1>
        <p>Lorem ipsum dolor sit amet, </p>
        </div>
      </div>
    </div>
</div>
</div>
<div id="footer">
<div id="legal">
                      <ul>
                          <li>Copyright © 2012 Temari&Co</li>
                    <li>| Privacy Policy |</li>
                    <li>Terms of Use</li>
                </ul>
    </div>
            <div id="socialmedia">
                      <ul>
                          <li><img src="images/fbicongri.png" width="20" height="20" alt="fbicon" /></li>
                    <li><img src="images/gicongri.png" width="20"          height="20" alt="gicon"/></li>
                    <li><img src="images/linkedinicongri.png" width="20" height="20" alt="linkedin"/></li>
                    <li><img src="images/twittericongri.png" width="20" height="20" alt="twitter"/></li>
              </ul>
      </div>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>
@charset "UTF-8";
/* SpryTabbedPanels.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* Horizontal Tabbed Panels
* The default style for a TabbedPanels widget places all tab buttons
* (left aligned) above the content panel.
.TabbedPanels {
          overflow: hidden;
          margin: 0px;
          padding: 0px;
          clear: none;
          width: 100%;
          height:100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
.TabbedPanelsTabGroup {
          margin: 0px;
          padding: 0px;
.TabbedPanelsTab {
          position: relative;
          float: left;
          background-color: #FFF;
          list-style: none;
          -moz-user-select: none;
          -khtml-user-select: none;
          cursor: pointer;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 9pt;
          font-weight: normal;
          color: #666;
          height: 30px;
          width: 116px;
          text-transform: uppercase;
          text-align: center;
          line-height: 30px;
          margin: 0px;
          padding: 0px;
.TabbedPanelsTabHover {
          background-image: url(../../SUPEROLDU/images/menubaractive.png);
          background-repeat: repeat-x;
          color: #FFF;
.TabbedPanelsTabSelected {
          background-image: url(../../SUPEROLDU/images/menubaractive.png);
          background-repeat: repeat-x;
          color: #FFF;
          height: 30px;
          width: 116px;
.TabbedPanelsTab a {
          color: black;
          text-decoration: none;
.TabbedPanelsContentGroup {
          clear: both;
          background-color: #FFF;
          height: 100%;
          width: 824px;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 9pt;
          color: #666;
          border-top-width: 1px;
          border-right-width: 1px;
          border-bottom-width: 1px;
          border-left-width: 1px;
          border-top-style: dotted;
          border-top-color: #CCC;
          border-right-color: #CCC;
          border-bottom-color: #CCC;
          border-left-color: #CCC;
.TabbedPanelsContent {
          height: 100%;
          width: 100%;
          overflow:hidden;
.TabbedPanelsContentVisible {
.VTabbedPanels {
          overflow: hidden;
          zoom: 1;
.VTabbedPanels .TabbedPanelsTabGroup {
          float: left;
          background-color: #EEE;
          position: relative;
.VTabbedPanels .TabbedPanelsTab {
          float: none;
          margin: 0px;
          border-top: none;
          border-left: none;
          border-right: none;
.VTabbedPanels .TabbedPanelsTabSelected {
          background-color: #EEE;
.VTabbedPanels .TabbedPanelsContentGroup {
          clear: none;
/* Styles for Printing */
@media print {
.TabbedPanels {
          overflow: visible !important;
.TabbedPanelsContentGroup {
          display: block !important;
          overflow: visible !important;
          height: auto !important;
          margin-top: 0px;
          margin-right: auto;
          margin-bottom: 0px;
          margin-left: auto;
.TabbedPanelsContent {
          clear:both !important;
          margin-top: 0px;
          margin-right: auto;
          margin-bottom: 0px;
          margin-left: auto;
          width: 744px;
.TabbedPanelsTab {
           overflow: visible !important;
           display: block !important;
           clear:both !important;

Assuming these are the images you're trying to display:
.TabbedPanelsTabHover {
          background-image: url(../../SUPEROLDU/images/menubaractive.png);
          background-repeat: repeat-x;
          color: #FFF;
.TabbedPanelsTabSelected {
          background-image: url(../../SUPEROLDU/images/menubaractive.png);
          background-repeat: repeat-x;
          color: #FFF;
          height: 30px;
          width: 116px;
You have 2 root paths in your URL code. I think this is how your file structure looks like on your local computer. However, on a remote server, ../ by itself means you're pointing to the root folder of your website. Your URL linkage should be corrected based on the relativity and your background will work without a problem.

Similar Messages

My menu background images are not working in IE

Hi,
I've tested my site on multiple browsers and everything seems fine, apart from IE - which only displays the menu's background image when the user is on that current page. Can anyone help me out, please?
Thanks in advance.
http://millennium-blinds.co.uk/

I'm not sure but I did find two things you should change:
In your html change:
<li><a href="index.html">home</a></li>
to
<li><a href="/">home</a></li>
And in your CSS add this:
html { height:101%; overflow:scroll; }
That will force a vertical scroll bar and keep the shorter pages from jumping around.
Bob

Background Images Do Not Display

Hi --
On this page:
http://www.thelegatogroup.com/test/
I have the DIVs #left and
#right and each has a background image. My problem is that
neither display
either in preview or when live. I can, however, see the
images in DW's
design view.
The DIV #left should display this image:
http://thelegatogroup.com/test/assets/backgrounds/home_piton.jpg;
The DIV #right should display this image:
http://thelegatogroup.com/test/assets/page_elements/divider.jpg
The CSS appears correct and the rules point to the correct
files, the images
are on the server, the page validates, and yet no images.
Can someone take a look and help me see what I'm missing?
Thanks,
John

Good luck! 8)
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Tarvardian" <[email protected]> wrote in message
news:[email protected]...
> Because I don't use background images very often, and I
didn't know any
> better. Now I do.
>
> Thanks for your help. I appreciate it.
> John
>
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>> Remove this -
>>
>> background-attachment: fixed;
>>
>> You don't need it. Why did you use it?
>>
>> --
>> Murray --- ICQ 71997575
>> Adobe Community Expert
>> (If you *MUST* email me, don't LAUGH when you do
so!)
>> ==================
>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>> ==================
>>
>>
>> "Tarvardian" <[email protected]> wrote in
message
>> news:[email protected]...
>>> Hi Murray --
>>>
>>> Thanks for taking a look. You were right...the
path was incorrect. But
>>> fixing that, unfortunately, doesn't fix the
problem. I've even used an
>>> absolute page for below file, and it still
doesn't display correctly.
>>> Oddly enough, when I use remove the rule:
background-repeat: no-repeat;
>>> the image appears. It's tiled -- which I don't
want -- but it appears.
>>>
>>> Any idea what's going on?
>>>
>>> John
>>>
>>>
>>> "Murray *ACE*"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>> Your links are incorrect.
>>>>
>>>> background-image:
url(../assets/backgrounds/home_piton.jpg);
>>>>
>>>> This one implies that the image would be
here -
>>>>
>>>>
http://www.thelegatogroup.com/assets/backgrounds/home_piton.jpg
>>>>
>>>> but it's not - it's here -
>>>>
>>>>
http://www.thelegatogroup.com/test/assets/backgrounds/home_piton.jpg
>>>>
>>>> --
>>>> Murray --- ICQ 71997575
>>>> Adobe Community Expert
>>>> (If you *MUST* email me, don't LAUGH when
you do so!)
>>>> ==================
>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>> ==================
>>>>
>>>>
>>>> "Tarvardian" <[email protected]>
wrote in message
>>>> news:[email protected]...
>>>>> Hi --
>>>>>
>>>>> On this page:
http://www.thelegatogroup.com/test/
I have the DIVs
>>>>> #left and
>>>>> #right and each has a background image.
My problem is that neither
>>>>> display
>>>>> either in preview or when live. I can,
however, see the images in
>>>>> DW's
>>>>> design view.
>>>>>
>>>>> The DIV #left should display this image:
>>>>>
http://thelegatogroup.com/test/assets/backgrounds/home_piton.jpg;
>>>>> The DIV #right should display this
image:
>>>>>
http://thelegatogroup.com/test/assets/page_elements/divider.jpg
>>>>>
>>>>> The CSS appears correct and the rules
point to the correct files, the
>>>>> images
>>>>> are on the server, the page validates,
and yet no images.
>>>>>
>>>>> Can someone take a look and help me see
what I'm missing?
>>>>>
>>>>> Thanks,
>>>>> John
>>>>>
>>>>
>>>
>>
>

Background images are not displayed (CSS, other images ok

I tried clearing cache, looked at about:config for weird configurations, did a private browser window and disabled all extensions. None of these had any effect.
Test pages: Amazon.com and https://developer.mozilla.org/samples/cssref/background-image.html - both of these pages have background images loaded by CSS. For example, Amazon's logo at the top left is a background loaded from a CSS page. The image itself can be viewed raw:
http://g-ecx.images-amazon.com/images/G/01/gno/sprites/global-sprite-v1._V339353059_.png
So can this image:
https://developer.mozilla.org/samples/cssref/images/starsolid.gif
But why, why why do these images display on their relevant webpage? I see Amazon, eBay, and many other websites without a full complement of images. Especially the ones used for menus and other important navigation buttons.
Here is what I see on the Mozilla page mentioned above: I see the text, but no repeating star image. This works in other browsers and on other computers in Firefox.
The page I am typing on right now has no blue background, the entry windows are not correct (like the search window is not a rounded gray box) and the search magnifying glass is missing. So this experience makes even simple pages impossible to use.
Firefox 32, Vista

You did make sure that there isn't a high contrast theme selected in Windows like I posted above?
*http://windows.microsoft.com/en-us/windows-vista/make-the-computer-easier-to-see-optimize-visual-display

I don't know what to do anymore! Background Image is not displayed???!!!

Hey there!
I'm just trying to show a simple jpg in the Background Layer and it does not seem to work! I really need this for my diploma and i do not know where i made the mistake and it is compiling without errors!! Yet the picture is not shown.. Could somebody help me please? Any answer would be very helpful for me for i don't know what to do anymore..I am testing my Xlets with XletView 3.6..
Here is the code i tried:
public class BackgroundImage extends HComponent implements Xlet, Runnable{
private HScene scene;
private Image image;
private HaviBackgroundController backgroundManager;
private XletContext context;
private Thread myWorkerThread;
     public BackgroundImage()
public void initXlet(XletContext context) throws
javax.tv.xlet.XletStateChangeException
          this.context = context;
public void startXlet() throws javax.tv.xlet.XletStateChangeException
     myWorkerThread = new Thread(this);
          myWorkerThread.start();
public void pauseXlet()
          pause();
public void destroyXlet(boolean unconditional) throws javax.tv.xlet.XletStateChangeException
          if (unconditional) {
               destroy();
public void run()
          getResources();
          showBackgroundImage();
public void getResources() {
HSceneFactory factory = HSceneFactory.getInstance();
HSceneTemplate hst = new HSceneTemplate();
hst.setPreference(
HSceneTemplate.SCENE_SCREEN_DIMENSION,
               new org.havi.ui.HScreenDimension(1,1),
               HSceneTemplate.REQUIRED);
          hst.setPreference(
HSceneTemplate.SCENE_SCREEN_LOCATION,
               new org.havi.ui.HScreenPoint(0,0),
               HSceneTemplate.REQUIRED);
scene = factory.getBestScene(hst);
Rectangle rect = scene.getBounds();
setBounds(rect);
setVisible(true);
setBackground(Color.black);
scene.add(this);
scene.setVisible(true);
this.requestFocus();
public void showBackgroundImage() {
MediaTracker tracker = new MediaTracker(this);
image = Toolkit.getDefaultToolkit().getImage("background.jpg");
tracker.addImage(image, 0);
try{
               tracker.waitForAll();
          catch(InterruptedException e) {
               image = null;
          backgroundManager = new HaviBackgroundController();
          if (backgroundManager.init()) {
     backgroundManager.display("background.jpg");
public void pause()
scene.setVisible(false);
     backgroundManager.dispose();
public void destroy()
scene.setVisible(false);
scene.remove(this);
image.flush();
image = null;
backgroundManager.dispose();
HSceneFactory.getInstance().dispose(scene);
scene = null;
}

Sorry, i forgot about that..
I tried the HaviBackgroundController Class of Steve Morris (thanks a lot for that great Tutorial!). It is as follows:
class HaviBackgroundController implements ResourceClient{
private HBackgroundDevice backdevice;
private HStillImageBackgroundConfiguration backconfig;
public boolean init()
HScreen screen = HScreen.getDefaultHScreen();
HBackgroundDevice backdevice = screen.getDefaultHBackgroundDevice();
HBackgroundConfigTemplate backgroundConfigurationTemplate = new
          HBackgroundConfigTemplate();
backgroundConfigurationTemplate.setPreference(
HBackgroundConfigTemplate.FLICKER_FILTERING,
               HBackgroundConfigTemplate.REQUIRED);
          HBackgroundConfiguration backconfig;
          backconfig = backdevice.getBestConfiguration(
               backgroundConfigurationTemplate);
          if (backdevice.reserveDevice(this))
               try
                    backdevice.setBackgroundConfiguration(backconfig);
               catch (Exception ex)
                    System.out.println("Can't initialise the background device");
                    backdevice.releaseDevice();
                    return false;
               if(backconfig instanceof HStillImageBackgroundConfiguration)
                    this.backconfig = (HStillImageBackgroundConfiguration)backconfig;
                    this.backdevice = backdevice;
                    return true;
               else
                    backdevice.releaseDevice();
          return false;
     public void dispose()
          if (backdevice != null)
               backdevice.releaseDevice();
               backdevice = null;
               backconfig = null;
     public void display(String filename)
          if(backconfig != null) {
               HBackgroundImage backimage = new HBackgroundImage("background.jpg");
               try {
                    backconfig.displayImage(backimage);
               catch (java.io.IOException ioe) {
                    System.out.println("Can't display background image - IO exception");
                    ioe.printStackTrace();
               catch (HPermissionDeniedException hpde) {
                    System.out.println("Can't display background image - permission denied");
               catch (HConfigurationException hce) {
                    System.out.println("Can't display background image - configuration exception");
                    hce.printStackTrace();
     public boolean requestRelease(ResourceProxy proxy, Object requestData) {
          return false;
     public void release(ResourceProxy proxy) {
          backdevice.releaseDevice();
     public void notifyRelease(ResourceProxy proxy) {
          backdevice.releaseDevice();
}

Background image is not displaying in all views

I'm developing a site where in one particular page a background image displays in Live View, but not in IExplore. This image is used in other pages with no problem. In Browser Lab the page displays correctly in IE8, FF and Safari. Should I be concerned? The whole site isn't working in IE6 & 7 but that I'll have to address that later. Here's the css:
#mainImage{
    background: url(images/main_bkgrnd_blk.jpg);
    background-position: center top;
    background-repeat: repeat-y;
    width: 875px;
    height:788px;
    margin: 0 auto;
    position: relative;

jalynoble wrote:
I'm developing a site where in one particular page a background image displays in Live View, but not in IExplore. This image is used in other pages with no problem. In Browser Lab the page displays correctly in IE8, FF and Safari. Should I be concerned? The whole site isn't working in IE6 & 7 but that I'll have to address that later. Here's the css:
#mainImage{
    background: url(images/main_bkgrnd_blk.jpg);
    background-position: center top;
    background-repeat: repeat-y;
    width: 875px;
    height:788px;
    margin: 0 auto;
    position: relative;
When you say it does not display in IExplore where are you checking that, on your computer and which version of IE?
If you have checked the page in Browser Lab and it displays ok then I would not worry, but it slightly concerns me that it's not showing in your local version of IE?
For what's its worth I would'nt bother with IE6 (it's practically dead) but you must address the issues in IE7.

Dreamweaver CS4 Live View - background-image does not display

I'm teaching a basic Dreamweaver CS4 class, and one of my students happened upon a unique problem.
Although the students were not required to use LiveView for their assignment, the student noticed that when he clicked the LiveView button to look at his assignment, that the background-image property that he set on the #header DIV does not display.
I tried duplicating his problem by building a similar site to his, using the exact same Dreamweaver Starter Page he used, but I'm not able to reproduce it the problem. If I define a new site using the files the student sent me, the problem comes back.
I'm completely stumped. What could possibly be causing the background-image CSS property to stop rendering in Live View?
Thanks for any help at all!

Hi
Check your students css code for invalid or missing mark-up, or linking to the background image. Another possible problem, (occurs on some sites but not all) is to check if the url is enclosed in quotes as these are occasionally required but not always, also check for spaces in file names
e.g. - background-image: url(../images/yourimage.jpg); should work but occasional requires quotes as in - background-image: url("../images/yourimage.jpg");
PZ
www.pziecina.com

Spry Horizontal Menu Bar background image IE8 not visible.

I have a slight problem with a horizontal menu bar that I have placed on my site and am hoping someone can help me. It views fine in Firefox, however in IE8 the top menu background image is white instead of the image I specified. Firefox image is below.
Below is IE8 image lacking top menu background:
I am a novice and this is driving me nuts. How can something view fine in Firefox and loose the image in IE explorer? I must have a code incorrect, I know it. Any help is greatly appreciated.
Thank you,

At the bottom of SpryMenuBarHorizontal.css, you will find
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background-color: #FFF;
Change the background colour to transparent and all is well.

Tab menu background problem

I am using the spry tabbed menu and currently I have the
background image of the entire header section set to a repeating
image. I left the tabbed menu div background color and image blank
so that the header section will come thru. It works fine in IE 7
but in FF the tabbed menu adds a white background... here is the
link to the test page...
http://afm.geofoam.com/homepage.asp
Any suggestions?

Hi,
Try to add a fixed height for the header container. I added
for this css rule: .thrColFixHdr #header the height:105px and seems
to work also in FF.
Please let us know if this fixes your problem
Diana

Images are not displaying properly i.e Broken

images are not displaying properly i.e Broken .they are not opening in any website even in facebook

Hi Himanshu,
Tools>Internet Options>Advanced tab, click the "Reset" button.
Close all open IE windows and then start IE and try again.
Post consumer questions about IE to http://answers.microsoft.com (Help>Online Support menu from IE.)... at the answers forum you have to select what version of windows and IE you are using with your question...
which you did not stipulate here.
You can also choose at answers your preferred language and receive an answer in your preferred language.
Also include with your questions to answers, the FULL address of any websites you are having problems with... so that the support engineers can visit and test the web page...
Just saying Facebook is not sufficient as when you say 'pictures' are not displaying...perhaps you mean 'video' pictures... also websites like Facebook have different addresses for different parts of the world.
eg. http://facebook.com.au/ or http://youtube.com.au/nasa
This forum is for questions from System Administrators who manage 100's of computers that use IE with IEAK and GPO.
Regards.
Rob^_^

Images are not displaying(PHP MySQL)

Hi,
I've created a database table (MySQL) to store file path of images stored in a folder but the only problem is that the images are not displaying on the web page. Here's the procedure that I've used:
-Placed the cusor at the insertion point (div).
-Then selected 'Insert image' from the insert menu.
-Selected 'data sources' in the select image dialogue box.
-Selected the 'path' field in the recordset containing the image details of the images I want to display.
-Then OK.
Here's the code generated:
<td colspan="3" nowrap="nowrap"><img src="<?php echo $row_rsBanner['path']; ?>" width="950" height="141"/></td>
Here's the client side code generated:
<td colspan="3" nowrap="nowrap"><img src="C:/xampp/htdocs/Dirwebclient/banner3A_mod.png" width="950" height="141"/></td>
But the funniest thing is that if I pull the image as a background of the <td> (table data) it displays perfectly.
Here's the code:
<td colspan="3" nowrap="nowrap" background="<?php echo $row_rsBanner['path']; ?>" width="950" height="141"></td>
Can someone please give an idea of how I can pull the image using the <img> tag and not as a background.

Here's the source code from the browser for pulling the photo;
<td height="126" colspan="3"><p align="center"><img src="C:/xampp/htdocs/Dirwebclient/banner3A.png" alt="jpeg" width="950" height="124" /></p></td>
And here's the source code for the whole page (It's quite long because I had not yet mastered CSS);
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title><style type="text/css">

</style>
<link href="style1.css" rel="stylesheet" type="text/css" />
<link href="style2.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

</style>
<link href="links.css" rel="stylesheet" type="text/css" />
<link href="copyright.css" rel="stylesheet" type="text/css" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script src="jquery-latest.pack.js" type="text/javascript"></script>
<script src="jcarousellite_1.0.1c4.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
     $(".newsticker-jcarousellite").jCarouselLite({
          vertical: true,
          hoverPause:true,
          visible: 2,
          auto:500,
          speed:1000
</script>
<style type="text/css">

</style>
<link href="links2.css" rel="stylesheet" type="text/css" />
<link href="link2.css" rel="stylesheet" type="text/css" />
<link href="categories.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div align="center">
<table width="51%" height="539" border="3" align="center" bordercolor="#008FE6">
    <tr>
      <th scope="col"><table width="85%" height="518" border="1" align="center" bordercolor="#D2EEFF">
        <tr>
          <td height="126" colspan="3"><p align="center"><img src="C:/xampp/htdocs/Dirwebclient/banner3A.png" alt="jpeg" width="950" height="124" /></p></td>
        </tr>
        <tr bordercolor="#A6DDFF" bgcolor="#A6DDFF">
          <td height="26" colspan="3" bgcolor="#A6DDFF"><table width="579" border="0" align="left">
              <tr>
                                <th width="573" height="20" scope="row"><div align="left"><a href="visualindex2.php?recordID=1" class="links">HOME</a></div></th>
                                <th width="573" height="20" scope="row"><div align="left"><a href="visualindex2.php?recordID=2" class="links">ABOUT US</a></div></th>
                                <th width="573" height="20" scope="row"><div align="left"><a href="visualindex2.php?recordID=3" class="links">SERVICES</a></div></th>
                                <th width="573" height="20" scope="row"><div align="left"><a href="visualindex2.php?recordID=4" class="links">CONTACTS</a></div></th>
                                <th width="573" height="20" scope="row"><div align="left"><a href="visualindex2.php?recordID=5" class="links">BOOKING</a></div></th>
                              </tr>
            </table>
              <table width="220" border="0" align="right" cellpadding="0">
                <tr>
                  <td width="248"><div align="right" class="style2">
                      <div align="center">
                        Saturday, May 19, 2012 1:07 AM
                      </div>
                  </div></td>
                </tr>
            </table></td>
        </tr>
        <tr>
          <td bordercolor="#FFFFFF" bgcolor="#D2EEFF"><table width="201" height="250" border="3" align="left" cellpadding="0" bordercolor="#7DCEFF" bgcolor="#D2EEFF">
            <tr>
              <td width="215" height="164"><div align="left">
                  <table width="199" height="77" border="0" align="center" cellpadding="0" bordercolor="#7DCEFF">
                    <tr bgcolor="#A6DDFF">
                      <td width="215" height="35"><div align="center">
                          <span class="categories">CATEGORIES</span> </div>
                          </td>
                    </tr>
                                        <tr>
                      <td height="36"><div align="left"><a href="visualindex2.php" class="links2">Plumbing</a>
                        <hr />
                      </div></td>
                    </tr>
                                        <tr>
                      <td height="36"><div align="left"><a href="visualindex2.php" class="links2">Electricals</a>
                        <hr />
                      </div></td>
                    </tr>
                                        <tr>
                      <td height="36"><div align="left"><a href="visualindex2.php" class="links2">Fittings</a>
                        <hr />
                      </div></td>
                    </tr>
                                        <tr>
                      <td height="36"><div align="left"><a href="visualindex2.php" class="links2">Roofing</a>
                        <hr />
                      </div></td>
                    </tr>
                                        <tr>
                      <td height="36"><div align="left"><a href="visualindex2.php" class="links2">Electronics</a>
                        <hr />
                      </div></td>
                    </tr>
                                      </table>
              </div>
                 </td>
            </tr>
          </table>
          <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p></td>
          <td height="256" bordercolor="#FFFFFF"><table width="500" height="251" border="3" align="center" bordercolor="#7DCEFF">
              <tr bordercolor="#FFFFFF">
                <td width="469" height="247" bgcolor="#FFFFFF"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','499','height','245','src','images/slideview','quality','high','flashvars','flashlet={imageLinkTarget:\'_blank\',captionFont:\'Verdana\',titleFont:\'Verdana\',showControls:false,frameShow:false,slideDelay:5,captionColor:#333333,transitionsType:\'Fade\',titleColor:#333333,slideAutoPlay:true,imageURLs:[\'images/test2.JPG\',\'images/test.JPG\',\'images/test1.JPG\'],slideLoop:true,imageLinks:[\'http://macromedia.com/\',\'http://macromedia.com/\',\'http://macromedia.com/\'],frameColor:#333333,bgColor:#D2EEFF,imageCaptions:[],title:\'VISUAL CONCEPT MEDIA\'}','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','flash_component','ImageViewer.swc','movie','images/slideview' ); //end AC code
                </script>
                  <noscript>
                  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="499" height="245">
                    <param name="flash_component" value="ImageViewer.swc" />
                    <param name="movie" value="images/slideview.swf" />
                    <param name="quality" value="high" />
                    <param name="FlashVars" value="flashlet={imageLinkTarget:'_blank',captionFont:'Verdana',titleFont:'Verdana',showControls:false,frameShow:false,slideDelay:5,captionColor:#333333,transitionsType:'Fade',titleColor:#333333,slideAutoPlay:true,imageURLs:['images/test2.JPG','images/test.JPG','images/test1.JPG'],slideLoop:true,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#D2EEFF,imageCaptions:[],title:'VISUAL CONCEPT MEDIA'}" />
                    <embed src="images/slideview.swf" quality="high" flashvars="flashlet={imageLinkTarget:'_blank',captionFont:'Verdana',titleFont:'Verdana',showControls:false,frameShow:false,slideDelay:5,captionColor:#333333,transitionsType:'Fade',titleColor:#333333,slideAutoPlay:true,imageURLs:['images/test2.JPG','images/test.JPG','images/test1.JPG'],slideLoop:true,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#D2EEFF,imageCaptions:[],title:'VISUAL CONCEPT MEDIA'}" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="499" height="245"> </embed>
                  </object>
                  </noscript>                  </td>
              </tr>
          </table></td>
          <td height="256" bgcolor="#D2EEFF"><table width="218" height="229" border="3" align="right" cellpadding="0" bordercolor="#7DCEFF" bgcolor="#EAF4F5" margin="0">
              <tr>
                <td width="198" height="188" bgcolor="#EAF4F5"><div id="newsticker-demo">
                  <div class="title">
                    <p class="categories">Latest News</p>
                  </div>
                  <div class="newsticker-jcarousellite">
                    <ul>
                                            <li>
                        <div class="thumbnail"><img src="C:/xampp/htdocs/Dirwebclient/5.jpg" alt="jpeg" width="90" height="78" /></div>
                        <div class="info"> <a href="http://www.vladstudio.com/wallpaper/?knight_lady"></a> <span class="cat"></span> </div>
                        <div class="clear"></div>
                      </li>
                                            <li>
                        <div class="thumbnail"><img src="C:/xampp/htdocs/Dirwebclient/4.jpg" alt="jpeg" width="90" height="78" /></div>
                        <div class="info"> <a href="http://www.vladstudio.com/wallpaper/?knight_lady"></a> <span class="cat"></span> </div>
                        <div class="clear"></div>
                      </li>
                                            <li>
                        <div class="thumbnail"><img src="C:/xampp/htdocs/Dirwebclient/3.jpg" alt="jpeg" width="90" height="78" /></div>
                        <div class="info"> <a href="http://www.vladstudio.com/wallpaper/?knight_lady"></a> <span class="cat"></span> </div>
                        <div class="clear"></div>
                      </li>
                                            <li>
                        <div class="thumbnail"><img src="C:/xampp/htdocs/Dirwebclient/2.jpg" alt="jpeg" width="90" height="78" /></div>
                        <div class="info"> <a href="http://www.vladstudio.com/wallpaper/?knight_lady"></a> <span class="cat"></span> </div>
                        <div class="clear"></div>
                      </li>
                                            <li>
                        <div class="thumbnail"><img src="C:/xampp/htdocs/Dirwebclient/1.jpg" alt="jpeg" width="90" height="78" /></div>
                        <div class="info"> <a href="http://www.vladstudio.com/wallpaper/?knight_lady"></a> <span class="cat"></span> </div>
                        <div class="clear"></div>
                      </li>
                                            <li>
                        <div class="thumbnail"><img src="C:/xampp/htdocs/Dirwebclient/6.jpg" alt="jpeg" width="90" height="78" /></div>
                        <div class="info"> <a href="http://www.vladstudio.com/wallpaper/?knight_lady"></a> <span class="cat"></span> </div>
                        <div class="clear"></div>
                      </li>
                                          </ul>
                  </div>
                </div>                <p> </p>
                  </td>
              </tr>
          </table></td>
        </tr>
        <tr bgcolor="#A6DDFF">
          <td width="215" bgcolor="#D2EEFF" class="style2"> </td>
          <td width="503" height="63" bgcolor="#A6DDFF" class="style2"><table width="479" height="61" border="0" align="center">
              <tr>
                <td width="558" height="57"><p align="center" class="style1">WELCOME TO VISUAL CONCEPT MEDIA</p>
                    <p align="left" class="style2">To redefine the default formatting of a specific HTML tag, select the Tag option and then enter an HTML tag in the Tag text box or select one from the pop?up menu.
To define the formatting for a particular combination of tags or for all tags that contain a specific Id attribute, select the Advanced option and then enter one or more HTML tags in the Selector text box or select one from the pop?up menu. The selectors (known as pseudo?class selectors) available from the pop?up menu are a:active, a:hover, a:link, and a:visited.
Select the location in which the style will be defined, and then click OK:
To place the style in a style sheet that is already attached to the document, select the style sheet.
To create an external style sheet, select New Style Sheet File.
To embed the style in the current document, select This Document Only.
In the CSS Rule Definition dialog box, select the style options you want to set for the new CSS rule. For more information, see the next section.
When you are finished setting style properties, click OK.
Note: Clicking OK without setting style options results in a new, empty rule.
</p></td>
              </tr>
          </table></td>
          <td width="219" bgcolor="#D2EEFF" class="style2"><table width="218" height="29" border="3" align="right" cellpadding="0" bordercolor="#7DCEFF">
              <tr>
                <td width="215"><div align="left">
                    <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
                  </div>
                    <fb:like-box href="http://www.facebook.com/platform" width="205" show_faces="true" stream="false" header="true"></fb:like-box>
                   </td>
              </tr>
            </table>
            <div align="right"></div></td>
        </tr>
        <tr>
          <td height="33" colspan="3" nowrap="nowrap" background="C:/xampp/htdocs/Dirwebclient/footer1.gif"><div align="center">
            <table width="374" align="center">
              <tr>
                <th class="copyright" scope="row">&copy VISUAL CONCEPT MEDIA 2011</th>
              </tr>
            </table>
          </div></td>
        </tr>
      </table></th>
    </tr>
</table>
</div>
</body>
</html>

Help with spry tabbed menu bar

Hi.
I need help with the spry tabbed menu panel (horizontal) It
works fine in dreamweaver ( pressing f12 ) but when i goto my
website www.so-nouveau.com it puts it all over and not in boxes
either just the writing.
I ahve double checked all uploading is correct and files are
located but it wont work.
Here is what i did >
new> html> 1 column elastic,centered. i have not
changed any other settings at all. Do i need to change the doc type
or css layout in the drop down menus before starting (doc
type=xhtnl 1.0 transitional and layout css=add to head)
I am still on cs3 , does this matter ? or is 4 easier ?
any help out there guys is much appreciated but please bear
in mind that i am not a web designer or pc expert at all , this is
just me building my own site , until nowit has been an enjoyable
experience but grrrrrr when it dont work
Thanks
Jay

so-nouveau wrote:
> Hi.
> I need help with the spry tabbed menu panel (horizontal)
It works fine in
> dreamweaver ( pressing f12 ) but when i goto my website
www.so-nouveau.com it
> puts it all over and not in boxes either just the
writing.
Please post links directly to the page having an issue. I saw
no tabs on the home page, but I noticed that there is a link on the
bottom of the page to this page that has a Spry tab on it:
http://www.so-nouveau.com/test%208.html
> I ahve double checked all uploading is correct and files
are located but it
> wont work.
That page refers to a Spry JavaScript file and a Spry CSS
file, which should be at the following locations but are not
present:
http://www.so-nouveau.com/SpryAssets/SpryTabbedPanels.js
http://www.so-nouveau.com/SpryAssets/SpryTabbedPanels.css
Make sure you upload the SpryAssests folder and see where
you're at after that.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

Images are not displayed in Details Page of Open script

I am trying to record a web application with open script.
After recording the images are not displayed when playing back the script.
Are there any option we have to enable to get the images.

Hi
As per default OpenScript will ignore any URL that contains an image, to change the filters you can:
View -> OpenScript Preferences > Record -> HTTP Module -> Select the URL filters Tab to add/remove or edit any filters
You can un-check the first one on the list to enable image recording.
Regards
Alex

Menu background image size

Hi...if I follow this link http://docs.info.apple.com/article.html?path=iDVD/6.0/en/17.html and the instructions for preparing menu background images. My images still get cropped. Does anyone know the real sizes that will fit perfectly?
From the Apple link:
"If you want your images to fit the DVD window exactly, use an image-editing application to crop and resize the images to the following dimensions:
720 x 540 pixels for standard video in NTSC format
854 x 480 pixels for widescreen in NTSC format
768 x 576 pixels for standard video in PAL format
1024 x 576 pixels for widescreen in PAL format"
Many thanks in advance

Shingy,
Today there is an update to iDVD (as well as other iApps) that you should make.
After doing the update this is what I found:
I'm not sure if the things I'm seeing are a result of the update, but after updating I have further defined the problem.
The problem now seems to be in figuring out the proper background size when using a widescreen theme converted to 4:3
Widescreen as widescreen and 4:3 as 4:3 work as expected in PAL.
So, if you stick with the originally discussed image sizes for PAL you will be OK AS LONG AS you don't try to use a widescreen theme as a 4:3 theme. (I didn't try using a 4:3 theme as widescreen.)

Background image no longer displays

I have been editing the same site for years. Today when I
opened Contribute and selected a page to edit, the background image
did not appear in the draft. The background was gray instead. I
tried changing the background to a color as an experiment and it
won't change. Its stuck on this gray color. I am afraid to edit the
page and upload the changes.
The web site appears normally in safari. I tried editing
other pages on the site and the same thing happens on those pages
too.
Thanks for the help in advance.

The background displays fine in Contribute CS3, so I assume
you have CS4.
I guess it has something to do with the way Contribute
handles the setting of the background.
Your doctype declaration is <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN">.
In that version of html it's not allowed to have a background
attribute in a td tag.
Most of the times browsers do not punish you for these
mistakes, but since standards ar marching on, maybe they will be
less forgiving in future. Apparently Contribute CS4 does punish
this mistake.
You should solve this by using css to style your html
documents. Or just ignore this as long as you can edit the site and
it displays OK in the browsers.

Spry tab menu background image is not displaying on remote server

Similar Messages

Maybe you are looking for