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.

Tags: Dreamweaver

Similar Questions

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 > "

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

< / div >

< / div >

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

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

incongruous div background image?

Here is the link to my test page:
http://nandigital.com/test/about.html
http://nandigital.com/test/include/style.CSS (I also comment on what makes every part of the css)
I'm currently building a website from scratch, which consist of a difficulty of background image and the div background images 2 sit in the Middle (as html does not allow me to add more background in the body...).
It has been tested last version of IE, firefox and chomre and on the different, all screen resolution correctly rendered.
But as soon as I try to resize the window jumping of clutter and not solitary repetitive background work...
Advice please help and thanks in advance. =)

It seems that you are doing it correctly. The new
to completely wrap the "outerContainer' (see below).

Remove the bottom before the closing tag you don't need.

Then, apply the repeating background:

{#pageWrapper}

Background: url (.. /images/Red-background.png);

background-repeat: repeat-x;

background-position: 100px 0; / * Use background-position to place the image to be * /.

}

background images appear evil in the browser
OK, his mercy, it's my first DW website. www.Bourne.GB.com/TestArea

I put the two div in the container, one above the other downstairs, with a background image repeated on the Center to give a single image extensible backround page. "It appears correctly in DW, using live view and local files, but when I go to the page, the background image appears corrupt and won a comment alt, probably from the browser that says - 'image' http://www.bourne.gb.com/testarea/images/containermid.gif ' cannot be displayed, because it contains errors. »

I tried with different image formats, jpg and gif and I checked the file on the host server and the image is fine as long as it is not part of a page. My guess is that I screwed up something in the div or the css somehow. But I just spent a few hours looking for clues and came up empty.

If it is an old problem, my apologies for not finding a previous answers, if it is a new, then at least I was original!
OK, I cracked, but maybe not in a good way.

I had avoided using png for background images files because I heard that IE has problems with links that overlap png backgrounds, effectively breaking navigation. Unfortunately I can't test this reliably until my pc friends give it a try. But change the png format solves all problems display on my browser.

If someone can advise on the wickedness of this method?

Oh, and no one knows why opera has a display problem with shadows in swf animations. A soft shadow with an alpha of about 60% poster fine while he drives, but as soon as you get to the stop command, it turns solid and opaque.

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.

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.

Background image does not appear
I worked on my Web site recently, and in order to personalize it a bit more I added some background images to the cells. The problem is that the image does not appear in my browser. I tested background images of page too and nothing. It makes no sense. I select the cell, go to the properties panel, and then find a background image. Once I have select this one appears in dreamweaver, looking the way it is supposed to. After I downloaded the page, however, I check in my browsers, Mozilla Firefox and Internet Explorer, and the image is not there. All this shows is the background color of the cell or of the page, depending on the question of whether I make the background color of the transparent cell. I asked a few friends to view the page too to see if it is for them and they tell me that it is not for them either. Anyone know why this is happening? Oh I should mention I publish as an html file and I tried both .jpeg and .png file types. In addition, it's all in Dreamweaver 8. Any help would be greatly appreciated. Thanks in advance.
Background ="... /... / move background2.jpg

can't go up two levels of folders from there...

Also should avoid spaces in the names of files and folders.

copy of a previous post on this topic:

the style sheet link and especially images that you have placed have paths such as
this:

../gifs/ means go UP one folder level, then into the folder named ">

The problem: the home.html file is at the level of the root of the public
space web is not not to attend. So all these paths are distributed on the
downloaded pages.

My guess her site definition is set to the wrong folder level in the
local and remote site.

The way it should be is the local and remote should be defined in the folder
that contains home.html. Use the 'Folder of the Site Local' button to select the
good record and the "host directory" If the folder level must be
adjusted on the remote control (such as you land in a high level of private accommodation
folder when connecting with ftp and need to go to one site files
folder named "public_html" then type public_html directory of the host
the remote server info line)

> The page is http://www.flash-vault.com/submissions.
> The background image is supposed to appear behind the five titles in the
> first column. It appears in dreamweaver and when I saw, but not after
> It is published.
>

DWCS4 behavior of the effects appear with DIV background image?
Is it possible to use the effects appear on the background image in a DIV with the command 'OnLoad '. I want my banner to fade in (param) when the page is reached.
It's the tag with that I want to use the above behavior:
< div class = "dwBanner" > < / div >

Thank you very much.
www.dwdallam.com
...

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:
http://home.Roadrunner.com/~jgigandet/Trinity/
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;

}

Difficulty in div background image

Hello
I did a lot of research on this subject and answers os tons were developed, yet, none has solved my problem so far.
I'm doing the background image in a div that will be fixed when I scroll vertically.
Have a model manufactured, in which the only editable div is the rightdiv. (in red, to be easier)
Here is my code
CSS
{body
margin-top: 0px;
margin-bottom: 0px;
background-position: Center;
background-image: url (.. / Images/bgdr.jpg);
background-repeat: no-repeat;
}

{#wrapper}
height: 875px.
Width: 1000px;
margin-right: auto;
left margin: auto;
background-repeat: no-repeat;
#header {}
background-repeat: no-repeat;
Clear: none;
float: none;
height: 214px;
Width: 1000px;
background-image: none;
position: relative;
padding-top: 10px;
{#leftDiv}
Clear: none;
float: left;
height: 500px;
Width: 245px;
position: relative;
text-decoration: none;
}
{#rightDiv}
Clear: none;
float: right;
height: 484px;
Width: 755px;
position: relative;
overflow: auto;
}
#footer {}
height: 100px;
Width: 1000px;
Clear: both;
position: relative;
padding-bottom: 20px;
}
And here is my HTML code
<!-InstanceBeginEditable name = "RightDiv"->
< div id = "rightDiv" style = "background-image: url(Images/informacao.png)" >
< / div >
<! - InstanceEndEditable - >
Well, it's that on Internet Explorer 9, the background image repeats vertically when I scroll vertically. On Chrome it will stay fixed on parchment (and that's what I want).
I tried to add style = "" background-attachment: fixed ", but that branding will match difficulty itself relatively to the entire page, not the div only." In addition, she repeats 4 times for oocupy the screen. I can solve that by "no-repeat", but it is always attached to the browser page, not of the div.
I tried to solve this problem for days... Help would be very appreciated.
Funny is that this only happens in IE9... Chrome works perfectly.

After a little research, I found it's actually "mode of operation" in Internet Explorer, all versions. A fixed background image goes out the window of the browser for positioning.

The work around is to place a div container around the div scrolling. Place the background image in this div without css positioning container or an attachment and turn off a background image or color in div scrolling.

Something like that...

your content here

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

View Cart Image appearing not

Hello
Just want to put an image to replace the text SHOW the BASKET in the div. basket summary Here's what I have. I have it with modules and it works, but here it fails. Any idea?
< div class = "Cart summary" > {module_shoppingcartsummary, horizontal, < img alt = "View basket" src="/images/arch/view-basket.png" / >} < / div >
In addition, the owner wishes to use the shopping cart instead of the word charrette - the scale of the site. Any suggestions on whether or not it is possible here?
Here is a link to the work
http://www.copenhagenpastry.com/our-pastries
Thanks in advance!
Mouma

Hi Jeff,
Because there is no option for this:

{module_shoppingcartsummary, Vertical, quote}

Displays the summary of the cart on the current catalog or web page. It shows "my cart is empty." when the basket is empty, and something like that when you have a product in - "1 unit (s)", Total: $12.00 view cart".

Parameters
- Vertical - restores the details vertically. By default, it is that the output is displayed horizontally.
- isQuote
{module_shoppingcartsummary, true, false} - this module will display the vertical output.

You must use css background image defined at this link, etc.

Background image import not PowerPoint correctly CP6

I imported a PowerPoint presentation in Captivate 6. All the images have been imported successfully... except for a background image. The blue background appears as white in both the preview and in Captivate. It is a jpg - like all the others. It's the same thing when I saved this specific background image as a bitmap of the original psd Photoshop file - white in the preview and the Captivate slide.
Then I tried to save it as a png file. This time, he appeared in the preview in blue, but always present as a white in the Captivate slide. I can do to make it work? Thank you!

Thank you. I didn't do that, and I'll certainly keep it in mind.

However, I suspect now that the problem could have file size. I never looked at the size of the image in Photoshop until it happened and found that those who created it has 31 inches wide and about 20 inches in height. It was huge. So I reduced the size and images that had not worked earlier done suddenly. Thank you!

Fixed background image wanted not

Hi all
I'm having a problem that left me speechless. I have a background image applied to a div, and although I haven't specified anywhere in the css for this image to be fixed position, it does not scroll with the rest of the text. I tried to apply css background-attachment scroll etc, but nothing moves.
Here is the page in question- http://www.sheffieldstudent.co.UK/test/studentstrology_may2011.html
CSS is here: http://www.sheffieldstudent.co.UK/test/_CSS/student.CSS
Any ideas? Thank you.
PS: Sorry for the DL slow speed but I have not compressed the images again.

You have the scrolling div positioned absolutely. It is this div that has the background image. Scroll its content, but because the div is positioned absolutely, the background does not scroll. That's the problem.

This whole layout will break anyway since you have frequently in the foreground text aligned with background images. Migrate one or two on display size for the text in the browser creates messy overlap...

You might consider using an iframe for this area of Central scroll rather than absolute positioning div...

Style DIV background image appears not

Similar Questions

{module_shoppingcartsummary, Vertical, quote}

Maybe you are looking for