Text Image Style

Hi all,
Trying to enable image style for Text & Image Component. After looking at Geometrixx example, I've added image_styles property in
/etc/designs/<mywebsite>/jcr:content/contentpage/par/textimage
But I cannot add more than one style in the property value. Please help.
Thank you.

What is the error you are getting? Alternatively copy from [1] & paste at your design.
[1] /etc/designs/geometrixx/jcr:content/contentpage/par/textimage

Similar Messages

I copy text, paragraph styles, character styles & images from 1 document to another only text copies

I have a few documents that have text and images that is frequently repeated through many chapters of an In Design book. (Printing, exporting etc.) I used to select all in the source document, Command + C to copy it, change to the target document, Command + V to paste it. It worked well for six months.
About two weeks ago it stopped working (shortly after an update to In Design). I have text, paragraph styles, chacter styles and images in each document. Only the plain text copies over. This is the same for any document.
I haven't changed Preferences in six months.
I'm on a Mac 10.8.2, In Design CS6 version 8.0.1.
It's driving me crazy! It's a lot of work to reformat each 2 to 10 pages after copying it in.
Steven Hussey

Source:
Target:
Here you go.
Steve

How do I get rid of the underline in text - tried   style decoration:none

I am trying to get rid of the underline on some text which is not a link. I have tried putting style decoration: none in various places and I still can't get rid of it.
Any ideas?
Here's my HTML
<!doctype html>
<div id="businesscircleportfolio">
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<script src="respond.min.js"></script>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
/* I have no idea what this code below does but Dreamweaver randomly put it in*/
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
/* This is code I put in that I found on the web that said it would work but doesn't*/
<STYLE>

</STYLE>
/* end of that code*/
</style>
</head>
<body>
<div class="portfoliolinkbackground"><font face= "arial" color= "white" font size="4" > Home </font><a id="portfoliolinkclear" href="index.html"></a>
</div>
    <div id="adtitletest"><img src="images/adtitlewithwdandgraphics.png" width="700" height="220" alt=""/></div>
<div id="businesslinkport"><font face= "arial" color= "white" font size="3" >Portfolio</font></div>
    <a id="businesslinkclear" href="portfolio.html" style="text-decoration:none"></div>
    <div id="classicallinkport"><font face= "arial" color= "white" font size="3" >Client</font></div>
   <a id="classicallinkclear" href="client.html" style="text-decoration:none"> </div>
     <div id="hiphoplinkport"><font face= "arial" color= "white" font size="3" >Contact</font></div>
     <a id="hiphoplinkclear" href="contactform.html" style="text-decoration:none"> </div>
     <div id="rocklinkport"><font face= "arial" color= "white" font size="3" >Pricing</font></div>
    <a id="rocklinkclear" href="price.html" style="text-decoration:none"> </div>
    <div id="facebook"><a href="https://www.facebook.com/paul.kirsch.399/about" title="facebook" target="new">
      <p><img src="images/facebookdkblue.png" width= "95" height="60" alt=""></p></div>
<div id="linkedin"><a href="https://www.linkedin.com/profile/view?id=30306216&trk=nav_responsive_tab_profile" title="linkedin" target="new"><img src="images/linkedin.jpg" width="55" height="52" alt""></div>
<div id="twitter">
    <img src="images/twitter.png" width="58" height="58" alt ""></div>
    </div>
    <div class="prices"> <font size="3" color=#b3f5f1 font face="helvetica" style= "text-decoration:none">
Graphics and Web Service Prices<br>
<ul>
<li>Custom Web Site Graphics $350</li><p></p>
<li>Custom Logo $125</li><p></p>
<li>Custom website ($40/hr - price dependent on complexity and deadline)</li><p></p>
<li>Five-Page Wordpress Brochure Web Site you can update yourself $350</li><p></p>
<li>Each additional page from the same template $40/page</li><p></p>
<li>interactive forms - (surveys etc.) $250+ </li><p></p>
<li>Site maintenance (we update your site) $360/yr </li><p></p>
<li>Rebuild of existing site $40/hour </li>
</ul></div>   </font></div>
   </div>
    <p> </p>
    <p> </p>
    <p> </p>
</body>
</html>
</div>
/* I have 60 tons of CSS much of it junk. It is below*/
charset "UTF-8";
/* CSS Document */
body {
background-color: rgba(30,30,30,1);
margin-left: 0px;
left: -130px;
margin-top: 50px;
line-height: 5px;
position: static;
padding-top: 5px;
height: auto;
#div1 {
margin-top: -40px;
margin-left: 275px;
margin-right: auto;
position: relative;
#div9 {
margin-top: -15px;
margin-left: 220px;
margin-right: auto;
position: relative;
float: left;
#adtitle:
margin-left: 500px;
#div2 {
display: block;
margin-top: 100px;
margin-left: 450px;
margin-right: auto;
position: relative;
border-radius: 100% / 50%;
.meatsunsetshadow {
margin-top: -120px;
margin-left: 390px;
width: 500px;
height: 700px;
display: block;
background-image: url("images/me_atsunsetbackground4.JPG");
background-size: 500px 700px;
-webkit-box-shadow: inset 1px 2px 23px #FFF;
box-shadow: inset -5px 30px 25px #000000;
-webkit-border-radius: 75%;
border-radius: 75%;
margin-bottom: -750px;
top: -60px;
#clear-oval {
img src: url(clear-oval.png);
margin-top: -100px;
margin-left: 100px;
-webkit-border-radius: 75%;
border-radius: 75%;
#abouttext {
margin-top:-165px;
margin-left: 40px;
#shadow a {
    display:block;
    width:900px;
    height:700px;
.box-shad {
margin-top: 100px;
margin-left: -188px;
width: 800px;
height: 600px;
display: block;
background-image: url("big-tree-final1.jpg");
background-size: 800px 600px;
-webkit-box-shadow: 15px 15px 15px #000000 inset;
box-shadow: 15px 15px 15px #000000 inset;
-webkit-border-radius: 50%;
border-radius: 50%;
position: static;
.box-shad a {
    display:block;
    width:900px;
    height:700px;
#portfolio {
width: 100px;
height: 100px;
margin-top: 610px;
margin-right: 200px;
margin-left: -75px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(92,87,58);
position: relative;
top: -900px;
justify-content: center;
align-content: center;
text-align: 80px;
text-indent: 77px;
text-align-vertical: -5px;
#portfolioprice {
width: 100px;
height: 100px;
margin-top: 256px;
margin-right: 200px;
margin-left: -74px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(119,87,35);
position: relative;
top: -800px;
justify-content: center;
align-content: center;
text-align: center;
#portfolioclassical {
width: 100px;
height: 100px;
margin-top: -185px;
margin-right: 200px;
margin-left: -30px;
margin-bottom: 250px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(119,87,35);
position: relative;
top: -800px;
justify-content: center;
align-content: center;
text-align: center;
text-indent: 60px;
#portfolio2 {
width: 100px;
height: 100px;
margin-top: -200px;
margin-right: 200px;
margin-left: -50px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(119,87,35);
position: relative;
top: -800px;
justify-content: center;
align-content: center;
text-align: center;
#businesspageportfolio {
/*this covers the circular portfolio link for hiphop and business*/
width: 100px;
height: 100px;
margin-top: 700px;
margin-right: 200px;
margin-left: 225px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(92,87,58);
position: relative;
top: -800px;
display: flex;
justify-content: center;
align-content: center;
text-align: center;
align-items: center;
text-indent: 77px;
#textforbusiness{
position top: -300px;
margin-top: -840px;
margin-left: 230px;
margin-below: -50px;
margin-bottom: -150px;
.wrap {
transition: -webkit-transition 1s ease-in;
transition-delay: 1s, 2s;
transition-duration: 1s .5s;
.wrap:hover {
-webkit-transform: translateZ(-200px);
#portfoliobusiness {
/*This is the circle for business on the portfolio page */
width: 100px;
height: 100px;
margin-top: 262px;
margin-right: 200px;
margin-left: 176px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(202,177,136);
position: relative;
top: -35px;
justify-content: center;
align-content: center;
text-align: center;
text-indent: 77px;
#spacertwo {
#portfoliohome {
/*this is the circle on the portfolio page for home */
width: 100px;
height: 100px;
margin-top: 76px;
margin-right: 150px;
margin-left: -398px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(204,197,181);
position: relative;
top: -420px;
justify-content: center;
align-content: center;
text-align: center;
text-indent: 77px;
line-height: 20px;
#clearcircleportfolio {
/* this is in the index page for portfolio link*/
img src: url(images/clearcircle.png);
width: 100px;
height: 100px;
margin-top: -102px;
margin-left: -175px;
left: -60px;
z-index: 10;
top: -60px;
#clearcirlehomeportfoliopage {
position: absolute;
top: 8px;
left: 10px;
width: 700px;
height: 900px;
background-color: green;
#clearcirclebusiness {
img src: url(images/findme.png);
width: 100px;
height: 100px;
margin-top: -192px;
margin-left: -80px;
margin-bottom: -90px;
padding-bottom: -90px;
-webkit-border-radius: 100%;
border-radius: 50%;
-webkit-border-radius: 50% 50%;
left: 40px;
#clearcircleclient {
img src: url(images/findme.png);
width: 100px;
height: 100px;
margin-top: -110px;
margin-left: -00px;
margin-bottom: -98px;
padding-bottom: -90px;
-webkit-border-radius: 100%;
border-radius: 50%;
-webkit-border-radius: 50% 50%;
z-index: 9;
top: 80px;
#clientneeds {
width: 100px;
height: 100px;
margin-top: -250px;
margin-right: 200px;
margin-left: 70px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(138,116,79);
position: relative;
top: -800px;
text-align: 200px;
text-indent: 77px;
#contact {
width: 100px;
height: 100px;
margin-top: -100px;
margin-right: 200px;
margin-left: 225px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(96,89,83);
position: relative;
top: -800px;
text-indent: 113px;
text-align: center;
line-height: 55px;
/*cleaercircle contact is the index page clear circle for contact-*/
#clearcirclecontact {
img src: url(images/clearcircle.png);
width: 100px;
height: 100px;
margin-bottom: -90px;
padding-bottom: -90px;
-webkit-border-radius: 100%;
border-radius: 50%;
-webkit-border-radius: 50% 50%;
z-index: 999;
margin-left: -110px;
margin-top: -121px;
/*pricing is the price tan circle on index page*/
#pricing {
width:100px;
height: 100px;
margin-top: -100px;
margin-right: 200px;
margin-left: 380px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(180,168,144);
position: relative;
top: -800px;
text-align: center;
text-indent: 115px;
line-height: 55px;
/*repeating the above on portfolio page*/
#business {
width: 100px;
height: 100px;
margin-top: -128px;
margin-right: 50px;
margin-left: 250px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: white;
position: relative;
top: 200px;
justify-content:center;
    align-content:center;
text-align: center;
text-indent: 90px;
#classical {
width: 100px;
height: 100px;
margin-top: -235px;
margin-right: 200px;
margin-left: 345px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(215,170,38);
position: relative;
top: 50px;
text-align: center;
text-indent: 77px;
#hiphop {
width: 100px;
height: 100px;
margin-top: -250px;
margin-right: 200px;
margin-left:500px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(213,164,97);
position: relative;
top: 200px;
display: flex;
text-align: center;
text-indent: 115px;
justify-content: center;
align-items: center;
line-height: 50px;
#clearcirclehiphop {
img src: url(images/clearcircle.png);
width: 50px;
height: 50px;
margin-top: -270px;
margin-left: -150px;
margin-bottom: 90px;
padding-bottom: 90px;
-webkit-border-radius: 100%;
border-radius: 50%;
-webkit-border-radius: 50% 50%;
z-index: 9;
#clearcirclebusiness {
img src: url(images/clearcircle.png);
width: 50px;
height: 50px;
margin-top: -620px;
margin-left: -450px;
margin-bottom: 90px;
-webkit-border-radius: 100%;
border-radius: 50%;
-webkit-border-radius: 50% 50%;
z-index: 9;
#rock {
width: 100px;
height: 100px;
margin-top: -280px;
margin-right: 50px;
margin-left: 155px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(119, 87, 35);
position: relative;
top: 200px;
text-align: center;
.vcenter{
    width: 100px;
    height: 100px;
vertical-align: middle;
.vcenter:before {
content: " ";
display: inline-block;
height: 100%;
vertical-align: middle;
float: left;
.vcenter :first-child {
display: inline-block;
vertical-align: middle;
left: -40px;
text-align: center;
top: -2px;
#spacerhh {
width: 200px;
height: -80px;
#spacerclassical {
width: 200px;
height: 50px;
#spacerbusiness {
width: 200px;
height: 250px;
#div22 {
margin-top: 80px;
margin-left: 200px;
#div23{
margin-top: -30px;
#bustext {
text-align: left
Ul {
list-style-type: square;
margin-bottom: -29px;
#clearcircleclassical {
img src: url(images/findme.png);
width: 50px;
height: 50px;
margin-top: -95px;
margin-left: 0px;
margin-bottom: -90px;
-webkit-border-radius: 100%;
border-radius: 50%;
-webkit-border-radius: 50% 50%;
#clearcirclebusiness {
img src: url(images/clearcircle.png);
width: 50px;
height: 50px;
margin-top: -120px;
margin-left: 0px;
margin-bottom: -90px;
-webkit-border-radius: 100%;
border-radius: 50%;
-webkit-border-radius: 50% 50%;
#clearcirclepricing {
image src: url(images/findme.png);
width: 600px;
height: 600px;
margin-top: -140px;
margin-left: 50px;
.mytext {
    width: 500px;
height: 100px;
.mytext1 {
    width: 500px;
height: 50px;
#facebook {
margin-left: 170px;
margin-top: -10px;
#facebookpos {
margin-left: -20px;
margin-top: -670px;
width: 900px;
height: 900px;
#linkedin {
margin-left: 190px;
margin-top: 20px;
left: -150px;
#linkedinposindex {
margin-left: -20px;
margin-top: 0px;
#twitter {
margin-left: 190px;
margin-top: 20px;
#twitterposindex {
margin-left: -345px;
margin-top: 5px;
.prices {
font-color: white;
font-size: 14px;
font-type: helvetica;
margin-top: -180px;
margin-left: 350px;
z-index: 10;
border: none;
text-decoration: none;
#iconsforpricing {
margin-top: 950px;
#businesslist {
width: 600px;
height: 800px;
margin-top: 100px;
#clearovalfortree {
margin-left: -352px
#facebookposprice {
margin-top: -360px;
margin-left: 30px;
#linkedinposprice {
    margin-top: 0px;
margin-left: 30px;
#twitterposprice {
    margin-top: 0px;
margin-left: -305px;
#pricehome {
width: 100px;
height: 100px;
margin-top: -0px;
margin-right: 150px;
margin-left: -275px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(204,197,181);
position: relative;
top: -420px;
justify-content: center;
align-content: center;
text-align: center;
#priceportfolio {
width: 100px;
height: 100px;
margin-top: 1100px;
margin-right: 200px;
margin-left: 175px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(92,87,58);
position: relative;
top: -900px;
justify-content: center;
align-content: center;
text-align: center;
#priceclient {
width: 100px;
height: 100px;
margin-top: -150px;
margin-right: 200px;
margin-left: 330px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(138,116,79);
position: relative;
top: -900px;
justify-content: center;
align-content: center;
text-align: center;
#pricecontact {
width: 100px;
height: 100px;
margin-top: -150px;
margin-right: 200px;
margin-left: 490px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(96,89,83);
position: relative;
top: -900px;
justify-content: center;
align-content: center;
text-align: center;
#priceprice {
width: 100px;
height: 100px;
margin-top: -150px;
margin-right: 200px;
margin-left: 655px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(180,168,144);
position: relative;
top: -900px;
justify-content: center;
align-content: center;
text-align: center;
#test {
width: 800px;
height: 600px
position: relative;
margin-left: 262px;
margin-top: 10px;
#test img {
width: 800px;
height: 600px;
position: absolute;
left: -487px;
top: 113px;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
margin-left: -80px;
#test img.top:hover {
opacity: 0;
#footercontact {
width 500px;
top: 700px;
margin-top: 1000px;
width: 400px;
#wilsontext {
width: 300px;
height: 100px;
left: -10px;
line-height:.45em;
#clienthome {
width: 100px;
height: 100px;
margin-top: 110px;
margin-right: 150px;
margin-left: -375px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(204,197,181);
position: relative;
top: -420px;
justify-content: center;
align-content: center;
text-align: center;
#clearcircle {
img src: url(images/findme.png);
width: 50px;
height: 50px;
margin-top: -122px;
margin-left: -250px;
margin-bottom: -90px;
padding-bottom: -90px;
-webkit-border-radius: 100%;
border-radius: 50%;
-webkit-border-radius: 50% 50%;
left: -50px;
#angelface {
margin-top: -160px;
margin-left: 0px;
#clientlinkportfolio {
width: 100px;
height: 100px;
margin-top: 860px;
margin-right: 200px;
margin-left: 270px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(92,87,58);
position: relative;
top: -900px;
justify-content: center;
align-content: center;
text-align: center;
text-indent: 77px;
#clientlinkclient{
width:100px;
height: 100px;
margin-top: -250px;
margin-right: 200px;
margin-left: 400px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(138,116,79);
position: relative;
top: -800px;
text-align: center;
text-indent: 77px;
#clientlinkcontact {
width:100px;
height: 100px;
margin-top: -246px;
margin-right: 200px;
margin-left: 520px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(96,89,83);
position: relative;
top: -800px;
text-align: center;
text-indent: 112px;
line-height: 45px;
#clientlinkprice {
width: 100px;
height: 100px;
margin-top: -246px;
margin-right: 200px;
margin-left: 640px;
margin-bottom: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(119,87,35);
position: relative;
top: -800px;
justify-content: center;
align-content: center;
text-align: center;
text-indent: 115px;
line-height: 45px;
#checklist {
margin-left: -120px;
left: -320px;
.portfoliolinkbackground {
background-color: rgba(92,87,58,1);
background-position: 50px 25px;
height: 100px;
width: 100px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
margin-left: 150px;
position: relative;
max-width: 100px;
max-height: 100px;
line-height: 20px;
justify-content: center;
align-content: center;
text-align: center;
text-indent: -1px;
line-height: 99px;
#portfoliolinkclear {
position: absolute;
top: 8px;
left: 10px;
width: 100px;
height: 100px;
background-color: transparent;
#adtitletest {
height: 200px;
width: 800px;
margin-top: -120px;
margin-left: 275px;
position: relative;
#wilsontextgeneric {
margin-top: 40px;
margin-right: 40px;
margin-left: 150px;
margin-bottom: 0px;
height: 80px;
width: 325px;
line-height: 10px;
#cdcovergeneric {
margin-top: 35px;
margin-left: 150px;
height: 500px;
width: 500px;
#facebookicon {
margin-left: 220px;
vertical-align: top;
top: -20px;
#linkedicon {
left: 250px;
margin-left: 236px;
margin-bottom: 22px;
width: 60px;
#twittericon {
margin-top: 5px;
margin-left: 232px;
width: 60px;
height: 0px;
top: -5px;
#businesslinkport {
height: 100px;
width: 100px;
margin-top: 10px;
margin-left: 0px;
position: relative;
left: 350px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(202,177,136);
justify-content: center;
align-content: center;
text-align: center;
text-indent: 5px;
line-height: 100px;
#classicallinkport {
height: 100px;
width: 100px;
margin-top: 150px;
margin-left: 50px;
position: relative;
left: 100px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(215,170,38);
justify-content: center;
align-content: center;
text-align: center;
text-indent: 5px;
line-height: 100px;
top: -150px;
#hiphoplinkport {
height: 100px;
width: 100px;
margin-top: 0px;
margin-left: -300px;
position: relative;
left: 450px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(213,164,97);
justify-content: center;
align-content: center;
text-align: center;
text-indent: 5px;
line-height: 100px;
#rocklinkport {
height: 100px;
width: 100px;
margin-top: 200px;
margin-left: 100px;
position: relative;
left: 50px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: rgb(119, 87, 35);
justify-content: center;
align-content: center;
text-align: center;
text-indent: 5px;
line-height: 100px;
top: -200px;
#businesslinkclear {
position: absolute;
top: 245px;
left: 350px;
width: 100px;
height: 100px;
background-color: transparent;
#classicallinkclear {
position: absolute;
top: 245px;
left: 510px;
width: 100px;
height: 100px;
background-color: transparent;
#hiphoplinkclear {
position: absolute;
top: 245px;
left: 660px;
width: 100px;
height: 100px;
background-color: transparent;
#rocklinkclear {
position: absolute;
top: 245px;
left: 810px;
width: 100px;
height: 100px;
background-color: transparent;
#test1 {
width: 800px;
height: 600px;
position: relative;
margin-left: -25px;
margin-top: -550px;
#test1 img {
width: 800px;
height: 600px;
position: absolute;
left: 347px;
top: 390px;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
margin-left: -80px;
.top1 {
width: 800px;
height: 600px
position: relative;
margin-left: 252px;
margin-top: -0px;
.top1: hover {
width: 800px;
height: 600px
position: relative;
margin-left: 252px;
margin-top: -10px;
background-image: treeinovalonlyforpossiblefade4.png;
#clientchecklistnew {
margin-left: 300px;
left: 150px;
margin-right: 60px;
padding-left: 70px;
margin-top: -150px;
text-decoration: none;
#clientchecklistnew a {
text-decoration: none;
#crossfade {
    position:relative;
    height:800px;
    width:600px;
#crossfade img {
    position:absolute;
    left:230px;
top: -150px;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
#crossfade img.top:hover {
    opacity:0;

Nancy,
You are God!
It worked!
Thanks.
I have a dumb basic question which is sort of related to your shambles comment, which I don't deny is true.
I am confused about whether style.css files get affiliated with each separate HTML page or whether there is just one style.css file that is affiliated with all my HTML pages. If they are separate CSS files, how do I separate each style.css file?
Best, P.

Inline text-shadow style property missing

Hi, I'm wondering if anyone has come across this as I'm at a loss trying to debug it.
I create a composition with text that has a text-shadow. The text shadow is there when I preview in IE11. I upload to my own site and it works fine.
Update: I've checked the composition in the LCMS on other browsers and the text-shadow is there. Looks like it could be an IE issue.
However, when I upload to my clients LCMS, all works correctly, except there are no text-shadows. When I inspect the code produced, the inline text-shadow style property is missing i.e. it is not hard coded in! Everything else is as expected.
In order to deploy the composition to my clients LCMS, I have to change some image url's but otherwise, there are no differences.
I can't work out why the JavaScript is not writing the text-shadow to the elements.
Does anyone know where I can put checks in my JS to see what is happening?
Thanks for any help.
Cheers,
Patrick

Of course, text shadows are not supported in IE9 in particular. I am not sure whether filter is still supported though. You might want to check that out.
Try using filter instead in your css code like:
filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45);
Note: keep text-shadow for the other browsers too.
Hope it works but I make no promise.

Define Default Image Style option ignores Inline setting

I am writing my Vectorworks training manuals using Pages 09 which have a lot of images in them. I want all my images to be inline not floating.
I have followed the instructions in the Help to set my default image style.
I select an image, choose outline, shadows, and inline from the Inspector and then choose Define Default Image Style from the Format/Advanced menu.
All the settings EXCEPT the Inline are saved. And having to change from Floating to Inline each time is a real pain.
What am I doing wrong?

Hi vectorworks trainer
Floating Image is not an attribute of the default image style.
A way around this is to drag a folder of your images into the Media Browser.
Select the image you want in the media browser, copy and click into the text where you want the image and paste. You can also copy and paste from the desktop.
This demonstrates several elements of the poor UI design in OSX.
1. That the obvious (drag & drop) doesn't work as expected
2. Inserting the cursor where you want the image then going to the media browser, loses the focus in the document.
3. The focus does not stay consistent between selection and insertion points.
4. Dragging in text from the desktop behaves differently and does go into the insertion point.
Peter
btw How goes with VectorWorks? We really need a drawing program to fill in the gaps in iWork. Particularly useful would be one that can save Pages' Shapes and allow drag & drop/copy & paste Shapes into Pages documents.

Text / images do not align properly

Good Afternoon Everyone
Many of you will more thank likley tell me to look up different tutorials however my problem is that i learn as i go along ( im like a sponge) the way i learn is by getting it wrong to begin with.
My question is. when i sometimes add an image or text they are perfectly inline for where i want them to be. however when i go into live mode, they are either too high up or too low down.
How do i correct this? ive tried to switch between relative, absolute ect. but all i see that changes is that in absolute i can move the text / image
If you could tell me what im doing wrong and how to fix this this would be great..
I am very new to this and i am wanting this to be a great project...
Thank you in advance

Hi there.
As you will see form the image the "tj lettings is way out of line in the design just to show how bad it is in the live version. im wanting both pieces of text to sit above the grey banner.
the code for the website is as follows ( I think):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.a {
    font-family: "Century Gothic";
    font-size: 16px;
.white {
    color: #FFF;
.blue {
    color: #09F;
.white {
    color: #FFF;
    font-family: "Century Gothic";
    font-size: 16px;
.telephone {
    font-family: "Century Gothic";
    font-size: 16px;
    color: #09F;
.colouredbox {
    font-family: "Century Gothic";
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #09F;
    background-color: #999;
    height: 20px;
    width: 150px;
</style>
</head>
<body bgcolor="#0099FF">
<div id="TJ" style="position: absolute; left: 356px; top: -46px; width: 285px; height: 274px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 230px; color: #FFF;"><P align="center" class="tj">TJ</P></div>
<div id="undertrim" style="position: absolute; left: -3px; top: 393px; z-index: 2;"><img src="website/Undertrim_BLue.png" width="1454" height="500" /></div>
<div id="Tjlogo" style="position: absolute; left: -95px; top: -36px; z-index: 1; : height: 285px; width: 252px;"><img src="website/logo2.png" width="500" height="500" /></div>
<div id="arrowgrey" style="position: absolute; left: 223px; top: 434px;"><img src="website/BannerArrow.png" width="42" height="29" /></div>
<div id="bannertop" style="position: absolute; left: 0px; top: 224px; z-index: -1; width: 1406px; height: 49px;"><img src="website/bannertop.jpg" width="1450" height="50" /></div>
<div align="center" id="email" style="position: absolute; left: 345px; top: 220px; width: 413px; font-size: 18px; font-family: 'Century Gothic';"><p> <span class="blue">e:</span> <span class="white">[email protected]</span></p></div>
<div id="tele" style="position: absolute; left: 947px; top: 222px; width: 203px;"><p class="telephone"><span class="blue">t:</span></span> <span class="white">01159 875 747</span></p></div>
<div id="twitter" style="position: absolute; left: 851px; top: 275px;"><img src="website/twitter.jpg" width="60" height="59" /></div>
<div id="instagram" style="position: absolute; left: 926px; top: 274px; width: 54px; height: 56px;"><img src="website/insta.jpg" width="55" height="59" /></div>
<div id="topprop" style="position: absolute; left: -3px; top: 275px; z-index: -2;"><img src="website/Riverbank launch 030.JPG" width="1453" height="617" /></div>
<div id="Lettings" style="position: absolute; left: 652px; top: -176px; width: 693px; height: 215px; font-size: 152px; color: #FFF; font-family: Georgia, 'Times New Roman', Times, serif;"><p>Lettings</p></div>
<div id="bannertag" style="position: relative; left: 0px; top: 430px; z-index: 2;"><img src="website/bannertop.jpg" width="222" height="21" /></div>
<div id="pofw" style="position: absolute; left: 12px; top: 438px; z-index: 3;"><p class="white">Top Property of the week</p></div>
</body>
</html>

More information re my problem with text image

Hi All
I have designed some text headings (which are in colour) with a transparent background in fireworks and exported it (gif) to Dreamweaver. That is all good. But when I place the text image (as a background image) in Dreamweaver the text has (in places) white edges which I dont want. Any ideas why this is happening???
Any advice
Paul

Just a quick update. There's good news from my side. :-)
Thanks to the Oracle support, with the help from Metalink team, this problem has been resolved now.
Here's what BEFOREPARAMFORM trigger contained:
BEFORE (Original code)
===========
:P_START := TRUNC(SYSDATE);
AFTER (Modified code)
===========
IF :P_START IS NULL THEN
:P_START := TRUNC(SYSDATE);
END IF;
The justification for adding IF statement in BEFOREPARAMFORM trigger has been explained in the following link:
http://www.oracle.com/webapps/online-help/reports/10.1.2/topics/htmlhelp_rwbuild_hs/rwrefex/plsql/triggers/tr_before_param_form.htm
Cheers
Mayur
PS : One thing that I had forgotten to mention about this problem in my original post was that I was facing this problem ONLY when I call the report from Forms using Run_Report_Object method.
But if I run the report directly from the browser by entering the URL (for e.g. http://wt0001:8889/reports/rwservlet?server=my_repsrv&report=report1.rdf&desformat=pdf&destype=cache&userid=user1/pwd1@db1&paramform=yes) into the address field, the report was working fine, which means that the initial values are populated into the parameters on the parameter form and then later by changing the values in these parameters (text item), the report displays the results correctly.
So this problem was only occuring when I tried to run the report through Forms by creating the REPORT_OBJECT in the Form and using RUN_REPORT_OBJECT to generate the report and then using WEB.SHOW_DOCUMENT to publish the report in the browser.

TS2755 After updating to IOS 7.0.6 I can no longer send or receive text images!!! I have tried everything I could find. It is driving me crazy I need to send images for work! I am using a 4S, had NO PROBLEMS until I upgraded the software!!!!

I have tried everything I could locate. I am using a 4S and had not a problem prior to updating the software!!! I need to text images alot due to my job. I am going crazy!!!! Any suggestions????

SMS is a carrier feature, what did your phone carrier say when you contacted them about your issue?
Double check you have MMS turn on in message settings.

Text Link Styles not working in Footer Section

I have a master page with a footer that has three columns of navigation text links inside.
In order to match my design I have created a customer text link style for these links.
However when I preview my site (in muse and browsers) the roll over effect (should show an underline) doesn't work.
I've searched the forums and found that someone else had a similar problem and it was down to them having a paragraph and character style stacked on top of one another. However I have checked this on my links and this is not the case.
NOTE: I have already successfully managed to create a similar style that resides in a side bar navigation panel in some of the sites internal pages and these link styles are working fine.
So, I'm not sure if the file has become corrupt or if I'm missing something that I've done wrong?
One question I have is at which point to you apply the text link style?
1. By clicking on the line of text to select it?
OR
2. By clicking further into the text box; as if you were editing it, then selecting all of the characters in the word you want to make a link. With the word selected, click on the style name in the Character Panel to apply it?
OR
3. as with the above example, once you have selected all of the characters in the word you want to make a link. Click on the Hyperlink drop down arrow (from the main toolbar) and choose the style name you wish to apply, from the drop down box 'Text Link Style'
NOTE:
I'm running version v2.3, Build 50, CL 771675
AIR Runtime: 3.5.0.600
UPDATE:
I couldn't wait any longer, so I just deleted the text boxes and styles and re-created them both and they seem to work now. Lot of additional work though that I'd rather have not had to do.

Sorry, I forgot to say, to see how the email link at the
bottom of the page should look please see www.bethhockley.com
Thanks,
Beth

Problem with text-indent style , select tag on IE

Hi Developers,
i tried text-indent style class for <select> <option> tag .. The following given code is working on Mozilla fire box browser, but it is not working on IE..
I am trying to build a tree structure in the list box with multiple levels without ' ' and <OPTGROUP> does not support multiple levels.
Here is the example with multiple levels.
<html>
<head>
<title>Main </title>
<style>
.style {color:green;font-weight:bold}
.style1 {text-indent:45px;color:red;}
.style2 {text-indent:90px;color:blue;}
.style3 {text-indent:135px;color:green;}
</style>
</head>
<body>
<form name="form1">
<select name="retail" >
<option selected disabled value="">Tree Structure</option>
<option value="Father" class="style">Father</option>
<option class="style1" value="/retail/chandler/">Son 1</option>
<option class="style2" value="/retail/chandler/">Grand Son 1</option>
<option class="style2" value="/retail/chandler/">Grand Son 2</option>
<option class="style3" value="/retail/chandler/">Great Grand Son 1</option>
<option class="style3" value="/retail/chandler/">Great Grand Son 2</option>
<option class="style2" value="/retail/chandler/">Grand Son 3</option>
<option class="style1" value="/retail/chandler/">Son 2</option>
</select>
</form>
</body>
</html>
Please help me out by providing a solution to this issue.

You have bigger problems than you realize. On this page - the one after the Splash intro page,
http://www.transgenic-rabbit-models.com/Home.html
As seen in Firefox with increased text. See screenshot.
Notice how your text boxes are colliding into other text boxes? This happens when web designers paint themselves into a corner with a rigid layout. Web pages must be flexible for all screen and text sizes.
You are using APDivs as a primary layout method which is a bad choice. And here is why.
http://apptools.com/examples/pagelayout101.php
Suggested Tutorials -
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

I would like to create a custom datagridview column containing text images and MS Word OLE objects

I am an old time LabView programmer going back to 2.0. But moved on with my career several years ago. But here I am back attempting a custom column in dataviewgrid control. .NET is hard. My goal is to read in an MS Word document and parse it out to a custom column. The column will contain regular old text, images and MS Word objects, sometimes called OLE objects.
There is scant information on creating .NET and labview when it comes to form manipulation. I have stuggled through the learning curve and now able to insert a text box column into a datagridview and add it to the form container and actually size it to the datagridview control. I've added a menu, but still figuring out the layout class. Did I say .NET is hard?
I know there must be a custom column created and even found a C# example, sorta. Trouble is the example uses easy stuff like override and private. It will take me another 3 weeks for that, darnit I'm getting lazy.
Does anybody out there have some example of a custom column in the datagridview?
If you ask to post code. I have nothing I would be proud to show.
The sorta go by: http://www.codeproject.com/Articles/31823/RichTextBox-Cell-in-a-DataGridView

This is what the progress looks like so far. I broke the tasks down in sub VIs. One to create a custom cell so I can add it to the column CellTemplate. The other to add the column to the control. My limited knowledge of .NET and the implementation in LV causes me to question the value of LV .NET.
The coding to create a TextBoxCell override with ImageCell CellTemplate. Honestly I'm guessing what to do, because the LV documentation on inheritance and overriding is poor at best.
The column coding to add the cell to the custom column.
Probe 19 always comes up with an error. The error is the standard 1172 with no clue what is causing it. The "index" will work on 0 or 1, I suspect bc the two cell types are 0 and 1 but nothing tells me that, just guessing.

[AS] CS3- Find any text with style, then replace that text with a new applied fill color.

I am trying to find the simplest way in cs3 to find any text with style, then replace that text with a new fill color. I can find text and change text. I can find a style and change it to a new style. I can't seem to find a style and change the applied fill color. I do not want to change the properties of the style, just the applied color. Yes, I want the + sign, for now. I know, why not update the style, I am not allowed to. Any help would be great. Since the search is not available, I need a new response.
Thanks.

You can work around the bug by just doing a find, then looping through the<br />results, changing the color one at a time. It'll be a fraction slower, but<br />should do the trick:<br /><br />tell application "Adobe InDesign CS3"<br /> set find text preferences to nothing<br /> set properties of find text preferences to {applied paragraph style:"The<br />name"}<br /> set theFinds to find text document 1<br /> repeat with i from 1 to count of theFinds<br /> set properties of item i of theFinds to {fill color:"Replace color"}<br /> end repeat<br />end tell<br /><br />The bug is fixed in CS4, BTW.<br /><br />-- <br />Shane Stanley <[email protected]><br />AppleScript Pro Florida, April 2009 <a href=http://scriptingmatters.com/aspro>

JFX 2.0 -fx-highlight-text-fill style has no effect

When I try to set the highlight-text-fill style for a TextBox, it has no effect. The highlight-fill style, however, works as expected.
public void start(Stage primaryStage) {
    final TextBox tb = new TextBox(100);
    tb.setStyle("-fx-font-size: 3em; -fx-text-fill: #0000ff; -fx-highlight-fill: #00ff00; -fx-highlight-text-fill: #ffffff;");
    final BorderPane root = new BorderPane();
    root.setStyle("-fx-padding: 20;");
    root.setCenter(tb);
    final Scene scene = new Scene(root, 600, 200, Color.BLACK);
    primaryStage.setTitle("JavaFX");
    primaryStage.setScene(scene);
    primaryStage.setVisible(true);
}But this doesn't seem to be a problem of my custom styles because the default doesn't work either.
The caspian.css in jfxrt.jar defines a white highlight-text-fill but when selecting the contents of a TextBox, the text color is black.
Is this an error in caspian.css (maybe the style name is just misspelled) or a current limitation of the beta version?
Regards,
Kai

Thanks David.
In the meantime I noticed that -fx-prompt-text-fill seems to have the same problem. The prompt text is always gray, no matter which color I set in the style.
Regards,
Kai

How to copy/paste texts/images from webpages in iBooks Author?

Hi,
I want to copy/paste text/image contents from webpages with iBooks Author, somehow images can't be copied, only texts can be copied with copy/paste editing. Wonder if there are any ways to include images with simple copy/paste?
Tried to search iBooks Author help, could not find answers. Please help.
Thanks

Perhaps the people who spent a lot of time and money to produce the websites.....and who own copyright ...don't want anybody using their work without payment or credits. Have you contacted the websites owners to ask permission?
IF any person(s) use anything from websites without permission apart from being to lazy to email to request permission....could face a legal action if and when the sites owners fins out.
There is another her misconception that "free" websites and content on "social media" such as the dreaded FaceBook....can be used without consequence. Almost all "free" websites are common licence material - which requires permission and those who give permission do so only for personal or none profit reproduction.
i Use a blocking script on my websites which apart from preventing a right click...those who try are whisked off my website to the the UK copyright website page which explains my rights!
You may wish to check out your iBooks contract with Apple and read their warnings on use of others copyright material.
You could ..and should contact the websites...explain what you want to use and why....and ask them if they can supply media.

Drawning text/images in a JPanel and then resizing/moving it with the mouse

Hello ebverybody!
I need to be able to draw some text objects in a JPanel and then resize/move it with the mouse... How could I do that!? Same for some images loaded from jpg files...
Should I just paint the text and then repaint when the mouse selects it? How to do this selection?! Or should use something like a jLabel and then change it`s font metrics?!
I need to keep track of the upper left corner of the text/image, as well as the width/height of it. This will be recorded in a file.
The text/images need to smoothly move around the panel as the mouse drags when selectin an entity.. not just "click the entity, then click another point and the entity appears there as if by magic...":)
Please, tell the best way to do that!
Thanks everybody!
Message was edited by:
cassio.marques

I know what you mean! This happened to me as well!
And one thing that I found useful is, if you want to directly select a layer without selecting from the layers pallete and without having autoselect enabled, just hold Ctrl and click on in directly in the image. This saved me a lot of time!

Text Image Style

Similar Messages

Maybe you are looking for