Background IMG won't show up in browser IEXPLORE

I have a div tag called "banner" in which I have used our company logo as a background image. I can't figure out why it's not showing up when I preview the page in Internet Explorer. It is showing up in the design page just fine. Below is my 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>INDEX</title>
<style type="text/css">

</style></head>
<body bgcolor="#FFFee8">
<div id="CONTAINER">
<div id="HOLDER">
    <div id="WRAPPER">
      <div class="GREENFONT" id="HEADER"></div>
      <div id="BANNER"></div>
      <div id="NAVBAR">ABOUT US | CONTACT US | BOARD OF DIRECTORS | VISION & MISSION | <span class="BLUEFONT">GET INVOLVED</span> | <span class="GREENFONT">DONATE NOW</span> | <span class="PINKFONT">VOLUNTEER</span> | AFFILIATES</div>
    </div>
    <div id="MAINCONTENT">
      <div id="CONTENTAREA">
        <p>Adult rec</p>
        <p>adult training facilities</p>
        <p>after school program</p>
        <p>agency with choice</p>
        <p>aktion club</p>
        <p>challenger baseball</p>
        <p>early intervention</p>
        <p>education & therapy</p>
        <p>equipment loan</p>
        <p>family living</p>
        <p>lip sync'</p>
        <p>newsletter</p>
        <p>summer rec</p>
        <p>t-ball</p>
        <p>teen club</p>
        <p>training & transition </p>
      </div>
      <div id="RIGHTCONTENTAREA">
        <CENTER>
          
          <p><a href="http://www.facebook.com/pages/Mifflin-Juniata-Special-Needs-Center-Inc/129756770511336" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Mifflin Juniata Special Needs Center, Inc"></a>          </p>
          <p> </p>
          <p><br/>
            <iframe width="420" height="315" src="http://www.youtube.com/embed/YGnvqGlbnMU" frameborder="0" allowfullscreen></iframe>
            
          </p>
          <p>ACCEPT. SUPPORT. EMPOWER. </p>
        </CENTER>
      </div>
    </div>
    <div class="DARKGRAYFONT" id="LOWERPAGECONTENT">
      LIKE US ON FACEBOOK!
      <br/>
      <a href="http://www.facebook.com/pages/Mifflin-Juniata-Special-Needs-Center-Inc/129756770511336" target="_TOP" title="Mifflin Juniata Special Needs Center, Inc"><img src="http://badge.facebook.com/badge/129756770511336.205.1774125909.png" style="border: 0px;" /></a><br/>
    <a href="https://www.facebook.com/advertising" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Make your own badge!">STAY UP TO DATE ON EVENTS, MJSNC NEWS, & SPECIAL ACTIVITES</a></div>
</div>
<div id="FOOTER"></div>
</div>
</body>
</html>

Your CSS code could sure use a good cleansing.
body,td,th {
font-family: Felix Titling, Engravers MT;
/**USE WEB SAFE FONTS**/
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #333;
body {
margin:0;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFFEE8;
#CONTAINER {
padding: 0px;
height: auto;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #FFFEE8;
background-image: url(../Graphics/LOGOS%20AND%20BANNER/GRADIENT%20BACKGROUND%205-8-12.png);
width: auto;
#HOLDER {
padding: 0px;
height: auto;
width: 980px;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #FFFEE8;
color: #FFFEE8;
#WRAPPER {
background-color: #Fffee8;
padding: 0px;
margin-right: auto;
margin-left: auto;
#HEADER {
padding: 0px;
height: auto;
width: 980px;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
font-weight: bold;
color: #903;
#BANNER {
padding: 0px;
height: 175px;
min-height: 175px;
width: 980px;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
/**AVOID USING SPACES IN FILE NAMES**/
background-image: url(../Graphics/LOGOS%20AND%20BANNER/MASTER%20BANNER%20CHUNK.jpg);
background-repeat: no-repeat;
#NAVBAR {
padding: 5px;
height: 17px;
min-height:17px;
width: auto;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
font-size: small;
text-transform: capitalize;
color: #666;
font-family: "Felix Titling", "Engravers MT";
font-weight: bold;
background-color: #FFFEE8;
vertical-align: baseline;
#CONTENTAREA {
padding: 15px;
height: 525px;
min-height: 525px
width: 190px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #424EDD;
float: left;
color: #FFFEE8;
font-family: "Felix Titling", "Freestyle Script";
font-size: 12px;
font-weight:bold;
font-style: normal;
font-weight: 400;
text-transform: none;
line-height: 5px;
line-height:1;
#RIGHTCONTENTAREA {
padding: 5px;
float: right;
height: 545px;
min-height:545px;
width: 750px;
background-image: url(../Graphics/PURPLEBACKGROUND.jpg);
background-repeat: no-repeat;
#MAINCONTENT {
padding: 0px;
height: 600px;
width: 980px;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #FFFEE8;
#LOWERPAGECONTENT {
padding: 0px;
height: auto;
width: 980px;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-repeat: repeat;
background-position: center center;
background-color: #FFFEE8;
text-align: center;
.DARKGRAYFONT {
font-family: "Felix Titling", "Engravers MT";
font-size: large;
font-style: normal;
text-transform: capitalize;
color: #333;
#FOOTER {
padding: 0px;
height: 150px;
min-height:150px;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-image: url(../Graphics/MORGAN%27S%20PIC.jpg);
background-repeat: repeat;
width: 980px;
GREENFONT {
color: #6C6;
GREENFONT {
color: #696;
.GREENFONT {
color: #6C6;
.PINKFONT {
color: #F0F;
.BLUEFONT {
color: #00F;
#CONTAINER #HOLDER #LOWERPAGECONTENT a {
color: #000;
a {text-decoration:none}
a:link {
color: #999;
text-decoration: none;
a:visited {
text-decoration: none;
a:hover {
text-decoration: underline;
a:active {
text-decoration: none;
Nancy O.

Similar Messages

Slideshow Spry won't show up in browser

Hello,
I've been trying to add a slideshow to a page and it will show up in the live preview but not in the browser. I've tried two different spry slideshow widgets and have had the same issue with both. I've read through many other discussions here on this problem but none of the solutions discussed have fixed it. I've tried changing the link to the main js file to an absolute link directly to Adobe but then I just get a javascript error when I try to open the page (http://www.ecs.org/html/aboutECS/AwardsWinners-TEST.htm). Right now the image are just showing up as bullets.
Here is the code for the page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>ECS Award Winners</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic|Open+Sans:400,400italic,600,600italic,700,700italic|Yanone+Kaffeesatz:200,300,400,700' rel='stylesheet' type='text/css'>
<link href="../../css/IssueStyles.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></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/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css">
<link href="Spry-UI-1.7/css/SpryImageSlideShow.css" rel="stylesheet" type="text/css">
<style type="text/css">
/* BeginOAWidget_Instance_2141542: #ImageSlideShow */
#ImageSlideShow.ImageSlideShow {
    width: 662px;
    height: 432px;
    border: solid 1px #000000;
#ImageSlideShow .ISSClip {
    background-color: #000000;
/* EndOAWidget_Instance_2141542 */
</style>
<script type="text/xml">

</script>
</head>
<body>

<table width="1100" border="0" cellspacing="7">
<tr align="center" valign="middle">
    <td height="30" colspan="2" align="left">
      <span class="pathDarkBlueBig">ECS Award Winners</span>
    </td>
</tr>
<tr>
    <td width="200" align="left" valign="top"></td>
    <td width="81%" valign="top"><table width="100%" border="0">
      <tr>
        <td><ul id="ImageSlideShow">
          <li><a href="awards/photos/kolderie.jpg"><img src="awards/photos/thumbnails/kolderie.jpg" alt="" /></a></li>
          <li><a href="awards/photos/ecs-0260.jpg"><img src="awards/photos/thumbnails/ecs-0260.jpg" alt="" /></a></li>
          <li><a href="awards/photos/ecs-0266.jpg"><img src="awards/photos/thumbnails/ecs-0266.jpg" alt="" /></a></li>
          <li><a href="awards/photos/exxon-award.jpg"><img src="awards/photos/thumbnails/exxon-award.jpg" alt="" /></a></li>
          <li><a href="awards/photos/new-england-award.jpg"><img src="awards/photos/thumbnails/new-england-award.jpg" alt="" /></a></li>
        </ul>
          <script type="text/javascript">
// BeginOAWidget_Instance_2141542: #ImageSlideShow
var ImageSlideShow = new Spry.Widget.ImageSlideShow("#ImageSlideShow", {
    widgetID: "ImageSlideShow",
    injectionType: "replace",
    autoPlay: true,
    displayInterval: 4000,
    transitionDuration: 2000,
    componentOrder: ["view", "controls"],
    plugIns: [ ]
// EndOAWidget_Instance_2141542
          </script></td>
      </tr>
    </table>
<<< --- deleted all the other code for the collabsible panels here -- >>>

<script type="text/javascript">
var CollapsiblePanel17 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel17", {contentIsOpen:false});
var CollapsiblePanel18 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel18", {contentIsOpen:false});
var CollapsiblePanel19 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel19", {contentIsOpen:false});
var CollapsiblePanel20 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel20", {contentIsOpen:false});
var CollapsiblePanel22 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel22", {contentIsOpen:false});
</script>
</body>
</html>
Thank you to anyone who can help me figure this out.

None of the below javascript files found on your server which you include in your code:
http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryDOMUtils.js
http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryDOMEffects.j s
http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryWidget.js
http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryPanelSet.js
http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryFadingPanels .js
http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryImageLoader. js
http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryImageSlideSh ow.js
Post working link for above javascript file

Images won't show up in browser

Hi everyone,
I am working on publishing my first website, which is also my porfolio. For some reason all the image links are broken or something? I have gone into dreamweaver and tried re-linking them, but they still aren't showing up? I have no idea how to fix this, and your help would be greatly appreciated.
Currently i have the first page uploaded: www.meganpowell.ca
Thanks
Megan

Hi Megan,
Your code has some critical errors that need fixing and you haven't uploaded images to your server yet.
On line 44 of code view, change all this:
</head>
<div id="main icon"><a href="Home Page2.html"><img src="pictures1/Home page icon.jpg" width="600" height="540" align="right" /></a></div>
<body leftmargin="100 px" topmargin="100 px" marginwidth="100 px" marginheight="100 px">
to just this:
</head>
<body>
<div id="main icon"><a href="HomePage2.html"><img src="pictures1/Homepageicon.jpg" width="600" height="540"></a></div>
IMPORTANT! Don't use spaces in your folder, file or image names because they don't translate well on the web. You can use hyphens or underscores between words but not spaces or any other special characters.
Nancy O.

The background img is not showing

the body background is not here with firefox, but it appear on internet explore;
<body background="http://www.setseries.org/global.jpg">

That image (http://www.setseries<i></i>.org/global.jpg) doesn't exist and I'm not seeing it either on the www.setseries<i></i>.org site.
Where do you have that problem?

Media Browser won't show some textures that are right there by the rest?

Hello, ever since the upgrade to Studio the Media browser will not see 4 and a half categories of Textures. Noise thru Urban won't show in Media browser menu? Tried moving the files and used LiveType preferences but that didn't work either. They are on my Primary drive so that isn't the problem. All the rest of them work fine. They are in the exact same place as the working files. Anybody have an answer? Thank you. Daniel

See the reply under Where are the Effects? I copied the files from my laptop and installed them on my G5. Now it all works! How simple is that? They should have installed from the discs however, but they don't. Hope this helps.

I want to save an instrument I created in GB 5.0.2, but it won't show up in

It won't show up in the menu. I get this error:
You have chosen not to show your own settings. If you save the file now it won't show in the browser unless you change your view options in the Track Info window.
Pretty annoying - I didn't "chose" to not show my settings....
Help!

Pretty annoying - I didn't "chose" to not show my settings....
you selected something other than "show all" in the popUp menu over the presets list

Homemade Apple Loops (w/Loops Utility) won't show up in Loop Browser

I just finished making a whole batch of homemade Apple Loops. Through Logic I opened up each audio file in the Apple Loops Utility, marked its tempo, marked "Looped" and then did the transients window to make sure it sounded good, then did "Save" or "Save All" from the Apple Loops Utility task tray.
I then dumped that folder full of custom loops into my loop browser for catalog'ing, but for some reason only about 10 of them show up when I click "All" to see all the loops in that folder.
So I re-opened the entire batch in Apple Loops Utility and made tiny changes to each loop's transients, just enough to trigger the dot next to the loop that means "you need to save these changes" - and I resaved the entire batch.
Tried the add-to-loop-browser process again, and again, only those initial 10 loops showed up in the browser again. The remaining 190 won't pop up.
I can't figure out what's missing or what I did wrong. Any ideas?
Kirby

FIXED!
If you run into this same problem:
In order for your homemade loops to show up in Logic's Loop Browser, when in the Apple Loops Utility you need to select at least one "Descriptor" - if you don't, the loop won't appear in the browser. Even if you don't need a Descriptor, just batch-select all of your loops in the tray and then pick 1 Descriptor, resave, and re-drop into Apple's Loop Browser.
Kirby

CSS- Background img not showing up in container

Hello, I am new to css but not to webpages. I used to design
pages using tables and now I want to learn and design using css.
But I'm having trouble and I figure its a quick fix. Note this
website is not on line I am doing my test use IE 7 and Firefox ver
2 PC Ver.
Q: I'm trying to design a website for a client and I am have
trouble try to get my background img to show up in my #container.
Here is sample of my basic layout. Hope some could help me.
@charset "utf-8";
body {
background-color: #271a0b;
background-image: url(../images/bgStrip.gif);
background-repeat: repeat-x;
#container {
width: 100%;
height: 900px;
overflow: hidden;
background-image: url(/images/backGround.jpg);
background-repeat: no-repeat;
background-position: 0;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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>
<link href="asset/screen.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<div id="container">Content for id
"container" Goes Here</div>
</body>
</html>
body background is working. Note: Got the codes samples from
CSS Cookbook, good book learning allot but can't seem to get it to
work. Hope some could help me.

If the page in question is one level below the root of the
site, and if the
images folder is at the same level as the root of the site,
then both links
would be correct.
Also, since background-position defaults to "0", there's no
reason to
restate 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
==================
"Virginia Carter" <[email protected]>
wrote in message
news:[email protected]...
> Without seeing the page on the web, it's somewhat
difficult to see exactly
> where the problem is, but this is curious:
>
> body {
> background-color: #271a0b;
> background-image: url(../images/bgStrip.gif);
> background-repeat: repeat-x;
> }
>
> #container {
> width: 100%;
> height: 900px;
> overflow: hidden;
> background-image: url(/images/backGround.jpg);
background-repeat:
> no-repeat;
> background-position: 0;
> }
>
> It's looking in two different places for those images:
>
> ../images and /images
>
> Check that and then see if you still have troubles.
>
> --
>
> Virginia Carter
> Carolina Web Creations
> ======================
> www.carolinawebcreations.biz
>
> borgru12 wrote:
>> Hello, I am new to css but not to webpages. I used
to design pages using
>> tables and now I want to learn and design using css.
But I'm having
>> trouble and I figure its a quick fix. Note this
website is not on line I
>> am doing my test use IE 7 and Firefox ver 2 PC Ver.
>>
>> Q: I'm trying to design a website for a client and I
am have trouble try
>> to get my background img to show up in my
#container. Here is sample of
>> my basic layout. Hope some could help me.
>> @charset "utf-8";
>>
>> body {
>> background-color: #271a0b;
>> background-image: url(../images/bgStrip.gif);
>> background-repeat: repeat-x;
>> }
>>
>> #container {
>> width: 100%;
>> height: 900px;
>> overflow: hidden;
>> background-image: url(/images/backGround.jpg);
background-repeat:
>> no-repeat;
>> background-position: 0;
>> }
>>
>>
>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
>> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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>
>>
>> <link href="asset/screen.css" rel="stylesheet"
type="text/css" />
>> </head>
>>
>> <body> <div id="container">Content for
id 'container' Goes Here</div>
>>
>> </body>
>> </html>
>>
>>
>> body background is working. Note: Got the codes
samples from CSS
>> Cookbook, good book learning allot but can't seem to
get it to work. Hope
>> some could help me.
>>

Itunes browser window won't show on mac

Since yesterday the jukebox browser window in itunes for mac won't open or show. I had version 8.01 installed. The mini browser window does show. I've tried deleting and reinstalling itunes but it still won't show. I've also tried altering preferences. this is in the administrator account, and I can still get itunes to work OK in other accounts. It seems that itunes is working otherwise, but as a result I can't access the itunes store or choose music. I'm concerned that I can't synch my ipod and iphone properly as I can't see what might be happening.

I'm an Apple Authorized Service Provider and just had a customer with the same issue (which is how I found this post). After much troubleshooting including deleting preferences and creating test user accounts, the problem was as simple as can be. The iTunes window was open the whole time, but was dragged all the way to the lower right hand corner of the display and out of sight. Select Window->Minimize and you should see the Browser window move from whereever it's hiding into the dock. Then click on the window in the dock and you'll see it move back to it's hiding spot. Just drag it to the center of the screen and you're done!

CS4 background-image doesn't show in browser

ok...I have cs4...
the CSS is:
body {
    background-image: url(/Assets/qlogoBKGlt.gif);
    background-repeat: no-repeat;
    background-color: #fff;
IT SHOWS UP in the DESIGN window of DW. It won't show up in Firefox or Safari...most up-to-date versions.
The line of code in the html file is:
<body>
The header 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="styles/style.css" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="favicon.gif" type="image/gif" / >
* Proof that the background image is there:
http://www.solterrasolarcells.com/staging/Assets/qlogoBKGlt.gif
* THE HTML page that should be displaying this:
http://www.solterrasolarcells.com/staging/index.html
* The CSS STYLE SHEET:
http://www.solterrasolarcells.com/staging/styles/style.css
Can someone tell me what I am doing wrong?
Thanks, -bill

The path in the CSS is wrong.
You're thinking that the index.html file is in the root directory of this beta site hence the root relative reference in the CSS.
However, as far as the server is concerned, the root directory (where the index file is located) of this beta site is in a subfolder called "staging".
http://www.solterrasolarcells.com/staging/index.html
The CSS in the body selector for the background is pointing to /Assets/qlogoBKGlt.gif.
The full address of that path is http://www.solterrasolarcells.com/Assets/qlogoBKGlt.gif but the Assets folder does not exist at root level on the server, hence no image appears.
So for a root-relative path, you need to prefix the CSS with the "staging" folder
i.e.
body {
    background-image: url(/staging/Assets/qlogoBKGlt.gif);
    background-repeat: no-repeat;
    background-color: #fff;
or for a document-relative path from the "styles" folder where the CSS file is located, go up a level:
body {
    background-image: url(../Assets/qlogoBKGlt.gif);
    background-repeat: no-repeat;
    background-color: #fff;
When the site goes live, the "staging" folder will presumably disappear (all files will come up a level) and therefore any root relative links will have to be altered to reflect that.

Spry Menu Bar Submenu won't show in Safari or Dreamweaver LiveView

I am trying to get my submenu to show up on my website's spry menu bar. It will show up when I test the site using firefox or IE but it won't show when I try LiveView in Dreamweaver or when I test using Safari. The site is www.fuseut.com/fuse
Here are is the CSS for the menubar:
@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: default;      width: auto; } /* 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: 125px;      float: left;      font-family: "MS Serif", "New York", serif;      overflow: visible; } /* 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: 50;      cursor: default;      width: 7em;      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: 7em; } /* 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: 0;      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;      padding: 0.5em 0.75em;      color: #FFF;      text-decoration: none;      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;      text-align: center;      background-image: url(../menubgdefault.png); } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {      color: #FFF002;      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } /* 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 {      color: #FFF002;      text-decoration: underline;      font-weight: bold; } /******************************************************************************* 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%;      background-color: #999; } /* 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;           f\loat: left;           background: #FFF;      } }
And here is the HTML 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" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>FUSE UT</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<script type="text/javascript">

</script>
<meta name="Keywords" content="fuse ut utk university of tennessee tommy jervis avery howard ross rowland angie sessoms sga campaign elections" />
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="menubarparent" style="z-index: 20; position: absolute; overflow: visible;">
<div id="menubar" style="z-index: 10;">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="index.html">FUSE</a>      </li>
    <li><a href="senators.html" class="MenuBarItemSubmenu">Senators</a>
      <ul>
        <li><a href="#">Untitled Item</a></li>
      </ul>
    </li><li><a href="executive.html">Executive</a>      </li>
    <li><a href="policy.html">Policy</a></li>
    <li><a href="organizations.html">Organizations</a></li>
    <li><a href="bios.html" class="MenuBarItemSubmenu">Bios</a>
      <ul>
        <li><a href="#">Untitled Item</a></li>
      </ul>
    </li>
</ul>
</div>
</div>
<p>
<p>
<div id="apDiv1">
    <div id="apDiv4"></div>
    <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="265" wmode="transparent">
      <param name="movie" value="Components/CandidatesHomeSlideshow.swf" />
      <param name="quality" value="high" />
       <param name="wmode" value="transparent" />
      <param name="swfversion" value="6.0.65.0" />
      
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      
      
      <object type="application/x-shockwave-flash" data="Components/CandidatesHomeSlideshow.swf" width="550" height="265" wmode="transparent">
        
        <param name="quality" value="high" />
          <param name="wmode" value="transparent" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        
        <div>
          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
        
      </object>
      
    </object><div id="HomeEvents">
      <p> </p>
      <p> </p>
      <div id="EventsXML">
        <div spry:region="event2">
          <dl spry:repeatchildren="event2">
            <dt>{date}</dt>
            <dd>{title}</dd>
            <dd>{location}</dd>
          </dl>
        </div>
      </div>
    </div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<script type="text/javascript">

</script>
</body>
</html>
Sorry if it's something really basic...I'm a noob to web design.
Thanks!

Don't use reserved words in JS
var event = new Spry.Data.XMLDataSet("events.xml", "catalog/event", {sortOnLoad: "date", sortOrderOnLoad: "descending"});
event is such a reserved word. If you change this to event1 then all is well.
I hope this helps.
Ben

IPhoto suddenly won't show windows anymore, help, anyone?

Since I've been using Lion I expierence all kinds of problems. I regret updating ever since.
For example, my internet connection keep turning of every couple of minutes (while all other divices at home stay connected). My solution is to turn my wifi off, wait a while and than turn it on again. It's really poor when one uses the best iMac there is. But I guess that's Lion. I got used to it.
But my question:
iPhoto suddenly stopped working (at first it did work!). It does start, but it won't show any windows.
I've deleted the cache, restarted my iMac, no result.
It all began when I plugged in my iPhone.
Now I'm no longer able to backup my photo's anymore.
Can anyone help?
I've also tried cicking the icon while pressing alt and cmd, for more options, but it doesn't work...
Hopefully one of you know the solution!
Thx!
A.

Try trash the com.apple.iPhoto.plist file from the HD/Users/ Your Name / library / preferences folder.
(On 10.7: Hold the option (or alt) key while clicking on the Go menu in Finder to access the User Library)
(Remember you'll need to reset your User options afterwards. These include minor settings like the window colour and so on. Note: If you've moved your library you'll need to point iPhoto at it again.)
What's the plist file?
For new users: Every application on your Mac has an accompanying plist file. It records certain User choices. For instance, in your favourite Word Processor it remembers your choice of Default Font, on your Web Browser is remembers things like your choice of Home Page. It even recalls what windows you had open last if your app allows you to pick up from where you left off last. The iPhoto plist file remembers things like the location of the Library, your choice of background colour, whether you are running a Referenced or Managed Library, what preferences you have for autosplitting events and so on. Trashing the plist file forces the app to generate a new one on the next launch, and this restores things to the Factory Defaults. Hence, if you've changed any of these things you'll need to reset them. If you haven't, then no bother. Trashing the plist file is Mac troubleshooting 101.

Swf won't show in Chrome

Howdy,
I've published html+swf from flash cs5 and it won't show in Chrome. all is looking well in Firefox & IE though...
Here's the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>site_2</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
html, body { height:100%; background-color: #ffffff;}
body { margin:0, auto; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body>
<center>
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="850" height="567" id="site_2" align="middle" margin= 0, auto;>
<param name="movie" value="site_2.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="exactfit" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />

<object type="application/x-shockwave-flash" data="site_2.swf" width="850" height="567">
<param name="movie" value="site_2.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="exactfit" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />

<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>

</object>

</object>
</div>
</center>
</body>
</html>
thanks!

Seemed to work just fine when I tested the code (with my .swf). Tested in Chrome, FF, IE, Safari.
Does your Chrome have the Flash plugin?
But a couple of things..
quotes missing here:
margin= 0, auto;>
Seems like you are trying to scale to exact fit?
#flashContent { width:100%; height:100%; }
<param name="scale" value="exactfit" />
Won't work with pixel dimensions for the .swf:
width="850" height="567"
and <center> tag... set W/H params to 100% and remove <center> if you want to scale to exact fit 100% W and H
Best of luck!
Adninjastrator

CSS (some, not all) not showing up in browser, but fine in DW. Plus other desperate issues....

I would really appreciate any and all help I can get to solve these problems as I'm new to CSS/HTML (completely new) and have been attempting to code my design just well enough to get it uploaded and working as a site. Once I can atleast achieve this feat, I plan on completely converting to CSS. But for now, I need to get the site working and I really didn't want to come and bother all of you on here with my problems and have been procrastinating posting on here for absolutely ages now....but since I can't figure all of the messy-uppy ness going on on my own, I beg forgiveness for any of your time wasted on my problems .
Okay, so the "main" issue here is that I can see some(some, not all) CSS on DW, but I see NONE whatsoever when I go to preview in browser, same after uploading. I do have all of the files uploaded and placed in the correct directories, including the stylesheet, and images folder. But, nope, nada. Now, I did think this was a root/directory problem, maybe the url's weren't pointing to the right directories. I checked and attempted to fix this several times and any changes made no difference. Also, uploaded to the root of my site, where all files and folders are where they should be, yet no change. I am utterly clueless as to what is going on here....
Second: Padding, or margins added through CSS for the divs is simply not working in DW or otherwise. I have padding placed on all of the content type areas with writing/content in them and despite the fact that the changes to the font/text formatting I've made show up, the padding does not. This is only in DW since no CSS whatsoever is showing out of DW anyways. I would like to know how to get the padding and the formatting, just all of the CSS in general to actually show up in browser/when uploaded.
Third: The next issue is also confusing, and this only occured after I made the page into a template and uploaded the home.htm page I created from it to my site. For some reason, the image called "../images/aurora2_14_content_marg.gif". Is appearing at the very top of the page for no reason at all. I don't understand why it is there, or how it even got up there in the first place.
Fourth: This was actually next on my list of things to figure out once I've gotten all of the above issues taken care of but since I'm still drawing a blank after 2+ weeks on how to get this done in a way that will work I guess it couldn't hurt to ask on here and get some expertise on the matter. The issue is that I have a repeating background (images/bg.png) that I want stretching downwards as I add content to the page. I have this placed as the main background for the entire site as you will be able to see in a moment through my code/site. Now, the place I want this to start is from where the aforementioned image (../images/aurora2_14_content_marg.gif) stops. However, I want the content to actually start from 20 pixels or so from the top of that very image. I want to try and achieve this through the use of margins but since the margins and padding are not showing up I hve been unable to experiment with it enough to figure out any other way to achieve this. Any suggestions on how to achieve this would be much appreciated.
Fifth (yes, unfortunately we're still going): As you may be able to see through the design I have two seperate areas for the main content and the navigation and other such items to be placed. To clarify, the content will be placed(through the use of expandable content boxes, once I figure out how to work that) beginning at the aforementioned image/td/div (../images/aurora2_14_content_marg.gif) with a bit of padding or margin from the top and sides (too pull the content towardsthe center of the site rather than all over from left to right like it is appearing now). The navigation etc will be placed where the long cyan area is under the search bar. For both of these, I cannot figure out how to split my one background image and also the content_marg.gif image into the two divs/or whatever else would work to split their contents from eachother. I think that seperating them into 2 divs with padding from the sides and eachother and seperate top paddings (I want the navigation to begin more near the top of the page than the content). The issue here is, I cannot figure out how to do this.
Any and all suggestions would be greatly appreciated. Also, any tips on how to achieve the code for the solutions provided would also be very much appreciated, as I am only just starting out coding.
The site/page:
http://aurora.comeze.com/home.htm
The stylesheet (style.css):
http://aurora.comeze.com/style.css
Like I mentioned above, all of this except the padding shows up in DW. Whereas, none of this shows up at all in browser view, or through the site.

Summary of issues #1 through #5:
Code errors galore:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Faurora.comeze.com%2Fhome.htm
Photoshop generated HTML.
20th century table based layout with endless spacer gifs.
START OVER
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
=========================
DW Starter Pages (CSS Layouts)
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
=========================
Taking a Fireworks (or Photoshop) comp to a CSS Layout in DW
Part 1 - Initial Design
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Part 2 - Markup preparation
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt2.html
Part 3 - Layout and CSS
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt3.html
========================
HTML & CSS Tutorials - http://w3schools.com/
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
========================
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Best of luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Photos won't show in Finder

I have a late 2013 13" MacBook Pro Retina using Yosemite.
In Finder, under pictures, my iPhoto library won't show pictures. It says there's 12GB of photos, but it won't show the photos. When I click on the iPhoto Library, it will open the iPhoto app and the photos will show, but again, it won't show pictures in Finder. I use to be able to see my photos in Finder.
It all started when I went to System Preferences and started clicking things under the Sharing tab.
After this, I noticed I wasn't able to see my photos in Finder. I followed another thread that said to: press control and click on iPhoto library, then click on Show Package Contents, then click on Original folder; however, when I did went through this process, I didn't have a folder that said Original, so I don't know what to do. Please Help me!!

What Finder window? Are these images in iPhoto?
There are many, many ways to access your files in iPhoto: You can use any Open / Attach / Browse dialogue. On the left there's a Media heading, your pics can be accessed there. Command-Click for selecting multiple pics.
Uploaded with plasq's Skitch!
(Note the above illustration is not a Finder Window. It's the dialogue you get when you go File -> Open)
You can access the Library from the New Message Window in Mail:
Uploaded with plasq's Skitch!
There's a similar option in Outlook and many, many other apps. If you use Apple's Mail, Entourage, AOL or Eudora you can email from within iPhoto.
If you use a Cocoa-based Browser such as Safari, you can drag the pics from the iPhoto Window to the Attach window in the browser.
If you want to access the files with iPhoto not running:
For users of 10.6 and later: You can download a free Services component from MacOSXAutomation which will give you access to the iPhoto Library from your Services Menu.
Using the Services Preference Pane you can even create a keyboard shortcut for it.
For Users of 10.4 and 10.5 Create a Media Browser using Automator (takes about 10 seconds) or use this free utility Karelia iMedia Browser
Other options include:
Drag and Drop: Drag a photo from the iPhoto Window to the desktop, there iPhoto will make a full-sized copy of the pic.
File -> Export: Select the files in the iPhoto Window and go File -> Export. The dialogue will give you various options, including altering the format, naming the files and changing the size. Again, producing a copy.
Show File: a. On iPhoto 09 and earlier: Right- (or Control-) Click on a pic and in the resulting dialogue choose 'Show File'. A Finder window will pop open with the file already selected. 3.b.
b: On iPhoto 11 and later: Select one of the affected photos in the iPhoto Window and go File -> Reveal in Finder -> Original. A Finder window will pop open with the file already selected.

Background IMG won't show up in browser IEXPLORE

Similar Messages

Maybe you are looking for