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.

Tags: Dreamweaver

Similar Questions

Online banking site now displays the page of connection in text alone; on the other computer it always shows the page with images and clickable - is - it a solution?

Previously when I logged my INGdirect Bank online account, the window connection come showing images and clickable hotspots. Window connection changed recently, to a text only version. On two different computers using Firefox, the connection returns to the previous version, with images and clickable hotspots. I do not know to have done anything to change my settings in Firefox or on the website of the Bank. Because it seems to be located on this computer, I tried to download the latest version of Firefox, but didn't get any change, connection always comes back to the text-only format.

Try to clear your browser's cache.

Tools > clear recent history... - details and of course Cache hit only is selected, and then select all and click the clear now button.

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;

create ListField with image and text in bb 5.0

I want to have several unique rank of ListField field, one will be image and other will do anything, say LabelField...

someone please tell me it's easy, if the code is provided, it would be better

Thank you for the ADV.

There are no fields inside ListField - everything is designed by the ListFieldCallback.drawListRow. You choose the page layout. Remember that all positions must take in setting account drawListRow y (do not do that is a very common mistake).

Create Adobe Muse Widget with images and the external JS file.

Hello, I want to create widget that include all about 7-8 images and 1 JS file.
I read the documentation, but I have a few questions.
Is there any way to import images of widget (no link to them)?
Y at - it means to import the folder 'images' with pictures on it and this folder to extract to which I have 'say' (for example level even where is the page or file in the folder root of the site)?
Is there a way to include the JS file?
In my opinion, that these things are possible, but with Adobe Muse themes.
How to manipulate the page with the options for the widget?
For example, in the options, you can choose between 2-3 options and the option to apply to the page.
I want the option widget that can change 1 variable JS variable will be in the script that is added to the page (not external JS file). I know how to add this script to the page, but I don't know how to handle with the widget options. Here's another example, I have this:
...........
< bodyEndHTML >
<! [CDATA [< script type = "text/javascript" >]]
$(function() {})
var someVar = "somevalue1";
});
< /script >]] >
< / bodyEndHTML >
< / HTMLWidget >
I want with option widget to manipulate this variable 'someVar' (its value), between the selected values.

You work with html exported Muse,

It would be a complete customization with form action, you can try to use the coding corner

Thank you

Sanjit

try to create several boxes to click with images and audio comments

I'm not too familiar with captivate and would like to possibly ready to provide guidance.
I am creating a screen in a course which is a graph (jpeg) and in the graph, there is 4 areas that are false. I want to learners to find out all the four questions by clicking on each of them. When they click on each of them, will receive an image with textual comments (jpeg) and they will also hear a short audio clip. When the audio is finished, the image should disappear, the learner can then on other possible issues that will work the same way. There is no notation, there is no restriction to find each number in a specific order, etc.
I tried to create boxes to click for this, but it does not work... the project never stops for the learner to click on the graph, it just continues and played audio until the learner clicks on anything whatsoever... and never displays text comments (jpeg).
Thanks in advance for any help. HaPpY Friday!
Captivate 4: export outside in a swf file.

Hi again

mon_mac wrote:

Thank you for the reply rick.

You're more than welcome!

mon_mac wrote:

Yes, I want the project to have a break. for some reason he has not paused. If you look at the timeline, my audio blade plays to set up the interaction, then when it gets to the click box he just continues to play with no break and plays the audio that I attributed to him. It is not disply my image of feedback however.

This makes me wonder how you preview. If you say that you use the type 'Play this slide' preview, that's why. This type of preview is more to simply observe rough (and I don't want to fuck in every sense of the term) calendar. Interactive elements such as click boxes, buttons, and text entry boxes do not work in this type of preview. That's why you see not all comments. (If this is the type of preview you used)

mon_mac wrote:

Yes, I am trying to use an image for the comments, not a caption box. can I do this?

Well, Yes and no. In that sense, Yes, you could configure things so that a click simply allows the playback head visit another slide or whatever. And on the slide that you visit, you have an image, the user sees. Who could act as your comments. You can also configure the click box with a legend of success or failure to the feedback. They click on the click box or the outer and trigger the legend must be revealed. You can use an image of your choice for the legend. And must not contain text.

Before going further, let's see if everything what I offered this day helps your question.

See you soon... Rick

Useful and practical links

Captivate wish form/Bug report form

Certified Adobe Captivate training

SorcerStone blog

Captivate eBooks

Saving as a single .html does not include the full web page (with images and properly formatted) as it did before! What happened here?

First of all I must emphasize that I keep always up-to-date as soon as a new version of Firefox will appear.

Now, a few months ago Firefox was able to save complete web pages as a single .htm file (including images and styles). Proof of this is that I have done it then. But now, after a few Firefox updates (sorry, but I can't identify exactly which of them might have been the one that messed up for me), while he was trying to exactly the same thing on the same website it is no longer possible. What happens is that now to choose the option 'Save the Web as HTML' (which I think is that I used to select before) it will not save the images and styles of web page, only the basic text and the home page anchors while he primarily save!

I still have the old .htm files, I saved before (I can give them to you) and they work again properly on any PC (I tested), so it means that it is not a .htm file using the cache on my PC to render the images links to the file.

I am aware that I can choose the 'Full page' option, but it creates a folder that I don't want to, so I'd rather have the old option to export the web page in a unique and properly shaped file that includes images!

Thanks in advance!
- Mozilla Archive Format: https://addons.mozilla.org/firefox/addon/mozilla-archive-format/

Thumbnail images do not match with images and file names

I got a surprise this morning! Thumbnails of my photos do not match with the real images and file names. File names correctly matching the real images. Pls help how to fix. Could it be caused by a virus?

I got a surprise this morning! Thumbnails of my photos do not match with the real images and file names. File names correctly matching the real images. Pls help how to fix. Could it be caused by a virus?

==========================================
What version of the program / are you use ot see the pictures?

How to include a div with search and replace

I need to include a < div >... < / div > in this div below to set the properties of the iframe in about 100 pages.
" < div id ="Ingress2"> < iframe width ="100% "height ="415"src =" https://www.YouTube.com/embed/sKAMT9JW3Uw?list=PLfAeoO5XON0FemZ2KxTsM65r1kC-vRK68 "frameborder ="0"allowfullscreen > < / iframe > < / div > "
I can inlude the punch opening div by < div id = "Ingress2" > < div > but how I can inlude the closure then (he reaplces all my iframes) < / div > with the find and replace tool?
I tried to use the expressions in the tool, but I don't really understand how it works.
Thank you in advance / / Annette

Unfortunately, the forum software is to convert the part of my regular expression into a link. We'll see if it works.
```
()()
```

problem with image and pdf files to print

Hello

When I want to print images and PDF files in windows 7, it takes too much RAM space so small capacity it has (for example, the file has 52 KB capacity, but it takes 21 MB of RAM)

and I have to wait until this file (image or PDF) completely buffered in RAM, and that is problematic for me.

Help me please.

Thank you

Hello Amirafshari,

Thanks for posting your query on the Microsoft Community.

We need to know the following information to isolate the problem:
1. When you print files no PDF, you have the same problem?
2. What are the specs of your PC?
3. Where are the files located? Is this an internal or external storage device?
  - If the file is located in your external storage space, you can transfer into your internal storage space first before printing.
4. Have you tried the activation and deactivation of your print spooler? If this isn't the case, please follow the steps below:
  - Go to CMD.
  - Type "net stop spooler" and press ENTER to stop the spooler.
  - Type "net start spooler" and press ENTER to re start the spooler.
Let us know how things are going.

Kind regards

Jamille Nar

How to create a listfield with image and text?

How can I add images in a list. In addition, I also want to display with the image, a text. How to do?

Help, please...

in a listfield you use drawListRow to paint each line.
You can use drawBitmap to paint a picture and drawText to paint the text.
There are a few samples on the basis of knowledge, take a peek.

Serious problems with images and text

Hello, I created a little site selling comics (www.lecosechecipiacciono.it/mercatino).
Basically, I created a few pages that presents images of comics for sale and the widget paypal for the payments.
But strange things happen because whenever I'm working with MUSE because always asking me to check the images. I thought it was a small problem, so I continued to work. Now, I noticed that MUSE is the confusion between all the pictures of the pages created (change the link from them so I got a blanket indeed another) and now I found that she changed the text with the information that I have never insert (for example, the number of strips drawn).
I saw that also eliminated a lot of information on the paypal widget (point number, price and so on...!).
I have created many pages and these problems are quite frustrating for me because I saw that arrange text and photos MUSE still has similar problems. It is therefore impossible to work. What can I do?
May be the problem, I often move the folder between a computer and others working on the site?
Let me know, otherwise I have to change the software to create websites because all this is madness...

UPWARD...

Problem with images and text of Kaleidoscope
Dear reader
I'm having a problem with the Kaleidoscope of the content in the left column of my Web page. It will align correctly in internet explorer, but I would like it to also align correctly in Opera and Firefox as many people use browsers thise also. Here are links to the screenshots to show you what I mean. The problem is selected in orange.
http://www.iggpog22.com/mystuff/gap.png - there is a gap between my star logo and the header image 'links '.
http://www.iggpog22.com/mystuff/nogap.png - there is no difference between my star logo and the 'Links' header image in dreamweaver so that is how I like to view.

If someone could offer some advice, I would be very grateful. I generally try to develop things for me, but this problem has left me speechless. I can also provide the html code is that need you. Thanks again for any response.
. Sam

Edit
This is a link to a .rtf file of the code for the Web page
http://www.iggpog22.com/Mystuff/ig2code.RTF
You can also visit my Web page at the www.iggpog22.com (I include www. otherwise, it shows the wrong website)
I hope that's enough to be more useful
Monday, July 16, 2007 15:42:53 + 0000 (UTC), "02cspearson".
wrote:

> http://www.iggpog22.com/mystuff/gap.png - there is a gap between my star
> logo and the image header 'links '.
> http://www.iggpog22.com/mystuff/nogap.png - there is no difference between my
> star logo and the image header 'Links' in dreamweaver, but that is how
> I would like it to appear.

Problems of this kind always requires that we look at the code of the page. There
easier to diagnose if you post a link to the actual page. Fortunately, I
has been able to find the URL of the screenshot. What you see is the
top margin on the paragraph around the links.jpg image. You can fix it
by changing this:

<>
SRC="images/Iggpog22Index/headers/links.jpg".

To do this:

<>
SRC="images/Iggpog22Index/headers/links.jpg".

Gary

Rounded corners with image and text inside

I've been Googling about this tutorial, but nothing shows up except for the creation of a box with text inside or a rounded picture. In addition, I try to combine 4 rounded rectangles on a single line, but it keeps jumping to the next row. I don't know what I'm doing wrong, can someone please help me with this... I use Dreamweaver CS6 on OS X 10.6.8

Add a css width...

Some text here

This css is implemented as inline to make things easier in the forum, but your css should be in theor an external stylesheet instead.

I am running windows XP. Just Atarted work with images and it seems every time I select a photo it is copied. How can I stop this

I was doing some photo editing and to my surprise some of my images are copied into the file of hundreds of times. How should I do

I was doing some photo editing and to my surprise some of my images are copied into the file of hundreds of times. How should I do

==============================================
Unwanted copies have file names with
copy "prefix of"?

Example: Copy of IMG_1455.JPG

If_yes_maybe the following tutorial, I wrote
for XP offers a few ideas:

Also... There is a link to another method
at the end of this tutorial.

Here's how to reproduce the unwanted
copy of...

Hold down your CTRL key and select multiple files...

Place your pointer over the selected group
(holding the key ctrl) and left click / drag
the group even just the slightest bit... now
release the mouse button.

Oooops... multiple copies...

Maybe the following will help:

Sometimes most of the person who
trying to select multiple by holding the CTRL
or the SHIFT key down while clicking on the left to select the
image files.

Copies are created when you are unable to
completely release the mouse button before
you move the pointer to another file. When a group
the selected file is dragged... even the slightest
release the mouse button will produce a bit...
copies of all the files previously highlighted.

It's a little easier if you have your folder
Options set at single click... that way you can
select/deselect a file with just a mouse more
and you don't have to click. For multiples you
I have to keep... CTRL or Shift.

Do not click on... no slip... no copy... maybe that of
your solution. To adjust the click...
Open a folder and go... Tools / folder
Options / General tab... Check... 'single click '.
To open an item"/ apply / OK.

If you want to delete all the files in a folder
You can try the following:

Reach... Edition / select all... or type... CTRL / has...

With all of the files selected... go... Drop / delete...
or press your delete key... or... click on the
Group and choose 'delete '.

How do I find and remove unwanted 'copies '.
of your image files.

Open the folder that the images are saved in and
on the left, click on the button 'Search' in your toolbar.

(If you view the files from a montage
program and do not know where the record is... right
Click on one of the image files and the menu...
choose... Properties. The path to the folder will be
in the tab 'General' to 'Place').

In the research pane select... "All files and folders".

In the "All or part of the file name" field. Come in...

a copy of

Now... on the left, click on the search"" button.

When the search is complete... go to... Edition / select all...

Then go to... Remove / delete.

You will see a dialog box asking if you are sure
you want to delete the files, click Yes.

Now... on the left, click on the 'Back' button in your toolbar.

Now the remaining files should be your originals.

If you delete the wrong files... recover from
your basket now.

Also see the following article:

Trouble fixing: stop Windows copy
Files accidentally when Ctrl-click selecting
http://www.howtogeek.com/HOWTO/Windows-Vista/fixing-annoyances-stop-Windows-from-copying-files-accidentally-when-CTRL-click-selecting/

text-align: center in div with images and text

Similar Questions

Maybe you are looking for