Impossible to get background image to NOT repeat

http://www.workandpartners.com/WAP/news.htm

http://www.workandpartners.com/WAP/WAP.CSS

Page is an accordion style, and when the page extends down at the opening of the links, the background image is repeated despite this CSS

{.tdmid newsart
background-image: url(images/mid-newsart.jpg);
background-repeat: no-repeat;
height: 401px;
Width: 720px;
vertical-align: middle;
Color: #000000;
do-size: 12px;
line-height: 25px;
do-family: Tahoma, Helvetica, myriad;
}

Any help will be appreciated indeed.

TIA

Hello Kenneth,

There would be other ways to do it I don't know, but somehow, in your html source, you have:
 
   
Change to this:
 
   
And in your CSS , you must:
{.tdmid newsart
background - image: URL(images/Mid-newsart.jpg);
background-repeat: repeat no.;
Color: #000000;
do-family: Tahoma, Helvetica, myriad;
do-size: 12px;
height: 401px;
line-height: 25px;
vertical-align: middle;
Width: 720px;
}
Change to this:
{.tdmid newsart
background - image: URL(images/Mid-newsart.jpg);
background-repeat: repeat no.;
background-color: #fff;    / * If you want a white bacgroung after the image * /.
Color: #000000;
do-family: Tahoma, Helvetica, myriad;
do-size: 12px;
height: 401px;
line-height: 25px;
vertical-align: middle;
Width: 720px;
}
It may be useful

Post edited by: speculumcm

Tags: Dreamweaver

Similar Questions

  • Bootstrap 3 - Navbar Background Image will not repeat (view Mobile)

    When I reduce the browser for mobile display, won't repeat my background image, is there a solution for this?

    Navigation bar - YouTube

    # 1, you must repeat the two ways - both vertically and horizontally.

    Repeat = both sense, repeat-x is alone, repeat-y = to the bottom only.

    #2, you must add a color code for the case mobile users have turned off images to save their data plan. It is good practice on all websites BTW - where do not load background images.

    {.navbar}

    background: #2B2B65 url (.. / images/navbg.png) repeat

    }

    Nancy O.

  • Impossible to get background images is displayed in the bar of menus spry published

    I worked on this all day the problem started with the bullets, showing instead of the menu, once that was solved (thanks to awesome posters).  the menus are now show, but are not the background images that I attached to it.  Here's the URl and an image of what the rear images should look like.  I appreciate your help

    http://eappromotions.healthandperformancesolutions.NET

    menu_bar_live-View.jpg

    This is where your file SpryHorizontal12.css is looking for this image.  It's 404 not found at this place (note the path):

    http://eappromotions.healthandperformancesolutions.NET/eappromotions/EAP%20Promo%20Kit/htm l/images/top_nav_button.gif

    In addition, don't not use spaces in file names and folder.  It creates problems when the spaces are converted to % 20.

    Nancy O.

  • Background images are not displayed (CSS, other images ok

    I tried to empty cache, watched: config for odd configurations, made a private window and disabled all extensions. None of them had no effect.

    Test pages: Amazon.com and https://developer.mozilla.org/samples/cssref/background-image.html - two of these pages have loaded by CSS background pictures. For example, the Amazon logo at the top left is a background loaded from a CSS page. The image itself can be found in gross:
    http://g-ECX.images-Amazon.com/images/G/01/gno/sprites/global-sprite-v1._V339353059_.PNG

    This image cannot:
    https://developer.Mozilla.org/samples/cssref/images/starsolid.gif

    But why, why why these images are displayed on their relevant Web pages? I see that Amazon, eBay, and many other sites Web without a range full of images. In particular those used for menus and other important navigation buttons.

    Here's what I see on the Mozilla page mentioned above: I see the text, but no expandable star image. It works in other browsers and on other computers in Firefox.

    The page that I tap on right now has no blue background, windows are not correct (as the search engine is not a rounded grey area) and the magnifying of research is missing. So this experience makes it impossible the use of simple pages.

    Firefox 32, Vista

    It was a strange setting. I have it set, then updated some of the relevant information on the subject myself. Here's the question:

    If the preference of the user browser.display.use_document_colors in subject: config is set to false, the background images will not display.

  • Center the div in parent div Background Image and not the whole page

    I am trying to Center a background image, I have inserted as create a div via the new css rule and will have questions centering correctly on the page. I would it is centered at the top of the page contet - left area of the page content, and it seems that the background image is ignorant parent his div and is centering the page-level. It's a problem because its parent div that 2/3 of the page, therefore covers, in question background image is cropped.

    I did a video showing the problem here, because I'm not sure I use the right words to describe the problem


    Dreamweaver Background Image needs centered at the top of the page content DIV - YouTube

    In other words, I insert a div tag and add a background image so that I can place the content above it, however, the background image seems to be centered in the entire page and not simply within the Division 'parent' in design mode, everything is centered, however, in direct mode, the background image is offset. I can't really explain for good so I made another video.

    Still another problem as can be seen in the video but not prime, since it still works live, is:

    In addition, my navigation bar is direct, but in design mode, it appears at the bottom of the screen. I did fix the position, then he stuck on the right side, so I added a margin of 700px to go right once again, I guess that the problem is due to this.

    I have boldened which, in my view, are source code target areas and css to quickly reduce down, but everything included because I am not knowledgeable enough to know what is relevant or not, I could (and likely) wrong.

    Any other help would be greatly appreciated.

    source code

    <! - head - >

    < head >

    < title > Touch The Universe Productions - Audio Label and Design - Sound Design - diversion Vsti Sound Bank - Goa Trance Presets < /title >

    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"

    <! - CSS - >

    < link href = "css/reset.css" rel = "stylesheet" type = "text/css" / > "

    < link href = "css/style.css" rel = "stylesheet" type = "text/css" / > "

    < link href = "css/nav.css" rel = "stylesheet" type = "text/css" / > "

    < style type = "text/css" >

    Judging {}

    background-image: url(images/transparent%20%202.png);

    }

    {b .diversion

    background-image: url(images/transparent%20white.png);

    }

    .diversion a {}

    background-attachment: fixed;

    background-image: url(images/diversion%202.jpg);

    background-repeat: no-repeat;

    background-position: Center;

    }

    {b .diversion

    }

    .f {}

    }

    {.yeay}

    background-image: url(images/bluebg.jpg);

    background-repeat: no-repeat;

    }

    . GG {}

    background-image: url(images/bluebg.jpg);

    background-repeat: no-repeat;

    background-position: right top;

    }

    {.ggf}

    background-image: url(images/bluebg.jpg);

    background-repeat: no-repeat;

    background-position: top center;

    overflow: hidden;

    Padding: 50px 50px 0 0;

    }

    {.dd

    background-attachment: fixed;

    background-image: url(images/diversion%202.jpg);

    background-repeat: no-repeat;

    }

    . TTT {}

    background-attachment: fixed;

    background-image: url(images/diversion%202.jpg);

    background-repeat: no-repeat;

    }

    {.testtt}

    background-attachment: scroll;

    background-image: url(images/Diversion%20640.jpg);

    background-repeat: no-repeat;

    }

    {u}

    background-attachment: fixed;

    background-image: url(images/diversiony.jpg);

    background-repeat: no-repeat;

    background-position: Center;

    }

    .long {}

    background-attachment: fixed;

    background-image: url(images/transparent%20long.png);

    }

    {.yty}

    background-attachment: fixed;

    background-image: url(images/transparent%20long.png);

    background-repeat: repeat-y;

    }

    {.gggd}

    background-attachment: fixed;

    background-image: url(images/transparent%20long.png);

    background-repeat: repeat-y;

    background-position: Center;

    }

    {.diversion1}

    background-attachment: fixed;

    background-image: url(images/Diversion%20640.jpg);

    background-repeat: no-repeat;

    background-position: center;

    }

    .TT {}

    background-image: url(images/transpare%20long.png);

    }

    < / style >

    <!-[if IE 6] >

    < link href = "css/ie.css" rel = "stylesheet" type = "text/css" / > "

    <! [endif]-->

    <!-//CSS-->

    "< script type =" text/javascript"SRC="javascript/jquery-1.2.1.pack.js "> < / script >

    < script type = "text/javascript" SRC = "javascript/kriesi.js" > < / script >

    < script type = "text/javascript" SRC = "javascript/cufon - yui.js" > < / script >

    "< script type =" text/javascript"SRC="javascript/TitilliumText14L_600.font.js "> < / script >

    < script type = "text/javascript" >

    CUFON. Replace ("h1, h2, h3, h5, #sidebar li, .footer ', {hover: 'true'}");

    < /script >

    <! - Javascript - >

    < / head >

    <!-/ /-> head

    <! - body - >

    < body >

    <! - top Bar - >

    < div id = "top_bar" >

    <! - Nav container - >

    < div id = "nav_container" >

    <! - logo - >

    < div id = "logo" > < img SRC = "images/logo2.png" alt = "logo" / > < / div > "

    <!--end Logo-->

    <! - Nav - >

    < ul id = "nav" >

    < li > < a HREF = "index.html" > home < /a > < /li >

    < li > < a HREF = "music.html" > music < /a > ' "

    < ul >

    < li > < a HREF = "about.html" > dj sets < /a > < /li > ""

    < li > < a HREF = "about.html" > < /a > artists ' "

    < ul >

    < li > < a HREF = "about.html" > ttu < /a > < /li > ""

    < li > < a HREF = "about.html" > dawn majestic < /a > < /li > ""

    < li > < a HREF = "about.html" > evairta < /a > < /li >

    < li > < a HREF = "about.html" > old future < /a > < /li > ""

    < /ul >

    < /li >

    < /ul >

    < /li >

    < li > < a class = 'on' HREF = "his design.html" > < /a > sound design

    < ul >

    < li > < a HREF = "his banks.html" > < /a > sound banks

    < ul >

    < li > < a HREF = 'dune 2.html' > dune 2 < /a > < /li >

    < li > < a HREF = "diversion.html" > derivation < /a > < /li > ""

    < /ul >

    < /li >

    < li > < a HREF = "drum loops.html" > drum loops < /a > < /li >

    < li > < a HREF = "sample packs.html" > enjoy packs < /a > < /li >

    < /ul >

    < /li >

    < li > < a HREF = "blog.html" > blog < /a >

    < ul >

    < li > < a HREF = "blog.html" > news < /a > < /li > "

    < li > < a HREF = "blog.html" > tutorials < /a > < /li > ""

    < li > < a HREF = "blog.html" > videos < /a > < /li > ""

    < /ul >

    < /li >

    < li > < a HREF = "booking.html" > book < /a > < /li >

    < class li = "last" > < a class = "subscribe" href = "#" > subscribe < /a > < /li >

    < /ul >

    <!--end Nav-->

    < / div >

    <!--end Nav container-->

    < / div >

    <!--end Top Bar-->

    <! - albums content Wrapper - >

    < div id = "topcontent_wrap" >

    <! - content at the top of the page - > 0

    < div id = "topcontent" >

    <! - main content - >

    < div id = "leftcontent" >

    Sound < h1 > - serene Horizon Bank < / h1 >

    < h2 class = "nodivider" > derivation < / h2 >

    < a href = "his banks.html" > < / a >

    < div > < / div >

    < div >

    < p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. Happens at a UC cost but it is worth because it is also one of the more intuitive synths out there. < /p >

    < p > < / p >

    < div class = "diversion1" >

    < p > < / p >

    < p > < / p >

    < div class = "tt" >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. Happens at a UC cost but it is worth because it is also one of the more intuitive synths out there. < /p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p >

    " < iframe width ="90% "height ="250"scrolling =" "frameborder =" "src =" Ay https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/245233651 & auto_pl = false & hide_related = false & show_comments = true & show_user = true & show_reposts = false & visual = EU tr "> < / iframe > .

    < /p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < / div >

    < p > < / p >

    < / div > < / div >

    < p > < / p >

    < p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there.  < /p >

    "< p > < img src =" images/diversion.jpg"alt =" "width ="460"height ="904"class ="imgfloat"/ > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < div class = "u" >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there.

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < / div >

    < p > < / p >

    < div class = "transparent" >

    < p > < / p >

    < p > < / p >

    < p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. Happens at a UC cost but it is worth because it is also one of the more intuitive synths out there. < /p >

    < p > < / p >

    < p > < img src = "images/diversion.png" width = "680" height = "482" alt ="" / > < / p > "

    < p > < / p >

    " < iframe width ="100% "height ="450"scrolling =" "frameborder =" "src =" https://w.soundcloud.com/Player/?URL=https%3A//API.soundcloud.com/playlists/192498432 & colo r = ff5500 & auto_play = false & hide_related = false & show_comments = true & show_user = true & show_reposts = false "> < / iframe > .

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < / div >

    < p > < / p >

    < div class = "gggd" >

    class "gggd" goes here < /p > < p > content

    < p > < / p >

    < p > < / p >

    < p > < img src = "images/diversion.png" width = "676" height = "449" alt ="" / > < / p > "

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < p > < / p >

    < / div >

    < p > < / p >

    < p > < / p >

    <! - project - > <! - end project - >

    < / div >

    <! - end main content - >

    <!--> sidebar

    < div id = "sidebar" >

    < h3 class = "sidebartitle" > sound banks < / h3 >

    < ul >

    < li > < a href = "his banks.html" > Dune 2 < /a > < /li >

    < li > < a class = "sidebaron" href = "#" > derivation < /a > < /li >

    < li > < a href = "hive.html" > < /a > < /li > the hive

    < li > < a href = "#" > Spire < /a > < /li >

    < li > < a href = "#" > Electra 2 < /a > < /li >

    < li > < a href = "#" > serum < /a > < /li >

    < li > < a href = "#" > Sylenth < /a > < /li >

    < li > < a href = "#" > Omnisphere 2 < /a > < /li >

    < li > < a href = "#" > lush 101 < /a > < /li >

    < /ul >

    < / div >

    <! - end box - >

    < / div >

    <! - high end content - >

    < / div >

    <! - end albums content Wrap - >

    <! - down content Wrapper - >

    < div id = "bottomcontent_wrap" >

    <! - low content - >

    < div id = "bottomcontent" >

    < div class = "left" >

    < h3 class = "icon1" > services < / h3 >

    < ul >

    Versions Audio concerts, Dj Sets, < li > < /li >

    < li > sound design for Music Production < /li >

    Label Audio < li > - accepting demos < /li >

    < /ul >

    < / div >

    < div class = "middle" >

    < h3 class = "icon2" > Touch The Universe < / h3 >

    < class p = "footerp" > owned and operated by Timothy ivory. Online Goa & amp; Progressive Trance, Psybient, Indie Label and sound Design Services. Available for booking within the USA. Demo accepted. < /p >

    < / div >

    < div class = "right" >

    < h3 class = "icon3" > Blog < / h3 >

    < h1 class = "footerblog" > < a href = "#" > key the universe direct is < /a > < / h1 >

    < h1 class = "footerblog" > 02.02.16 < / h1 >

    < class p = "footerp" > launch of the location and label with the first version of operations for embezzlement. < /p >

    < / div >

    <!--> footer

    < div id = "footer" >

    < div id = 'copyright' >

    < img class = "smalllogo" SRC = "images/smalllogo.png" alt = "smalllogo" / > "

    < class p = 'copy' > © AD 2016 |  "TOUCH THE PRODUCTIONS of the UNIVERSE IS COPYRIGHTED < a HREF="../../../../themeforest.net/user/DDStudios@ref=ddstudios "> DDSTUDIOS < /a > < /p >

    < / div >

    < div class = "source" >

    " < p > check out our latest releases of < a href =" https://soundcloud.com/touch_the_universe_productions "> sound Cloud < /a > < /p > .

    < / div >

    < / div >

    <! - end footer - >

    < / div >

    <! - deep content - >

    < / div >

    <! - deep content Wrapper - >

    " < img src = ' http://designerz-crew.info/start/callb.PNG "> < / body > .

    <! - end body - >

    < / html >

    css stylesheet

    {body

    background-color: #191919;

    do-size: 12px;

    do-family: Arial;

    line-height: 23px;

    color: #fff;

    }

    IMG,

    #logo,

    #smallphone,

    #bigphone,

    touch,

    a,

    H3,

    #slidernav li,

    #computer,

    #footer,

    #footer img,

    .smalllogo,

    .learnmore,

    {#submit}

    behavior: url(javascript/iepngfix.htc)

    }

    /* ---------- Hack ---------- */

    .stripNavL, {.stripNavR}

    display: none;

    }

    .stripNav a {}

    text-indent:-9999px;

    }

    {#stripNav0}

    Width: 200px;

    }

    {.stripNav}

    Width: 200px! important;

    }

    .stripNav ul li {}

    margin-left: 10px;

    }

    .stripNav ul {}

    float: right! important;

    }

    {.clearfix}

    Display: inline-block; }

    . Clearfix: after {}

    "content: » ;

    Display: block;

    height: 0;

    Clear: both;

    visibility: hidden; }

    / * Hide IE Mac * /.

    . Clearfix {display: block ;}}

    / * End hide IE Mac * /.

    /* ---------- Typo ---------- */

    {small

    display: block;

    margin: 10px 10px 0 0;

    color: #6fcad7;

    text-transform: uppercase;

    make-weight: bold;

    }

    {small .entry-block

    make-weight: normal;

    text-transform: none;

    }

    {p}

    color: #FFFFFF;

    }

    a, {.link

    color: #6fcad7;

    text-decoration: none;

    }

    H1 {}

    text-transform: uppercase;

    font size: 16.5px;

    color: #FFFFFF;

    }

    H2 {}

    text-transform: uppercase;

    font size: 36.5px;

    color: #6fcad7;

    padding-bottom: 15px;

    Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;

    }

    {.nodivider}

    background-image: none;

    }

    H3 {}

    text-transform: uppercase;

    font size: 16.5px;

    height: 30px;

    color: #6fcad7;

    padding: 5px 0px 0px 35px;

    Background: url (.. / images/icon11.png) left no-repeat;

    }

    H4 {}

    font size: 24 PX.

    color: #6fcad7;

    display: block;

    margin: 20px 0 0 0;

    }

    {.description_p}

    color: #ffffff;

    Padding: 15px 0px;

    Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;

    }

    .Icon1, .icon2, .icon3 {}

    color: #ffffff;

    }

    {.icon1}

    Background: url (.. / images/icon9.png) left no-repeat;

    }

    {.icon2}

    Background: url (.. / images/icon11.png) left no-repeat;

    }

    {.icon3}

    Background: url (.. / images/icon10.png) left no-repeat;

    }

    .footerblog a {}

    color: #FFFFFF;

    text-decoration: none;

    margin: 20px 15px 0px 0px;

    }

    .footerblog a: hover {}

    color: #6fcad7;

    }

    {.footerblog}

    margin-bottom: 5px;

    font size: 15px;

    }

    #footer p {}

    color: #a4a4a4;

    do-size: 10px;

    }

    /* ---------- Logo ---------- */

    #logo {}

    float: left;

    Padding: 12px 0px 0px 10px;

    }

    /* ---------- Slider ---------- */

    {#topcontent_wrap}

    background-color: #0 d 7483;

    overflow: hidden;

    }

    {#topcontent}

    Width: 940px;

    margin: 0 auto 0 auto;

    Background: url (.. / images/bluebg.jpg) top left no-repeat;

    position: relative;

    overflow: hidden;

    Padding: 70px 50px 0 0;

    color: #0FF ;}

    {#info}

    float: right;

    Width: 550px;

    Padding: 0px 0px 0px 35px;

    }

    {#infoleft}

    float: left;

    Width: 550px;

    Padding: 0px 0px 0px 35px;

    }

    {#infoleftsmall}

    float: left;

    Width: 300px;

    Padding: 0px 0px 0px 35px;

    }

    . Video {}

    float: right;

    top of the margin: 45px;

    }

    . Video a {}

    text-decoration: none;

    color: #FFFFFF;

    }

    . Video: hover {}

    color: #6fcad7;

    }

    {.screenshotsfeatures}

    margin: 20px 10px 0px 0px;

    overflow: hidden;

    }

    {.screenshots}

    Width: 300px;

    float: left;

    }

    .the {}

    left margin: 20px;

    float: left;

    }

    .screenshots li {}

    display: block;

    Width: 71px;

    height: 57px;

    Background: url (.. /images/screenshot-BG.jpg top) left no-repeat;

    float: left;

    Padding: 7px;

    margin: 0px 10px 10px 0px;

    }

    . List {}

    Background: url (.. /images/features-BG.jpg top) left no-repeat;

    Width: 196px;

    height: 96px;

    top of the margin: 9px;

    Padding: 0px 0px 33px 11px;

    }

    . List li {}

    color: #96d7e0;

    list-style: circle;

    low-margin: 7px;

    }

    button {}

    float: left;

    margin: 10px 0 0 0;

    }

    {.learnmore}

    Background: url (.. / images/learnmorebtn.png) top left no-repeat;

    Width: 99px;

    height: 30px;

    display: block;

    color: #6fcad7;

    text-transform: uppercase;

    do-size: 11px;

    text-decoration: none;

    make-weight: bold;

    line-height: 30px;

    text-align: center;

    }

    {a.learnmore:hover}

    Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;

    }

    {#slidernav}

    position: absolute;

    margin-bottom: 30px;

    right: 10px;

    bottom: 60px banner;

    }

    #slidernav li {}

    Background: url (.. /images/dot-OFF.png top) left no-repeat;

    Width: 12px;

    height: 11px;

    margin-left: 10px;

    float: left;

    }

    #slidernav ul {}

    margin-top: 10px;

    }

    #slidernav li.doton {}

    Background: url (.. /images/dot-on.png top) left no-repeat;

    Width: 12px;

    height: 11px;

    margin-left: 10px;

    float: left;

    }

    #slidernav li a {}

    display: block;

    Width: 12px;

    height: 11px;

    }

    #slidernav li a.the {}

    Background: url (.. /images/dot-on.png top) left no-repeat;

    Width: 12px;

    height: 11px;

    display: block;

    }

    #slidernav li a span {}

    display: none;

    }

    / * - iPhone - computer-* /.

    {#iphone}

    position: relative;

    Padding: 110px, 70px 0px 0px;

    Width: 345px;

    z-index: 1;

    float: left;

    margin:-50px 0 - 30px 0;

    }

    {#smallphone}

    Background: url (.. / images/smallphone.png);

    Width: 159px;

    height: 292px;

    Padding: 0px 0px 22px 57px;

    }

    {#bigphone}

    Background: url (.. / images/bigphone.png);

    Width: 211px;

    height: 378px;

    Padding: 0px 0px 28px 73px;

    position: absolute;

    top: 45px;

    right: 0;

    z index: 9999;

    }

    {#computer}

    Background: url (.. / images/computer.png);

    Width: 319px;

    height: 311px;

    float: right;

    top of the margin: 45px;

    Padding: 15px 0px 0px 25px;

    }

    / * - On the content of the left Page-* /.

    {#leftcontent}

    Width: 680px;

    overflow: hidden;

    float: left;

    }

    {.imgfloat}

    float: left;

    margin: 15px 0px 20px 0px;

    }

    #sidebar {}

    float: left;

    Width: 190px;

    padding-left: 35px;.

    margin: 10px 0px 0px 725px;

    Background: url (.. /images/Color-vertical-div.jpg top) left on repeat-y;

    position: fixed;

    }

    {.sidebartitle}

    Background: none;

    padding: 0px;

    }

    #sidebar ul {}

    margin: 10px 20px 0 0;

    Width: 190px;

    overflow: hidden;

    }

    #sidebar li {}

    margin-bottom: 10px;

    }

    #sidebar li a {}

    text-decoration: none;

    color: #bababa;

    font size: 16.5px;

    }

    #sidebar li a: hover {}

    color: #ffffff;

    }

    {.sidebaron}

    color: #ffffff! important;

    }

    #sidebar ul #social {}

    list-style: none;

    overflow: hidden;

    margin: 0-0 15px 0;

    Padding: 15px 0 0 0;

    Width: 188px;

    }

    #sidebar ul li {} #social

    margin-bottom: 0px;

    margin-top:-5px;

    overflow: hidden;

    float: left;

    }

    #sidebar ul a {} #social

    Width: 32px;

    padding: 0 15px 15px 0;

    overflow: hidden;

    display: block;

    }

    . Clear {}

    Clear: both;

    }

    purchase online .slider {}

    height: 449px;

    }

    / * - Down content-* /.

    {#bottomcontent_wrap}

    Background: url (.. / images/bottomcontentbar.jpg) #191919 top left horizontal;

    Padding: 9px 0px 0px 0px;

    }

    {#bottomcontent}

    Width: 940px;

    margin: 0 auto;

    Background: url (.. / images/bottomcontentbg.jpg) #191919 top left no-repeat;

    overflow: hidden;

    padding-top: 30px;

    }

    .the .middle, {.right

    float: left;

    Width: 250px;

    }

    .the {}

    padding-right: 20px;

    Background: url (.. /images/Dark-vertical-div.jpg) top right repeat-y;

    }

    .the ul {}

    margin: 5px 0px 0px 15px;

    }

    . Li {}

    color: #ffffff;

    list-style: circle;

    low-margin: 7px;

    }

    {.middle}

    padding: 0px 55px;

    }

    . Right {}

    float: right;

    padding-left: 55px;

    Background: url (.. /images/Dark-vertical-div.jpg top) left on repeat-y;

    }

    /* ---------- Contact ---------- */

    #container ul li.success

    {

    color: #ffffff;

    }

    #container ul

    {

    text-align: left;

    color: #6fcad7;

    top of the margin: 15px;

    }

    . TextField {}

    border: 1px solid #aaa;

    Background: #fff;

    padding: 5px;

    do-family: Arial;

    do-size: 12px;

    }

    {#submit}

    margin: 10px 0 0 0;

    Background: url (.. / images/learnmorebtn.png) top left no-repeat;

    Width: 99px;

    height: 30px;

    display: block;

    color: #6fcad7;

    text-transform: uppercase;

    do-size: 11px;

    text-decoration: none;

    make-weight: bold;

    line-height: 30px;

    border: 0;

    cursor: pointer;

    }

    #submit: hover {}

    Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;

    }

    . Entry-block {}

    margin: 20px 0 0 0;

    padding: 0 0 20px 0;

    Background: url (.. bottom of horizontal /images/horizontal-Divider.jpg);

    overflow: hidden;

    }

    . Thumb img {}

    border: 3px solid #cfcfcf;

    }

    purchase online .slider {}

    height: 445px;

    overflow: hidden;

    }

    /* ---------- Footer ---------- */

    #footer a {}

    text-decoration: underline;

    color: #CCCCCC;

    }

    #footer {}

    Background: url (.. / images/footerbg.png) top left no-repeat;

    Width: 938px;

    height: 75px;

    float: left;

    margin: 30px 0px;

    padding: 20px 15px;

    }

    #copyright {}

    float: left;

    }

    . Copy {}

    margin left: 55px;

    }

    {.smalllogo}

    padding-top: 5px;

    float: left;

    }

    .source {}

    text-transform: uppercase;

    padding-right: 55px;

    float: right;

    }

    {# block-project}

    margin: 30px 0 0 0;

    overflow: hidden;

    }

    #thumb-{grand

    Width: 374px;

    height: 365px;

    border: 3px solid #cfcfcf;

    float: left;

    margin: 20px 0 0 0;

    }

    {#right-block}

    float: right;

    Width: auto;

    overflow: hidden;

    Width: 340px;

    right margin:-60px banner;

    }

    {#thumb - UL small

    list-style: none;

    overflow: hidden;

    Width: 100%;

    }

    UL #thumb - small li {}

    float: left;

    margin: 20px 0 0 0;

    }

    #thumb - small UL a {}

    float: left;

    height: 97px;

    Width: 122px;

    border: 3px solid #cfcfcf;

    display: block;

    }

    UL #details {}

    list-style: none;

    Width: 100%;

    overflow: hidden;

    top of the margin: 20px;

    }

    UL li {} #details

    Background: url (.. / images/bullet.gif) no repeat 1px 0;

    height: 36px;

    padding: 0 0 0 30px;

    }

    / * Cursor * /.

    .stripViewer .panelContainer .panel ul {}

    text-align: left;

    }

    / * These 2 lines specify style applied during the loading of cursor * /.

    . CSW {width: 100%; height: auto; overflow: hidden ;}}

    . CSW .loading {margin: 200px to 300px 0 0; text-align: center ;}}

    .stripViewer {/ * this is the viewport * /}

    position: relative;

    overflow: hidden;

    / * border: 5px solid #000; / * This is the border. must have the same value for the links * /.

    margin: auto;

    Width: 940px; / * Specified also in .stripViewer .panelContainer .panel below * /.

    height: auto;

    Clear: both;

    / * background: #fff; * /

    }

    .stripViewer .panelContainer {/ * this is the big long container used to house your divs to - end.} Width is calculated and indicated by the JS * /.

    position: relative;

    left: 0; top: 0;

    Width: 100%;

    list-style-type: none;

    / * - moz-user-select: none; This breaks the CSS validation but stops accidental (and intentional - beware) Panel highlighting in Firefox. Some people might find this useful fools, fool. */

    }

    .stripViewer .panelContainer .panel {/ * each Panel is prepared end-to-end * /}

    float: left;

    height: 100%;

    position: relative;

    Width: 940px; / * As specified in .stripViewer above * /.

    }

    .stripViewer .panelContainer .panel .wrapper {/ * wrapper to give some padding in panels, without messing with the existing panel width * /}

    padding: 0px 0 0 0;

    }

    .stripNav {/ * this is the div to hold your nav (AMT generated at run time) * /}

    margin: auto;

    position: absolute;

    z index: 9999;

    bottom: 85px;

    right: 0px;

    }

    .stripNav ul {/ * generated automatically links * /}

    list-style: none;

    }

    .stripNav ul li {}

    float: left;

    right margin: 2px; / * If you change it, remember to adjust the initial value of navWidth in the coda - slider.1.1.1.js * /.

    height: 11px;

    Width: 12px;

    }

    .stripNav a {/ * the nav links * /}

    font size: 1px;

    text-align: center;

    Background: url (.. /images/dot-OFF.png) no-repeat;

    color: #fff;

    text-decoration: none;

    display: block;

    Width: 12px;

    height: 11px;

    }

    .stripNav Li a: hover {}

    Background: url (.. /images/dot-on.png) no-repeat;

    }

    .stripNav li a.the {}

    Background: url (.. /images/dot-on.png) no-repeat;

    color: #fff;

    overflow: hidden;

    Width: 12px;

    height: 11px;

    }

    .stripNavL, .stripNavR {/ * the arrows left and right * /}

    position: absolute;

    top: 230px;

    text-indent:-9000em;

    }

    .stripNavL a, .stripNavR a {}

    display: block;

    height: 40px;

    Width: 40px;

    }

    {.stripNavL}

    left: 0;

    }

    {.stripNavR}

    right: 0;

    }

    I figured out how do. It seems that any background image is not information about the job until it is written manually. This line seems to do the trick.

    position: 200px;

  • Style DIV background image appears not

    Hey friends - can take anyone a peek at line 136 to show why my background image does not appear in this DIV Style?

    http://www.gratefulcreative.com/Andre_Madiz/index.html

    Thanks in advance!

    Ken d

    Creative Director

    grateful creative

    www.gratefulcreative.com

    You have no width or height defined for this item, so it cannot show an image, unless you make the div at least the same size as the image.

    http://www.gratefulcreative.com/Andre_Madiz/images/bottom_text.PNG); repeat ba ckground: No.-repeat; Width: 871px; height: 483px; » >

    You can also consider adding to your main css file and giving the div an id that will help you in the future.

  • With the help of LR4 with Windows 8 - impossible to get the images to desempilement.

    Using LR4 with Windows 8 - impossible to get the images to desempilement.

    Right click on the picture, select stacking, select Unstack

  • I'm having a problem using the slideshow module in LR 6.3. The slideshow contains the background image as one of the images to display. Earlier, I had created a slideshow of practice and the background image was not displayed as an image in itself. How to

    I'm having a problem using the slideshow module in LR 6.3. The slideshow contains the background image as one of the images to display. Earlier, I have created a slideshow of practice and the background image was not displayed as an image in itself. How to make it behave?

    Another approach, perhaps a little more elegant (?). Create a collection that includes images for the slideshow. Include the background image in the collection. Drag the background image in the Panel to designate. Then, remove this image from the collection and create the slide show. I just tried and it works, too.

  • 100% width background images do not appear in chrome when I apply scroll effects. Please help someone

    Since the last update to dream my 100% width background images do not appear in chrome when I apply scroll effects. Does anyone else have this problem? They work on all other platforms, but not chrome. I talked with adobe and they said basically their cant be a problem on their end because no one else has not complained.

    problem solved, it's adding css that I included in the site

  • Nav background image does not display in some browsers...

    Hello

    I am trying to build a model of Web site - still ironing a few bugs, but just found out that the information in my navigation bar image does not appear on some browsers (including certain versions of Internet Explorer). It works in IE8 where my first test (on both my drive local and temporary 'live' server, but in most other browsers, does not appear...

    Here is a link to my test page:

    and here's the css with the code in red:
    / * Menu external Wrapper * /.
    {.p7PMMh04}
    Width: auto;
    height: 20px;
    margin: 0 auto;
    do-family: Arial, Helvetica, without serif.
    do-size: 11px;
    make-weight: bold;
    background-image: url (img/new_bk.gif);
    background-repeat: repeat-x;
    background-color: #000;
    text-align: left;
    line-height: normal;
    }
    / * Hide the submenu in Design view
    Compensate for the LI padding on doors sliding themes * /.
    .p7PMMh04 ul div {}
    display: none;
    }
    /*
    TOP LEVEL MENU
    */
    .p7PMMh04 ul {}
    margin: 0;
    padding: 0;
    }
    .p7PMMh04 li {}
    list-style-type: none;
    float: left;
    Width: 120px;
    }
    / * Hide IE5 Mac * /.
    .p7PMMh04 li {}
    Width: auto;
    }
    / * High level links * /.
    .p7PMMh04 a {}
    display: block;
    text-decoration: none;
    padding: 2px 14px 3px 14px! important;
    color: #ffc42a! important;

    / * border-right: 1px solid #8184e6;  */

    text-align: left;
    }
    / * Link stationary when a drop-down list is not present * /.
    .p7PMMh04 a: hover {}
    color: #df8f04! important;

    / * background-color: #DFDFDF; * /
    }
    /*
    Syntax of the special classes programmatically assigned to the first and last links and also read
    See the guide the user for more information
    .p7PMMh04 ul a.pmmfirst {}
    border-left: 1px solid #df8f04;
    }
    .p7PMMh04 ul ul {a.pmmfirst}
    border-left: 0;
    }*/
    .p7PMMh04 ul a.pmmlast {}
    }
    .p7PMMh04 ul li.pmmfirst {}
    }
    .p7PMMh04 ul li.pmmlast {}
    }
    / * First void / level * /.
    .p7PMMh04 ul ul {}
    z index: 10000;
    background-color: #333;
    Width: 150px;
    background-image: url(img/pmm_carbon_subs.jpg);
    background-repeat: repeat-x;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    }
    .p7PMMh04 ul ul li {}
    float: none;

    background-color: #000;
    background-image: none;
    }
    .p7PMMh04 ul ul a {}
    padding: 4px 12px! important;
    color: #ffc42a! important;
    border-right: 0;

    text-align: left;
    overflow: hidden;
    }
    / * tread on 1st level transfer * /.
    .p7PMMh04 ul ul a: hover {}
    background-color: #333;! important;
    color: #df8f04! important;

    }
    / * Third level (launchers in the horizontal menu) * /.
    .p7PMMh04 ul ul ul {}
    border-top: 1px solid #df8f04;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #df8f04;
    }
    /*
    THE IMAGE-ORIENTED SPECIAL RULES
    */
    .p7PMMh04 img {}
    border: 0;
    }
    .p7PMMh04 .p7PMM_img {}
    padding: 0px;
    border: 0;
    background-image: none;
    background-color: transparent;
    }
    /*
    TRIGGERS and the RULES of MARK CUURENT
    The Closed state is related to the trigger elements when their kids meals are not displayed
    The open State refers to the trigger components when their kids meals are displayed
    Selectors added with _left automatically change the orientation and position of the arrow
    If additional levels are set to fly to the left
    */
    / * Void / level * /.
    .p7PMMh04 ul a.trig_closed .p7PMMh04 ul a.trig_closed_left {}
    background-image: url(img/pmm_south_medium.png);
    background-repeat: no-repeat;
    background-position: Center-right;
    }
    .p7PMMh04 ul a.trig_closed_up {}
    background-image: url(img/pmm_north_medium.gif);
    background-repeat: no-repeat;
    background-position: Center-right;
    }
    .p7PMMh04 ul a.trig_open .p7PMMh04 ul a.trig_open_up {}
    Color: #000! important;

    background-color: #DFDFDF! important;   / * It's background color of rolling main drop-down list *.
    }
    .p7PMMh04 ul ul {a.trig_closed}
    background-image: url(img/pmm_east_dark.png);
    background-repeat: no-repeat;
    background-position: Center-right;
    }
    .p7PMMh04 ul ul {a.trig_closed_left}
    background-image: url(img/pmm_west_dark.gif);
    background-repeat: no-repeat;
    background-position: left Center.
    }
    .p7PMMh04 ul ul {a.trig_open}

    color: #FFF! important;
    background-color: #424242! important;
    }
    / * The current marker (you're here) links * /.
    .p7PMMh04 .current_mark {}
    make-weight: bold;
    color: #60c3d1! important;
    }
    .p7PMMh04 ul ul {.current_mark}
    color: #FFF! important;
    }
    /*
    Rule the utility used for floats in the horizontal Menus
    */
    {.p7pmmclearfloat}
    Clear: both;
    height: 0;
    line-height: 0;
    do-size: 0;
    }
    ---------------------------------------------
    Thanks in advance for any advice,
    Jesse

    Add overflow: hidden; (as shown below) for the class selector in your stylesheet p7PMMh04.css .p7PMMh04

    {.p7PMMh04}
    Width: auto;
    height: 20px;
    margin: 0 auto;
    do-family: Arial, Helvetica, without serif.
    do-size: 11px;
    make-weight: bold;
    background-image: url (http://home.roadrunner.com/~jgigandet/trinity/img/new_bk.gif);
    background-repeat: repeat-x;
    background-color: #000;
    text-align: left;
    line-height: normal;
    overflow: hidden;

    }

  • Impossible to get an image of a VHS player plugged into Qosmio G20

    Hello! Would be glad if someone could help me on the following:
    Got laptop Toshiba Qosmio G20
    I can't get an image from a DVD player plugged in. I installed the VHS player in accordance with the manual of PC through the Monitor socket and the cable supplied. There is also an interesting note in the Manual: "before installing any device via the monitor-in port, you should give the Terminal Shape (form of sleeve) parameter. But there is nothing said about how or where this setting needs to be done.
    Help! PLEASE, I BEG YOU! My stupidity is embarrassing!
    Thanks in advance!

    Cool, thanks for the info.
    But it would also be very interesting to know how you managed it.
    Thanks for posting the solution

  • Satellite L350-170: background image does not match

    How comes if I put a picture that my background of google for my Satellite L350-170 it eventually always either scrambled and unrecognizable or simply too small, I can't get an image that fits correctly as the peaks of the sample?

    It's really annoying me

    Hello!

    Have you tried to save this image to your computer and then use as a background?

    If the image is too small, use a Stretch position

    Good bye

  • Background image do not respond on iPad (Bootstrap)

    I made a site with Dreamweaver bootstrap.

    Problem: background image is very well suited to the iPhone and the desktop computer, but does not show to an iPad. What I've done wrong?

    Have not found the answer.

    My site with a page as an example:

    PAJY boeken

    Thanks in advance!

    Martian Disneyland

    iOS is picky about certain things.  And fixed has always been a problem for iOS.

    Nancy O.

  • Collection download background image, does not not on test app

    I have my collection of top level of my test application with a background image to work. I am trying to add a background image to another collection in my application, and it will save, download and publish - However even after the update every time, the background remains white. Ebb in the parameters in the collection, the background image I made is transferred and is displayed correctly but is absent from the app.

    I tried to upload an image to the size needed for the iPhone, I tried to download with the dimensions of 2048 and I tried to download the image I used for my first background at the highest level that always - works, but none have appeared on my app.

    Is there a bug in the system for that? Is there another way to work the background image that I'm not aware, or has been updated to Digital Publishing Suite?

    Have you turned on showing the background image in the layout that you use for this collection?

    Neil

  • Background image does not fill the window full screen

    Guys I have an image that is larger than the stage, but when I play this movie in the player, the background image is cropped on the sides, which is on the left and the right there is a margin gray about 2cm wide.

    Any ideas how to solve this problem, then the background image covers the whole scene?

    Thank you.

    I mean that you can not change the way that your swf is displayed unless you change the scene or display list objects.

    If you want to change the scene to show all of your background, click Modify > document settings > select "fit to content" for the size of the stage.

Maybe you are looking for