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

Similar Messages

  • Why do I not see the background image with html5 boilerplate

    hello,
    I downloaded the html5 boilerplate
    And in the main.css I made this :
    body {
        font: 16px/26px Helvetica, Helvetica Neue, Arial;
        background-image: url(../img/background.jpg)
    and also in the normalize.css I set this :
    body {
        margin: 0;
        background-image: url(../img/background.jpg)
    But in IE10 I still do not see the background image.
    Can anyone tell me what I did wrong ?
    Roelof

    Hello
    You need to run your VI once. Wire the Select Signals express VI to your DAQ Assistant and run the VI once (this allows the signal names to propegate).
    Check this forum:
    select signals
    Regards

  • 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

  • Not see the background images in the music player

    Hi all!
    Well I'll try to explain my problem in my best english
    I have an Ipod Touch 1G (Ver: 2.1), a MacBook (Mac OSX 1.5.5) and the latest itunes avaliable for donwload.
    The problem I have is that spent a lot of time adding an image to every song that I have in my music library but when I upload to the ipod it isn't shown in the music player.
    I try this things:
    - Reupload the song with de image
    - Asing an image over a song which already on the ipod yet
    - Using another PC with Windows XP and the latest version of itunes
    - Using different images for the same song, trying first one and then another one
    Some songs have an image but I think that songs are there long time ago.
    I hope I can explain my problem. Could you help me?
    thanks for all!

    Hi thanks for reply
    I can see the album art in the itunes if I go to get information about the file there is it (I´m trying now in windows becouse I don't have here the MacBook)
    I manually manage music so I uploaded one file which I can see their album art in itunes but when i play it in the iPod it doesn't show me the album art
    Later I try to open the file in the ipod from itunes and I can see the image as in my computer.
    I have apple care for the macbook but it seems a problem with the ipod. Don't you think?
    thanks for all!

  • 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.

  • Why am I not seeing my photo images in iphoto?

    When I open up iPhoto, I do not see the actual images of the photo..just a blank icon where the photo is.  Once I double click on the icon, it will appear.  What is happening here and how do I fix it so I can see the images displayed without having to click on them?

    Back up your iPhoto library, Depress and hold the option (alt) and command keys and launch iPhoto - rebuild your iPhoto library database
    If that does not fix it download iPhoto Library Manager - http://www.fatcatsoftware.com/iplm/ -  nad use its free rebuild command to create a totally new library leaving the existing one untouched
    LN

  • Using Background Image In Dreamweaver

    Good evening.
    I'm using a non-repeating, centered background image in Dreamweaver. But i'd like it to self-adjust its size depending upon what monitor size its viewing it.  Can someone provide some coding for help with this???
    Here's where i'm at thus far..
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link href="welcome10.css" rel="stylesheet" type="text/css" media="screen" />
    </head>
    <body style="background-color: #000; background-position: center top; background-repeat: no-repeat; background-image: url(images/girls-bg9.jpg); background-attachment: fixed;">
    <div id="wrapper">
              <div id="container">
        </div>
    </div>
    </body>
    </html>
    css -
    @charset "utf-8";
    /* CSS Document */
    #wrapper{
              width: auto;
              height: 1600px;
    #container {
              background-color: #FFF;
              height: 200px;
              margin-right: 100px;
              margin-left: 100px;
              margin-top: 100px;
    thanks guys, and gals...

    Background-size would do the trick, but keep in mind, most CSS3 does not function in IE9 (though this will), and won't at all in IE8 and down. If you need it to work in those browsers, the best way to do it would be with javascript. I've used the script available on this site with some success...
    http://louisremi.github.io/jquery.backgroundSize.js/demo/

  • Background image in Dreamweaver CS3

    When I set my background image in Dreamweaver it shows on the "Design", although when previewed on a browser it does not show. I've checked the directory and it seems fine. What is causing this?

    Modify-->Page Properties, Im using css but not for the page background. I tried previewing the page locally and I have tried it on the server. The entire site root folder was uploaded which has the background.

  • 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!

  • HTML Emails and background images in Dreamweaver

    Hello.  I created a HTML email in Dreamweaver.  The original design came out of Indesign and had very specific background art.  I removed all the text out of the Indesign and created a jpg.  I took this jpg in Photoship and sliced and optimized it.  I imported this HTML into Dreamweaver.  Here I need to add in all the text (which is variable).  I was originally thinking that you can only place background images with CSS.  But I was told that you should not use CSS for HTML emails.  So instead I left all the background art as normal images inside of a table.  At this point I need to add text over these images.  They only way I could figure out to do it was to add a div tag right over the image and type into there.  This seemed to work fine but when I tested it in some emails all the div tags with text showed up under the table with images.  This needed to display over.  What is the best way to handle this issue?  Thank you in advance.
    Melanie

    Sorry, but you cannot layer text over images in emails.  Simplify your design or make an image with text on it in Photoshop. Use absolute URLs to images on your web server. And give people who can't see graphics and HTML pages in their email client a link to the HTML page on your web server.
    How to Code HTML Emails
    http://www.sitepoint.com/article/code-html-email-newsletters/
    Chart showing how various email clients handle CSS.
    http://www.campaignmonitor.com/css/
    Download some HTML Email Templates from the links below to get started.
    Mail  Chimp
    http://www.mailchimp.com/resources/html_email_templates/
    Constant  Contact
    http://www.constantcontact.com/email-marketing/html-email-templates/index.jsp
    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; }

  • New CSS Rollovers not align same as Image Rollovers - Dreamweaver CC

    I have put together a test page replacing Javascript Image Rollovers for CSS Image Rollovers and the alignment of items in the 3 columns (DIVS) is not the same as when old style rollovers. I cannot seem to find the error in my CSS and would like another pair of eyes to see if I'm missing something. Here is the screenshot of new page from Firefox, followed by the CSS. Images are loading into #sidebar1 (left column), #sidebar2 (right column) and #MainContent. #MainContent seems off centered and #sidebar outside margins are different. Any help would be greatly appreciated.
    CSS:
    <style type="text/css">
    <!--
    body {
        font: 81.3% Verdana, Arial, Helvetica, sans-serif;
        background: #666666;
        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;
    .oneColFixCtrHdr #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. */
    .oneColFixCtrHdr #header {
        background: #DDDDDD;
        padding: 0;  /* 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. */
    .oneColFixCtrHdr #header h1 {
        margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
        padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    .oneColFixCtrHdr #mainContent {
        background: #FFFFFF;
        width: 200px;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0px;
    .oneColFixCtrHdr #sidebar1, #sidebar2, #mainContent {
        text-align: center;
        width: 200px;
        padding-top: 0px;
        padding-right: 30px;
        padding-bottom: 0;
        padding-left: 30px;
    .oneColFixCtrHdr #footer {
        padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
        background:#CFAF86;
        clear:both
    .teammembers #nav #teammembers a {
        color: #FFF;
    .oneColFixCtrHdr #memberdues {
        padding-right: 315px;
        padding-left: 315px;
    .oneColFixCtrHdr #footer p {
        margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
        padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
        text-align: center;
        letter-spacing: 4px;
    #container #nav {
        line-height: 2em;
        font-weight: normal;
        background-color: #CFAF86;
        text-align: center;
        margin: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 10px;
        list-style-type: none;
        padding-left: 10px;
    #container #nav li {
        font-weight: bold;
        display: inline;
        padding-top: 0px;
        padding-right: 10px;
        padding-bottom: 0px;
        padding-left: 10px;
    #container #nav li a {
        color: #000;
        text-decoration: none;
    #container #nav li a:hover {
        color: #FFF;
        text-decoration: none;
    .renegadestext {
        font-style: italic;
        font-weight: bold;
        color: #000;
    .oneColFixCtrHdr #AboveMainContent {
        padding-top: 0px;
        padding-right: 20px;
        padding-bottom: 0px;
        padding-left: 20px;
    .oneColFixCtrHdr #AboveMainContent h2 {
        text-align: center;
    .oneColFixCtrHdr #sidebar1 {
        background-color: #FFF;
        float: left;
        width: 200px;
    .oneColFixCtrHdr #sidebar2 {
        background-color: #FFF;
        float: right;
        width: 200px;
    #thomasbarber {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/thomas_barber.gif);
         background-repeat: no-repeat 0 0;
    #thomasbarber:hover {
        background-position: 0px -50px;
    #thomasbarber span {
        position: absolute;
        top: -999em;
    #janetbarber {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/janet_barber.gif);
         background-repeat: no-repeat 0 0;
    #janetbarber:hover {
        background-position: 0px -50px;
    #janetbarber span {
        position: absolute;
        top: -999em;
    #karenallen {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/karen_allen.gif);
         background-repeat: no-repeat 0 0;
    #karenallen:hover {
        background-position: 0px -50px;
    #karenallen span {
        position: absolute;
        top: -999em;
    #davidboudreaux {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/david_boudreaux.gif);
         background-repeat: no-repeat 0 0;
    #davidboudreaux:hover {
        background-position: 0px -50px;
    #davidboudreaux span {
        position: absolute;
        top: -999em;
    #melbahanna {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/melba_hanna.gif);
         background-repeat: no-repeat 0 0;
    #melbahanna:hover {
        background-position: 0px -50px;
    #melbahanna span {
        position: absolute;
        top: -999em;
    #kentunderwood {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/kent_underwood.gif);
         background-repeat: no-repeat 0 0;
    #kentunderwood:hover {
        background-position: 0px -50px;
    #kentunderwood span {
        position: absolute;
        top: -999em;
    #shawntrainor {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/shawn_trainor.gif);
         background-repeat: no-repeat 0 0;
    #shawntrainor:hover {
        background-position: 0px -50px;
    #shawntrainor span {
        position: absolute;
        top: -999em;
    #eddieokonski {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/eddie_okonski.gif);
         background-repeat: no-repeat 0 0;
    #eddieokonski:hover {
        background-position: 0px -50px;
    #eddieokonski span {
        position: absolute;
        top: -999em;
    #scotthartman {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/scott_hartman.gif);
         background-repeat: no-repeat 0 0;
    #scotthartman:hover {
        background-position: 0px -50px;
    #scotthartman span {
        position: absolute;
        top: -999em;
    #titoescobar {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/tito_escobar.gif);
         background-repeat: no-repeat 0 0;
    #titoescobar:hover {
        background-position: 0px -50px;
    #titoescobar span {
        position: absolute;
        top: -999em;
    #debbiehanna {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/debbie_hanna.gif);
         background-repeat: no-repeat 0 0;
    #debbiehanna:hover {
        background-position: 0px -50px;
    #debbiehanna span {
        position: absolute;
        top: -999em;
    #robertbarber {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/robert_barber.gif);
         background-repeat: no-repeat 0 0;
    #robertbarber:hover {
        background-position: 0px -50px;
    #robertbarber span {
        position: absolute;
        top: -999em;
    #gregallen {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/greg_allen.gif);
         background-repeat: no-repeat 0 0;
    #gregallen:hover {
        background-position: 0px -50px;
    #gregallen span {
        position: absolute;
        top: -999em;
    #johnmcclung {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/john_mcclung.gif);
         background-repeat: no-repeat 0 0;
    #johnmcclung:hover {
        background-position: 0px -50px;
    #johnmcclung span {
        position: absolute;
        top: -999em;
    #miketisdel {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/mike_tisdel.gif);
         background-repeat: no-repeat 0 0;
    #miketisdel:hover {
        background-position: 0px -50px;
    #miketisdel span {
        position: absolute;
        top: -999em;
    #butchhanna {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/butch_hanna.gif);
         background-repeat: no-repeat 0 0;
    #butchhanna:hover {
        background-position: 0px -50px;
    #butchhanna span {
        position: absolute;
        top: -999em;
    #kimberlyshepherd {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/kimberly_shepherd.gif);
         background-repeat: no-repeat 0 0;
    #kimberlyshepherd:hover {
        background-position: 0px -50px;
    #kimberlyshepherd span {
        position: absolute;
        top: -999em;
    #katrinabartkowiak {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/katrina_bartkowiak.gif);
         background-repeat: no-repeat 0 0;
    #katrinabartkowiak:hover {
        background-position: 0px -50px;
    #katrinabartkowiak span {
        position: absolute;
        top: -999em;
    #michelehartman {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/michele_hartman.gif);
         background-repeat: no-repeat 0 0;
    #michelehartman:hover {
        background-position: 0px -50px;
    #michelehartman span {
        position: absolute;
        top: -999em;
    #aliciaallen {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/alicia_allen.gif);
         background-repeat: no-repeat 0 0;
    #aliciaallen:hover {
        background-position: 0px -50px;
    #aliciaallen span {
        position: absolute;
        top: -999em;
    #melissalockwood {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/melissa_lockwood.gif);
         background-repeat: no-repeat 0 0;
    #melissalockwood:hover {
        background-position: 0px -50px;
    #melissalockwood span {
        position: absolute;
        top: -999em;
    #rustyhanna {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/rusty_hanna.gif);
         background-repeat: no-repeat 0 0;
    #rustyhanna:hover {
        background-position: 0px -50px;
    #rustyhanna span {
        position: absolute;
        top: -999em;
    #karenbarber {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/karen_barber.gif);
         background-repeat: no-repeat 0 0;
    #karenbarber:hover {
        background-position: 0px -50px;
    #karenbarber span {
        position: absolute;
        top: -999em;
    #chrishillman {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/chris_hillman.gif);
         background-repeat: no-repeat 0 0;
    #chrishillman:hover {
        background-position: 0px -50px;
    #chrishillman span {
        position: absolute;
        top: -999em;
    #frankmarshall {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/frank_marshall.gif);
         background-repeat: no-repeat 0 0;
    #frankmarshall:hover {
        background-position: 0px -50px;
    #frankmarshall span {
        position: absolute;
        top: -999em;
    #dorisboudreaux {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/doris_boudreaux.gif);
         background-repeat: no-repeat 0 0;
    #dorisboudreaux:hover {
        background-position: 0px -50px;
    #dorisboudreaux span {
        position: absolute;
        top: -999em;
    #johnburkett {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/john_burkett.gif);
         background-repeat: no-repeat 0 0;
    #johnburkett:hover {
        background-position: 0px -50px;
    #johnburkett span {
        position: absolute;
        top: -999em;
    #lisaburkett {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/lisa_burkett.gif);
         background-repeat: no-repeat 0 0;
    #lisaburkett:hover {
        background-position: 0px -50px;
    #lisaburkett span {
        position: absolute;
        top: -999em;
    #andreagordon {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/andrea_gordon.gif);
         background-repeat: no-repeat 0 0;
    #andreagordon:hover {
        background-position: 0px -50px;
    #andreagordon span {
        position: absolute;
        top: -999em;
    #jeffwilliams {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/jeff_williams.gif);
         background-repeat: no-repeat 0 0;
    #jeffwilliams:hover {
        background-position: 0px -50px;
    #jeffwilliams span {
        position: absolute;
        top: -999em;
    #taylordavis {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/taylor_davis.gif);
         background-repeat: no-repeat 0 0;
    #taylordavis:hover {
        background-position: 0px -50px;
    #taylordavis span {
        position: absolute;
        top: -999em;
    #leearnold {
        display: block;
        width: 150px;
        height: 50px;
        background-image: url(images/lee_arnold.gif);
         background-repeat: no-repeat 0 0;
    #leearnold:hover {
        background-position: 0px -50px;
    #leearnold span {
        position: absolute;
        top: -999em;
    -->
    </style>

    The text isn't centered within the containers for two reasons.
    1. Their display is set to block and
    2. There is nothing telling them to be centered
    One way to fix it would be to change the <a> tags to inline-block and add text-align:center to their parents and everything should center nicely within the columns.

  • 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);
    > }

  • How to make a fixed background image in Dreamweaver CC

    I'm trying to make my background image fixed so when I scroll down in Dreamweaver CC it stays completely still, could someone please tell me how to do that?

    You've got a lot of code that you don't need.  And I'm very dubious about the file:/// path to your image.  Are you working in a Defined Local Site Folder?  The image path should be pointing to your site, not files:/// on your local hard drive.
    body {
    background:#000 url(concept_watch_dogs___wallpaper_1366x768_by_mackintosh141-d6led76.jpg) no-repeat center center fixed;
    Nancy O.

  • 2 out of 6 pages not loading browser background image

    Does anyone know why out of 6 pages on my website, only 2 of them are not loading the choosen browser background image? All other pages load them in when uploaded to the site online. They appear to be correct in iWeb before publishing.
    Once they are published, it is just white. If I select a color instead of the image, the color displays. Thoughts?
    All the best
    iMac G5 20   Mac OS X (10.3.9)  

    One more question. I know that when you publish your
    site to a non .mac acct, the podcasting code needs to
    be changed. Can someone help me out with that? You
    click the subsribe button and it launches iTunes, but
    then it errors out. Thoughts?
    Your RSS URL is invalid: http://www.onetvshow.com/ONE/our%20podcast/rss.xml
    www.onetvshow.com is not listed with WHOIS.
    Does anyone know of a free/cheap program I can use to
    edit some of the code. I need to insert some form
    mail code and then also for the podcast code edits.
    You are asking the wrong guy if it repetitive and on going basis, I say AppleScript

Maybe you are looking for

  • XSQL error when trying to insert record

    hi, I encounter a problem using INSERT statement in xsql:query action. If I try to use INSERT statement in my xsql page like this: <xsql:ze_action bean="TaskentryIn"> <xsql:query> INSERT Grundtab( Datum,Startzeit,Endzeit) VALUES ('{@date}',{'@begin}'

  • Consideration of dbtimezone value for date conversion? right or wrong

    Hi, I am working on Day Light Saving issue in my application that uses the US based oracle 10g db and now having dbtimezone value as PDT, as part of DST changes we have written below function. Pacific Standard Time (PST) = GMT-8 Pacific Daylight Time

  • Contact list not showing up after upgrade to iOS5

    Just upgraded to iOS5 now my contact list is blank but the contacts still show up on incoming calls and text messages. I have the iPhone4 and yes I have reset the phone. Any clue how to get them to list again in the contact area? Thanks for any help!

  • OVS- formatting search criteria

    Hi, Is there any way to format the search criteria into multiple columns. Currently i am able to show the search fields in 2 columns as all the labels in 1 column   and input fields in another column. As my out table is very big  i.e. more no of tabl

  • Is there COM/DCOM adapter for XI available?

    Hi colleagues!   I need to integrate SAP XI with 3d party program and communication between them must be organized with COM/DCOM objects.   Is there COM/DCOM adapter for XI available? Or if not, then how to substitute it? Thanks!