AP div background image hiding

I've created an AP div, then used a jpeg for the background
image. I placed other AP divs above the background that hold other
graphics (linked buttons)
On my computer, both in Explorer and Firefox, the background
image is visable. I have tested it at several other locations and
all is fine, HOWEVER, on the client's computer the divs with the
background don't appear. I tried the site in Explorer and
Firefox...no go.
Suggestions?
http://www.doctormasters.com
Thanks - David Bird

A warning has been posted here many times about using AP divs
as an
exclusive layout method, yet that's what you have done here.
This will
cause you grief, you know? Here's the right way to think
about your page
and its layout -
http://apptools.com/examples/pagelayout101.php
What browser is your client using?
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
==================
"mobirdman" <[email protected]> wrote in
message
news:fkbbfp$42r$[email protected]..
> I've created an AP div, then used a jpeg for the
background image. I
> placed
> other AP divs above the background that hold other
graphics (linked
> buttons)
>
> On my computer, both in Explorer and Firefox, the
background image is
> visable.
> I have tested it at several other locations and all is
fine, HOWEVER, on
> the
> client's computer the divs with the background don't
appear. I tried the
> site
> in Explorer and Firefox...no go.
>
> Suggestions?
http://www.doctormasters.com
>
> Thanks - David Bird
>

Similar Messages

  • DIV Background image not displaying in FF

    Hi!
    I'm building a floated 3 column DIV layout with a wrapper to center the DIVs. I put a background image in the wrapper to give the appearance of the columns stretching to the bottom of the layout. It displays in IE, but not in FF.
    If I give the wrapper a height, the background image shows, but I want the layout to expand as I enter content. My code is below.
    I must be missing something. Any tips?
    CSS:
    #left {
    float: left;
    width: 200px;
    #middle{
    float: left;
    width: 200px;
    #right {
    float: left;
    width: 200px;
    #footer {
    background-color: #316262;
    float: left;
    width: 600px;
    clear: both;
    #wrapper {
    width: 600px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(images/bkg_css_layout.gif);
    BODY CODE:
    <div id="wrapper">
        <div id="left">Content for "left" Goes Here</div>
        <div id="middle"> Content for"middle" Goes Here </div>
        <div id="right">Content for"right" Goes Here </div>
        <div id="footer">Content for "footer" Goes Here</div>
    </div>

    Turns out that I couldn't have a float on my footer with clear:both!
    FIXED! YEA!

  • Div Background image clipping

    Hi guys,
    I have a div on my page which I am using as the main body,
    and i set the background colour as white, but then put a background
    image on (a gradient from gray to white). In design view this has
    the desired effect - i.e. it appears to be one long gradient, but
    when previewed in Firefox and IExplorer the top of the background
    image is clipped off. Any suggestions?
    Here is the relevent CSS code:

    > background-attachment: fixed;
    Remove this.
    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
    ==================
    "NWNN" <[email protected]> wrote in message
    news:fp7nje$nka$[email protected]..
    > Hi guys,
    > I have a div on my page which I am using as the main
    body, and i set the
    > background colour as white, but then put a background
    image on (a gradient
    > from
    > gray to white). In design view this has the desired
    effect - i.e. it
    > appears to
    > be one long gradient, but when previewed in Firefox and
    IExplorer the top
    > of
    > the background image is clipped off. Any suggestions?
    > Here is the relevent CSS code:
    >
    >
    > background-attachment: fixed;
    > background-color: #FFFFFF;
    > background-image: url(Images/background.png);
    > background-repeat: no-repeat;
    > background-position: center top;
    >

  • Pages from template not showing DIV background images

    Hi;
    I have a template with several DIVs that each contain a background image. When I create a new page from that template, the the background images are missing. The code for the new page shows absolute paths to the images while the template show relative paths.
    template code for header:
    .twoColFixLtHdr #header {
        padding: 0 10px 0 20px;
        height: 215px;
        background-image: url(../images/10banner.jpg);
    template based page code for header:
    .twoColFixLtHdr #header {
        padding: 0 10px 0 20px;
        height: 215px;
        background-image: url(file:///C|/Documents and Settings/patrick/My Documents/web sites/The Marketing Guy/images/10banner.jpg);
    I don't know if the path codes are relevant in this case, but why don't the background images appear ?
    Thanks;
    Pat

    background-image: url(file:///C|/Documents and Settings/patrick/My Documents/web sites/The Marketing Guy/images/10banner.jpg);
    You've got a path pointing to files on your local computer instead of your local site.
    Did you save new page as "somefilename.html" or is still "untitled"?
    Did you properly define your DW local site folder?
    Creating  your first website in DW CS4 -
    http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt1.html
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Wrapper div background image won't appear in browser...

    Hi All,
    Here's a link to the test site:
    http://www.davidcoshdesign.com/test/tee
    If you go to 'About' – top right nav, there should be two vertical 'lines' running all the way down the page(s), either side of the main body copy. 
    All the pages are created from the same template.
    It's a repeating background image in the #wrapper div.  I can see it DW, but not in any browsers.
    I guess it's not linking somehow... but can't figurte it out.
    Also, the layouts on the 'Partners and 'Philosophy' pages 'jump' when you go to them.  Again, I guess there's an error in the code somewhere...
    Any help with these two things would be very much appreciated.
    RP

    Change this -
    #wrapper {
        background-repeat: repeat;
        background-image: url(assets/images/columnedge.jpg);
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        line-height: 19px;
        font-weight: normal;
        color: #999;
        text-decoration: none;
        width: 980px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        height: auto;
    to this -
    #wrapper {
        background-repeat: repeat;
        background-image: url(assets/images/columnedge.jpg);
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        line-height: 19px;
        font-weight: normal;
        color: #999;
        text-decoration: none;
        width: 980px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        height: auto;
       overflow:hidden;
    You need to clear the floats so that div#wrapper will contain the contents.  To fix the jumping, add this to your CSS -
    html { overflow-y:scroll; }

  • Div background images moving in template

    I am using a "stock" css layout (from Dreamweaver). I have a
    header div with an image placed in it with text on top. I have made
    some content text editable on other parts of the page, however when
    I make the page a template the image placed in the div disappears.
    I checked the code, and the .jpg is still listed. Any ideas or
    suggestions on how to fix this would be appreciated!

    Line 30?
    Can you upload the page and post a link instead?
    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
    ==================
    "VIPGuilford" <[email protected]> wrote in
    message
    news:[email protected]...
    > Ok. here is the code. The reference to the image.jpg is
    on line 30. It was
    > placed as a background image in Header div in DW.
    > and the text was placed on top..thanks for your help
    everyone ( sorry for
    > all
    > the commenting in the code)
    >
    > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN"
    > "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    > <html xmlns="
    http://www.w3.org/1999/xhtml"><!--
    InstanceBegin
    > template="lesson01/Templates/qwerty.dwt"
    > codeOutsideHTMLIsLocked="false" -->
    > <head>
    > <meta http-equiv="Content-Type" content="text/html;
    charset=UTF-8" />
    > <!-- InstanceBeginEditable name="doctitle" -->
    > <title>Vacation Palace</title>
    > <!-- InstanceEndEditable -->
    > <style type="text/css">
    > <!--
    > body {
    > font: 100% Verdana, Arial, Helvetica, sans-serif;
    > background: #FFFFFF;
    > margin: 0; /* it's good practice to zero the margin and
    padding of the
    > body
    > element to account for differing browser defaults */
    > padding: 0;
    > text-align: center; /* this centers the container in IE
    5* browsers. The
    > text
    > is then set to the left aligned default in the
    #container selector */
    > color: #000000;
    > }
    > .twoColFixLtHdr #container {
    > width: 780px; /* using 20px less than a full 800px width
    allows for
    > browser
    > chrome and avoids a horizontal scroll bar */
    > background: #FFFFFF;
    > margin: 0 auto; /* the auto margins (in conjunction with
    a width) center
    > the
    > page */
    > border: 1px solid #000000;
    > text-align: left; /* this overrides the text-align:
    center on the body
    > element. */
    > }
    > .twoColFixLtHdr #header {
    > padding: 0 10px 0 20px; /* this padding matches the left
    alignment of
    > the
    > elements in the divs that appear beneath it. If an image
    is used in the
    > #header
    > instead of text, you may want to remove the padding. */
    > background-color: #FFFFFF;
    > background-repeat: no-repeat;
    > background-position: 0px;
    > background-image: url(file:///Macintosh
    >
    HD/Users/davidwasserboehr/Desktop/lesson01/images/cloud_header.jpg);
    > }

  • Not seeing div background image in Dreamweaver! Why?

    I'm not seeing div backgrounds in Dreamweaver! When I load the files onto my server I can see them in my browser! But I'm not seeing them in Dreamweaver. Here's my code on my .aspx pg:
    <link href="styles/styles.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="container">
        <div id="hdr">
        </div><!-- end "hdr" div -->
    </div><!-- end "container" div -->
    </body>
    And here's a link to the web page on my server:
    http://amcenergy.com/ee_site1/index.aspx
    I need to put text on top of the div's background image, but it's kinda hard if I can't see the background image in Dreamweaver.
    Hope someone can help!
    Thanks so much!!

    Horizontal-align is not a valid CSS property.
    http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Famce nergy.com%2Fee_site1%2Findex.aspx
    Try removing it.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Div Background Image...Resize To Fit Browser Window...???

    [b]hello again[/b]...
    I would like to have a background image (.jpg) automatically resize to fit any browser's window...& I read somewhere on the web it should be accomplished by placing the image in a layer (as a background image); & then set the layer size to 100%.
    can someone please tell me how the coding goes for this...?
    [or...if that [i]is[/i] in fact the correct approach?  I don't care if it's html or css...I just want it to work.  (&...I'm starting off w/ a larger image (so resolution doesn't get lost when going bigger)]
    thanks very much,
    [b]mark4man[/b]
    btw - I should add that it's the image's [i]WIDTH[/i] I'm interested in resizing...while it's aspect ration remains in tact.

    http://css-tricks.com/how-to-resizeable-background-image/
    For the record, I'm not a big fan of huge background images on web pages. They take forever to load on slow connections.  And some mobile devices won't display them at all. So all that weight just for eye candy is kind of a waste IMO.
    I think the safest, most practical way to achieve backgrounds that fill available viewport is to use a small, seemless tile and repeat horizontally, vertically or both.
    More on background-images:
    http://alt-web.com/Backgrounds.shtml
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Help Me!! Re: Using A background image In my DWT Header

    Hello,
    I have tried posting several messages regarding this issue but not sure if I am explaining my dilemma properly. So here we go, here is the link to my Generic Template page which I converted to an html to enable you to view it. (http://bridgestoprosperity.org/Templates/General.htm). Now what I am trying to do is use the image that is currently in the header as a background image , BUT i cannot figure out how to insert it as a div background image. Then once I fugure that out I am hoping there is a script that will be able to dynamically insert the page title for each page as it's opened. The title needs to be placed on the right hand side of header ABOVE the words Bridges to Prosperity USA over the background image.
    Because this is the main template for our entire site i am hoping that once I figure this out, I can just save all the new changes to the template and be done with it and from then on when I create a new page from template because it will hopefully have some code in it where it calls the Title of the page from some script that I will no longer have to create headers with embedded (non searchable) Page titles for EACH AND EVERY ONE OF OUR OVER 750 PAGES.......
    YIKES, PLEASE HELP, AND I WOULD BE FOREVER IN YOUR DEBT IF YOU COULD ACTUALLY INCLUDE CODE IN YOUR RESPONSE AND EXPLAIN EXACTLY WHERE TO PUT IT OR WHAT TO REMOVE AND WHAT TO PASTE. THE MORE DETAILED THE BETTER CAUSE I AM VERY NEW TO ALL OF THIS.
    I really appreciate it,
    Allan

    Your mistake is to drawImage and then call super.paintComponent, which paints over the image you have drawn. That's not what I said, re-read my earlier response.protected void paintComponent (Graphics g) {
       super.paintComponent(g);
       g.drawImage(icon.getImage(), 0, 0, null);
       //super.paintComponent(g);
    }I would also advise against calling icon.getImage inside the paintComponent, make a Image instance field and call the method once to store a reference to the Image.
    paintComponent is called many times during resize / move operations, and should be as lean as possible.
    db
    edit To post code, use the code tags -- [code]Your Code[/code]will display asYour CodeOr use the code button above the editing area and paste your code between the tags it generates.
    Edited by: Darryl.Burke

  • Different background image (div) on each page of site complicated by template

    Hope I can explain this:  Below are specifics
    - Using Dreamweaver cs5.5
    - Making the pages from a template.
    - Each page will have a different backround image; but the image is contained in a div tag (div name is .mainbackground) which runs behind the main core of the site, the image is not in the <body>
    - The div .mainbackground is EDITABLE
    - I have already made a specific css class to assign to that div on each page so that the image is different on each page.
    - On the template page the div .mainbackground has no image class assigned to it (thus no background image)
    - Since that div is editable I can then go into each page and assign the desired image class to it - works great.  EXCEPT...... & here's my main question:
    -  In the code all of the other regions are contained IN that above mentioned div of .mainbackground SO that means that:
    - if I need to update the structure of the pages I will have to remove the Editable region that controls the background image which would be -  removing the .mainbackround editable region.  Then go back to my template, make changes and save everything - thus all the changes will carry through to my other pages.  This is good and bad because I would get all the structural changes but I would also loose all of the text specific to those pages.
    -Then when I'm finished I would have to go back and first add an editable region back to the .mainbackground class and then re-apply the background classes back to the .mainbackground to fix the images on the pages again...
    The site is very small site so I can deal with it but am I going about this all wrong?
    Is there some template feature I'm not getting?  I would like to keep using the template feature, and i do want a different pic on each page.....
    I have attached a picture showing one page so you can see the background image - which will be different on each page.

    If your Template has embedded CSS within the <head> tags, and the <head> has an editable region defined, you should be able to change styles in child pages.
    TEMPLATE CODE:
    <head>
    <style type="text/css">
    .mainbackground { }
    </style>
    </head>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    CHILD PAGE CODE:
    <head>
    <style type="text/css">
    .mainbackground {
    background-image:url(page2-BG.jpg)
    </style>
    </head>
    Give it a try.
    Nancy O.

  • Background image fill div, text with padding

    I have a div set up with a width of 182px, and the padding is T:15 R:10 B:15 L:20. The text in the div works with these parameters, but when I add my background image (a bar of color) also 182px, it does not fill the div, only about 75% of it. I'm learning as I go, so any advice would be appreciated.

    gregjb wrote:
    I have a div set up with a width of 182px, and the padding is T:15 R:10 B:15 L:20. The text in the div works with these parameters, but when I add my background image (a bar of color) also 182px, it does not fill the div, only about 75% of it. I'm learning as I go, so any advice would be appreciated.
    Padding is added to the dimensions of the <div>. So your <div> is really 182px wide plus padding left and right 30px = 212px
    So your background image needs to also be 212px wide.
    HOWEVER if you do want your <div> to only be 182px wide set its width to 152px wide to take into account the padding.

  • Why aren't my CSS and div tag boxes displaying the background images I'm plugging in?

    I'm using the CSS dialog boxes to places images via the background image option into my dreamweaver site. Everything looks fine in dreamweaver but when I view it any of the browsers, two of the images I've place as div tag background images don't work....the overal background image of the site works, but these don't show up ....
    here's my code if it helps to answer
    <!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>Main</title>
    <style type="text/css">
    body {
    background-image: url(images/realgrade.jpg);
    background-repeat: repeat-x;
    text-align: center;
    html, body {
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 25px;
    #wrapper {
    width: 930px;
    text-align: left;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    position: relative;
    background-image: url(file:///Macintosh%20HD/Users/jimmymoreira/Unnamed%20Site%204/images/possible%20image. jpg);
    background-repeat: no-repeat;
    #header {
    height: 192px;
    width: 237px;
    background-image: url(images/logo_fill.jpg);
    background-repeat: no-repeat;
    position: absolute;
    left: 35px;
    top: -25px;
    #mainNav {
    background-color: #33F;
    height: 200px;
    width: 272px;
    float: left;
    margin-top: 233px;
    #maincontent {
    height: 600px;
    width: 608px;
    float: right;
    margin-bottom: 45px;
    padding-right: 25px;
    background-repeat: no-repeat;
    background-position: center 270px;
    background-image: url(file:///Macintosh%20HD/Users/jimmymoreira/Unnamed%20Site%204/images/opaqueMaincontent .png);
    #sidebar {
    background-color: #F36;
    height: 250px;
    width: 272px;
    clear: left;
    float: left;
    #footer {
    height: 525px;
    width: 870px;
    clear: both;
    padding-top: 45px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    background-image: url(images/footer_image.jpg);
    background-repeat: no-repeat;
    margin-top: 45px;
    </style>
    </head>
    <body>
    <div id="wrapper">
      <div id="header">
        <p> </p>
        <p> </p>
        <p> </p>
      </div>
      <div id="mainNav">
    <p> </p>
    </div>
      <div id="maincontent"></div>
      <div id="sidebar"></div>
      <div id="footer"></div>
    </div>
    </body>
    </html>
    here's what I'm going for
    here's what I'm getting in the browser
    Please help!

    Your image files are pointing to your hard drive, not your server.  You have this
    background-image: url(file:///Macintosh%20HD/Users/jimmymoreira/Unnamed%20Site%204/imag es/opaqueMaincontent.png);
    and you should have this
    background-image: url(imag es/opaqueMaincontent.png);
    Also, is your images file named imag es?
    Gary

  • Background image in a div?

    I know how to use css to place a background image inside a
    div. However, I would like that image to be contextual, and be
    differrent depending what the current page is. As an hypothetical
    example, I would like a non-repeating background image of an apple
    inside <div class="content"> when the page apples.html is
    open, but then an image of a banana would be the background image
    inside <div class="content"> for bananas.html.
    If there is a way to place background images on the fly,
    directly in the html, that would be the better solution for this
    novice.
    Thanks for any help!
    r

    Do it this way -
    <style type="text/css">
    div.content { background-repeat:no-repeat; }
    #apples div.content {
    background-image:url(/images/apple.jpg); }
    #banana div.content {
    background-image:url(/images/banana.jpg); }
    </style>
    (put this in the head of each page (or put the rules into a
    site-wide
    external stylesheet)
    Now, on the apples page, change this -
    <body>
    to this -
    <body id="apples">
    and on the bananas page, change it to this -
    <body id="bananas">
    Get 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
    ==================
    "Sbisa" <[email protected]> wrote in message
    news:ffqvhs$5q6$[email protected]..
    > Thank you!
    >
    > I will give it a try. I am googling for tutorials on
    this, but if anyone
    > has one in their pocket that they could share, much
    appreciated.
    >
    > r

  • I need help Centering a div box to a background image using dreamweaver cs5.5.

    I need help Centering a div box to a background image using dreamweaver cs5.5. Everything shift left when viewing on different size monitors?  See what I mean at
    www.woodlandhospice.com

    Have you looked at your page with images disabled?
    I urge you to re-think this approach to web design because images of text are not indexed by search engines, screen readers or translators.  Given the demographic group your site is targeting, you really need to ensure maximum web accessibility for all users.
    Navigation, headings and descriptions all need to be in real text -- not images of text.
    Ken is right.  Absolute positioning is pure poison for such a simple layout.  My advice is to start over with one of the pre-built Starter Pages in DW.  Go to File > New > Blank page > HTML.  Select a layout from the 3rd column and hit CREATE button.
    Nancy O.

  • Changing background Image of a DIV on RO

    I am trying to figure out how to change the background image of a div upn Roll-Over (RO) from the users mouse.
    My search thus far has led me to javascript, but if any other ideas/method are known, i have no preference for any language.
    I have a horizontal menu w/ 3 divs and a single word centered inside each div. I wish to use each of these divs as buttons w/ RO effects.
    To do this i wanted to try and make it so upon roll,over the bg would be replaced with a modified version of the normal bg of the div's.
    css rules did not work, and i am trying JS now.
    Here are some snippets of code that i have writtin and made from sources i have found online but it still does not appear to work when i test in Firefox.
    Here is the addition to the <HEAD> part of my html page.
    <script src="../quirksmode.js"></script>
    <script type="text/javascript">
         function mouseover(id)
         document.getElementById(id).style.background="url('/images/objects/optionsBarADark.png') no-repeat";
         function mouseout(id)
         document.getElementById(id).style.background="url('/images/objects/optionsBarA.png') no-repeat";
    </script>
    and here is the code in the html page which is supposed to make the rollover casue the bg to change. (note that i have not added links to the text in the center of the divs yet)
         <div id="middleWrapper">     <!-- middle content wrapper -->
             <div id="contentMenu">          <!-- start of menu -->
                 <img class="contentMenuDividers" src="images/objects/optionsBarA.png" width="4" height="28" alt="option bar" /> <!-- filler -->
                <div class="contentMenuButtons" id="theID1" onmouseover="mouseover(theID1)" onmouseout="mouseout(theID1)">
                     <h1 class="contentMenuHeaders">projects</h1>
                </div>
                <img class="contentMenuDividers" src="images/objects/optionsBarA.png" width="4" height="28" alt="option bar" />  <!-- filler -->
            <div class="contentMenuButtons" id="theID2" onMouseOver="changeHeader(theID2,'1');" onMouseOut="changeHeader(theID2,'2');">
                     <h1 class="contentMenuHeaders">catalog</h1>
              </div>
                <img class="contentMenuDividers" src="images/objects/optionsBarA.png" width="4" height="28" alt="option bar" />  <!-- filler -->
                <div class="contentMenuButtons" id="theID3" onMouseOver="changeHeader(theID3,'1');" onMouseOut="changeHeader(theID3,'2');">
                     <h1 class="contentMenuHeaders">featured*</h1>
                </div>
                <img class="contentMenuDividers" src="images/objects/optionsBarA.png" width="4" height="28" alt="option bar" />  <!-- filler -->
            </div>
    and here is some css for the affected class. the a, and a:hover rules are left-over from when i had the text linked.
    .contentMenuButtons {
         float: left;
         height: 28px;
         width: 308px;
         background-image: url(../images/objects/optionsBarA.png);
         background-repeat: no-repeat;
         text-align: center;
         line-height: 27px;
    .contentMenuButtons a {
         color: #F9FBFB;
         text-decoration: none;
    .contentMenuButtons a:hover {
         color: #F9FBFB;
         text-decoration: none;
    if you need anything else from the code let me know, but this is everything i have added to try and get this to work.
    Any ideas?

    I agre with SnakEyez  :-)
    Your method seems to be the long way of doing a simple roll-over menu.
    Lots of examples here as well:
    Basic css menus: horizontal / vertical:
    http://css.maxdesign.com.au/listamatic/index.htm

Maybe you are looking for

  • Why is my mid 2007 iMac so slow now that I've loaded 10.9.4

    Why is my mid 2007 iMac so slow now that I've loaded 10.9.4? Everything seems to be slow. It was quick enough on 10.4. I now have wireless connection issues, and wired keyboard connection issues? 2.4 GHz Intel Core2 Duo, 4GB 667 Mhz DDR2 SDRAM

  • Character conversion in File Adapter leads to Mapping Error

    Hello experts, I have a problem with file encoding on the file sender adapter. The scenario I'm using just reads a flat file and maps each line of this file to an Idoc field. Normally this works perfect but from time to time we get files contaning th

  • Checkbox in a minus query

    Hello, I am trying to use the checkbox function in the following query to produce a report with a checkbox but it is not working correctly -- the query is fine, but does not work when I place the checkbox function within it: Select HTMLDB_ITEM.CHECKB

  • Syncing two macs: what will work without icloud?

    Hello. I'm considering buying a second mac, or finding a totally different solution. One of the key questions is: can i still sync two macs; or: what, if anything at all, will sync, what won't without using icloud (which is  totally out of the questi

  • Issue while Passing Values to Variable Dynamically in ODI

    Hi All, We are trying to pass values to ODI variable dynamically. The value passed is File path. We are successfully able to achieve this when we are passing the relative path i.e. '..\demo\xml' but while we are trying to pass the absolute path i.e.