Question of div bg image

Why doesn't the image of this div scroll, only the text of the div scrolls?

{.maindiv_scroll}

Max-width: 812px;

overflow: scroll;

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

background-repeat: no-repeat;

margin left: 138px;

height: 1176px;

border-top: 1px solid #F4ECC5;

}

http://www.milesfunerals.com/useful-addresses.php

In a modern browser, you can get the bottom to scroll by adding the following to your style rule:

background-attachment: local;

However, it does not work in old browsers. For compatibility between browsers, you need to add the background image to a separate div and nest scrolling content in its own div inside.

Tags: Dreamweaver

Similar Questions

Test question: where Adobe stcok images be saved on your system?

Test question: where Adobe stcok images be saved on your system?

They be saved in the folder of active learning on your computer

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 * /.

}

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;

A few questions about the recovery image installation

A recovery USB drive created using the Recovery Media Creator contains the Windows operating system and is it the Windows key to reinstall - how it is activated. Is it different for the repair disk.

Can be used for a new installation of Windows 7 on a new SSD? Is this just a case of connection and the recovery disc running on the new drive to th? How the recovery Partition can be re-created on a new SSD?

Drop Hello

I can see user Justinian gave detailed answers, and I hope you understand how it all works now. Of my overwiev aside:

What exactly is recovery image?
+ Recovery image is an exact copy of a hard drive and contains the exact copy, byte by byte, a hard disk partition. The copy includes all the partition information, sectors priming, the table of allocation of files, installation of operating system and software application different. +
+ You are using installation Recovery CD/DVD/USB, you can restore your system after heavy data loss, caused by an accident of operating system, hardware failure or complete virus attack. +
+ Recovery image installation procedure allows the installation of system and easy to user. Unfortunately, it is not possible to restore only certain files from a disk image. +
+ Each recovery image is designed for a specific model laptop and it cannot be used for any other series of notebook. +

With other words, recovery image is a software package that contains Windows operating system, all the drivers needed for some portable model, Toshiba tools, utilities, and also some other software. A lot of people don't like these additional software, but no you don't have to use it. all things you don't like you can remove it from the system.

Activation of recovery image:
When you buy the phone model you also purchase the license for the preinstalled OS version that you get with your machine. After start and contact to the internet OS will be checked and activation will be valid.

Please note: you can reinstall original image recovery 100 times if necessary. There is not a kind of limitation, and whenever it will be activated.

Take care of your recovery media (DVD/USB). Do not lose it.

Of course, it can happen that you do not find your recovery media. In this case you can order.
Recovery order - https://backupmedia.toshiba.eu/landing.aspx
Questions and answers about ordering recovery DVDs - http://aps2.toshiba-tro.de/kb0/TSB0202TA0000R01.htm

If you have any other questions do not hesitate to ask.

A few questions about Toshiba recovery image

Hello
I'M ALPER. I HAVE A PROBLEM EVEN WITH OTHER FRIENDS. THE PROBLEM IS THAT I INSTALLED WINDOWS 7 PRO TO MY COMPUTER, I COULD NOT GO BACK TO THE ORIGINAL OS.

I HAVE HDDRECOVERY IN MY HARD DRIVE. BUT I HAVE NO RECOVERY DISK.

I TRY THE METHOD BY FOLLOWING THE LINK. IT DOES NOT WORK. WINDOWS DIRECTLY WHEN THE COMPUTER STARTS. NO RECOVERY.
http://forums.computers.Toshiba-Europe.com/forums/thread.jspa?threadID=68031

NOW, I'LL TRY IT THE HARD WAY. IF I WANT SUCCESS I'LL YOU SAY.
http://forums.computers.Toshiba-Europe.com/forums/thread.jspa?threadID=40790

BEFORE DOING THAT I HAVE A QUESTION IF I CREATE TOSHIBA RESTORE DISK WITH THE SAME MODEL MY FRIENDS? IS IT WORKING OR NOT?

ANOTHER QUESTION: IS THERE ANOTHER WAY?

Thank you

> I HAVE A SAME PROBLEM WITH OTHER FRIENDS
That s best evidence of something interesting that we write here: person read document s user manuals.

In this section of the forum you will find many discussions with very good explanation of how it works. In any case, here is brief summary:

Each laptop model comes with preinstalled OS (factory settings). HARD drive (from the HARD drive partition) recovery facility can be launched and work if the laptop to factory settings. Otherwise you will have access to files from recovery, and there is also no possibility to start the installation of HARD drive recovery.
> BEFORE I HAVE A QUESTION IF I CREATE TOSHIBA RESTORE DISK WITH THE SAME MODEL OF MY FRIENDS?
In general Yes, but this other model must have the same part number. Send your model name and we can tell you this part number.

In any case, in my opinion the best solution for you is order the original Toshiba Recovery disk and use it for recovery image installation.

two questions about the scattered images secure

I created an image that is secure and encrypted for sensitive documents.

I have two questions:

1. when I use the disk (if it is up, open and available), and I want to add something to it, I usually drag the file everywhere where it is currently in its destination folder in the sparse image control. But it automatically makes a copy - with the same name (not with a '-1' ever, not with a suffix 'copying' or 'alias'). Which defeats the purpose and makes things complicated - I find myself comparing what is in each location to make sure it's in the sparse image and then it makes me nervous to delete the original. Why it does this and how can I change such as dragging a file in a secure location gives there is not that a second copy of it left in an UNsecure location?

2. I'm using Time Machine backup drive sitting on my desk (and a separate utility for monthly clones on a different backup disk). Automatically makes Time Machine backup the content of the rare picture even if the safe drive is not mounted, open and available? I hope not, because that would undermine the usefulness of having a backup disk on my desktop running of ordinary Time Machine backups, but find it me just that all the steps I take of course I do not lose any data may be so overprotective I have thought/hoped.

Sous_forme_d' addendum, I'll check my clone, but as I put this out there, I wonder if SuperDuper!, my application of cloning is cloning automatically secure disk content, so... like the thoughts of anyone about it if it's an application that they use).

FYI: I'm running 10.11.2

Thank you.

(1) by default, OS X makes a copy with the overcoming of the limits of volume and moves when in the same volume.

You can reverse this behavior by holding down the command key when you drop. You will see the insignia of the icon changes (green + for copy, empty for move).

(2) Time Machine will return to the top of the image 'file', but only when it is unmounted. I do not think that it automatically includes the volume mounted, but I would like to check and add to the exclusion list.

Beginner question: resizing/scaling of images, STROKE and workflow.

Hi all. I am new to the world of the Illustrator/design, so my apologies for what may seem like a stupid question and I thank you in advance for the advice.
Basically, I created an image in illustrator that I want to use at different sizes. I thought at the start: "Hey, it's all the stuff of vector, so I should just be able measure it goes up and down without problem! However, I quickly realized that while paths are vectors, the stroke applied to paths are not, and they do not change proportionally when I adapt paths. So, if I increase the size of the image, the objects that were once touching now have gaps between them, and if I reduce the size of the image, certain traits begin to overlap. Just to be perfectly clear on what I'm talking about, here are a few screenshots:
Original Image scale Small scale image
My questions are:
1. Was my assumption that 'Illustrator files can be resized easily and inconsequential"simplistic and erroneous? (It seems that it is!) Please help me understand how illustrator is or is not useful to create scalable images.
2. Is the right way to manage this just to determine the need for size and have separate AI for each size files, or is there a way to 'better' which implies not manually kicks setting for images of different sizes?
3. Third option of comedy!
nvenet,

The perception of the way it should be is correct; but there are a few strangenesses that can mess things up.

An important one if you have strokes & effects of scale checked or unchecked, in this case, it must be checked, and I believe that it is unchecked.

You can find it in the Transform palette dialog box.

You can consider the object > path > feature of contour, then Ctrl / Cmd + SHIFT + G to ungroup, then Pathfinder > unite to change the path traced in a simple filling/nostroke. This will work regardless of features & scale effects.

Another important is the ghost of pixel grid Align attribute which may haunt you, know well in other cases; often you can recognize by distortions. If it isn't:

You can select the entire document and untick finally align on the pixel grid in the Transform palette and uncheck also align new objects to the pixel grid in the options of the Launcher.

And you can avoid the types of documents with the default (RGB for the web and other) or change the default value for such documents.

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

Really simple question of Div

Hi all
I'm on a really steep learning curve like a beginner in web design. I working on different ways to prepare my pages and have been warned against the dangers of the absolute use of divs posiitoned. If someone could point me in the direction of a good tutorial on how to expose my page using divs normal it would be great. The problem is, I have to work within a model whioch someone else designed - and I have no communication with the previous Designer! I have an example of something simple, I'm trying to make here:
http://www.stosmunds.Dorset.sch.UK/template/test.html
It seems really trivial. In the templae box I created the page, I want to be able to put text inside a div - who will have a white background - but then I want to be able to change the background of the area model, the div on top of, to an image.
Any advice would be greatly appreciated!

In your html page, nest your text inside your model of div div:

The text here.

Then, in your CSS style sheet, set a background image for the div of model and the background of your div text color to white:

{#template}

background-image: URL(Images/YourImage.jpg);

/ * make sure that the path of the URL is relevant to the structure of your site

and to add other CSS properties you need * /.

}

#text {}

background-color: #FFF;

/ * Add all the other CSS properties you need * /.

}

Chris

Question on licenses and Images of the

My school is having a t-shirt design contest. In design they like, the tshirt uses an image of royalty free stock. I took this picture (of a grunge frame) for 1 credit (free with a new account) of the Web site and to adapt it to design tshirt with a whole other items handled. The problem is that the license I got from them is not that extended the resale of the products. The cost of being able to do this is 100 credits or $88. No way the school will do.
The image is stretched, the parts are removed, and another image is projected on the top, only really making the outline appears. Also, I increased the size until she is all pixely before throwing in a paint filter. Would there be questions if the school has sold this tshirt without the license, even though I changed the image? I won't be responsible for what.

If I was using pictures of the reserve, of any kind, I adhere to the exact specifications of the license of this entity.

Now, there is nothing to prevent you from creating a similar design, but one that is yours.

Just my way of thinking,

Hunt

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.

The div background image in the process of disappearance in the product page of model

Hello
I created a Web page using css and DIV tags I created an editable region that has a background in her image. Within this editable area there are a couple of ther tags div too. When I look at the page as a template, it looks fine, but when I produce a new page of this model, the background image disappears?

Can anyone help with this?
Thanks in advance.
Andy

What file name is the background image? The path is correct?

text-align: center in div with images and text

If I put a div with text-align: center, and includes annother div with text as an image inside, will be the text and the image centered on the page in all browsers?
, It works very well on fire fox but so do a lot of things! Ive tested the net IE rendering (http://ipinfo.info/netrenderer/index.php) and it seems to work fine. IM worried however as Ive read the tutorials that use means much more complex centering images and text so im wonding if it has some problems.
Thank you

It works fine in all browsers.

Div background image clipping
Hi guys,.
I have a div on my page which I use as the main body, and I put the color of white background, but then put on a background image (a gradient of grey to white). In design mode, this has the desired effect - i.e. it seems to be a long gradient, but when you preview in Firefox and IExplorer top of the background image is cut off. Any suggestions?
Here are the relevant CSS:

> background-attachment: fixed;

Delete this.

--
Murray - ICQ 71997575
Adobe Community Expert
(If you * MUST * write me, don't don't LAUGH when you do!)
==================
http://www.projectseven.com/go - DW FAQs, tutorials & resources
http://www.dwfaq.com - DW FAQs, tutorials & resources
==================

"DECLARED" wrote in message
News:fp7nje$NKA$1@forums. Macromedia.com...
> Hi guys,.
> I have a div on my page which I use as the main body, and I put the
> white background color, but then put on a background image (a gradient
> of
(> gray to white). In design mode, this has the effect desired - that is, it
> seems
> be a long degraded, but when the top Preview in Firefox and IExplorer
> of
> the background image is cut off. Any suggestions?
> Here is the relevant CSS:
>
>
> background-attachment: fixed;
> background-color: #FFFFFF;
> background-image: url(Images/background.png);
> background-repeat: no-repeat;
> background-position: top center;
>

Question of div bg image

Similar Questions

Maybe you are looking for