Character styles over ride text hyperlink styles

It took me a while to figure this out. I could not get my hyperlink styles to work. Just as an experiment I changed the text to none in the character style (I am using it styles on the entire site) and my hyperlink styles were working correctly. I think perhaps this would be helpful to know as many people seem to post about text hyperlinks not working properly

Thanks for posting this Marcy. This behavior is a known bug our engineering team has logged.
To workaround the problem you can select the hyperlinks within your text and remove the character style applied (i.e., change the character style to "none").
Best regards,
Corey

Similar Messages

How to add Javascript action to buttons and text (hyperlink style)

Hello.
Please need help urgently!
I need to link let's say to a text in Muse that reads "ADD TO CART" following javascript:
<a href="javascript:;" onclick="wazala_widget.addtocart('177217');"
If i do it like:
<a href="javascript:;" onclick="wazala_widget.addtocart('177217');">ADD TO CART</a>
then text styling is different from the Muse Hyperlink settings that chose for other hyperlinks on my site which is obviously an undesirable effect.
If i try to style this specific ADD TO CART text within the html widget widnow:
<style type="text/css">

</style>
<a href="javascript:;" onclick="wazala_widget.addtocart('177217');">ADD TO CART</a>
Then it overrides Muse hyperlink settings for all hyperlinks located below this button on the page.
Any help would be highly appreciated as this is the only thing that stops me from going live with my shop.

Dis you ever get an answer to this?
Ben

Cross references not picking up character styles in source text

I'm getting some annoying odd behaviour with cross references in Frame 12.
I have some tables, where the paragraph style in the cell is called "Cell Body" (nothing odd there).
Quite a few of the cells only have one word in them, and that word is set to courier font with a character style (called "Code").
Then, elsewhere in the document, I am referring to this text using cross references. I am referencing the paragraph style Cell Body, and the cross reference format applied is like this "<hyperlink><$paratext><Default ¶ Font>"
"hyperlink" is another character style that makes the text go green.
So, the cross reference out to take the text from the cell (in Courier) and reproduce it, coloured green.
However for about half of these cross references, it isn't picking up the Code character style in the source text, so the cross ref is just green, no green courier.
Things are further bamboozled when I output to HTML Help.
In the CHM file, the cross refs which appear to work OK (green courier) are now just courier.
The ones which failed to pick up the courier look the same as they do in Frame (just green).
Any ideas as to what's going on?
I've tried troubleshooting by clearing the cells, reapplying the para style and default character style, then reapplying the code character style, then replacing the cross reference - which sometimes seemed to fix it but didn't always.

Arnis Gubins wrote:
Using two character tags in-line together (a la <hyperlink><Code>) is asking for trouble. IIRC, FM doesn't re-apply these in order on an update and depending upon how they are defined (and what is set to AsIs), the outer one usually wins. .
So why does the blimmin' dialog invite me to do precisely that, by providing me with a list of all the character styles I have, and allowing me to select as many of them as I like??? /sulks/ Indeed, if Frame still shipped with a printed user guide instead of stupid "optimised for viewing on iPhones" online webhelp nonsense, I suspect I might very well be able to find an example in the manual of using multiple character styles in that dialog! If it doesn't want you to use more than one, why doesn't it grey out after you add the first one? /sighs/ The concept is called "cascading styles", it's a fundamental web paradigm! And it works in the main body text - why not in Xrefs!
Also, I have been very scrupulous to keep my character styles orthogonal so none of their AsIs's mash each other up.
But, rant over, I shall follow your splendid suggestion for a "Code Hyperlink" style.
Arnis Gubins wrote:
Also, x-ref formatting may behave differently in the new Publishing modules depending upon ....
...Depending on how badly designed and buggy this new Frame12 feature is, I should say! The Publish module should not randomly stop behaving in a WYSIWIG manner in completely undocumented fashion just because Adobe couldn't be bothered to code it properly. /sighs/
Frankly, for my current project, I've given up trying to jump through hoops for Publish - I'm concentrating on getting the Frame source right and assuming these quirks will be fixed in Frame 13 (or 14, depending on how superstitious they are). Because if I put in ad hoc workarounds for them in Frame 12, I (or a colleague) will only have to undo them later when they're fixed, and by then we'll all have forgotten what the original problem was.

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.

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

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

InDesign CS3 crashes when applying styles to pasted text with formatting.

Running InDesign CS3, v. 5.0.2 on Windows XP, SP2
InDesign is crashing whenever I do the following:
1. Paste or place text from Microsoft Word -- with existing formatting preserved.
2. Apply any character or paragraph style to that text.
This happens 100% of the time when I try to recreate the error. It happens on more than one computer. It never used to happen in IDCS2. It's not a missing font issue.
I've tried recreating the InDesign preference files, but it didn't work. (See help file at http://kb.adobe.com/selfservice/viewContent.do?externalId=kb400616&sliceId=1)
Any suggestions would be hugely appreciated! This is slowing down my work a ton, and manually adding things like underline is killing me. If it persists, I'll have to roll back to CS2. :(

We had exactly the same issue - but it only seemed to happen when a "Hyperlink" character style came in with the pasted text. In fact, the crash only happened when we tried to apply a paragraph style to a paragraph that had a hyperlink in it.
Our solution: before we try to do anything else, we delete the "Hyperlink" character style. I can't guarantee that this will solve your issue, but it has worked for us (so far!) in those rare cases when we cut & paste Word text.
We have never had this issue when we import ("Place") the Word file - that's generally a better workflow anyway.
-Bill

Links: Active and Hyperlink Styles

Hello,
Curious to know...
I have a button and it has design properties set for the active state...
The active state visual design properties are different than the other button states (normal, rollover, down)
The button's hyperlink is targeting an anchor on another page...
The button persists on both pages...
When I publish/preview, the active state is not showing after click
I have checked the box inside the hyperlink dialog to show active states
The button itself has no hyperlink styles defined or set however.
Do I need hyperlink styles defined and applied to the button before the active state will show?
Am I making any sense?
thanks. I guess I could run through an exercise to find out but I was here so I thought I'd post the question.

Thanks for the reply. Sounds like my understanding is correct then as it is the same as what you describe.
However, something is wrong with my current setup here:
http://samplelawsite.businesscatalyst.com/legal-definition-and-examples-of-services.html
Background:
Stage element "BTN: Legal Service 1":
... is a text frame with a (1px white) border for normal, over and down states.
... has hyperlink styles applied (text should underline for hover and active)
... has an active state that is different from the other states (changes white border to match background; simulates border disappearing).
Stage elements "BTN Legal Service 2":
... is a button widget object with different design properties for the active state (no border for active)...
Each element described above should take the user to a page anchor (on same page) when clicked.
The active states do not show as expected/intended...

Pages Default Hyperlink Style

I want to change the default hyperlink style but don't see any means to. The default is the blue underlined text which is a bit MS Word. I can create a new style and convert it but this is an extra step I'd like not to have to take!
Any ideas for changing the hyperlink default style?
Thanks.

Yes, but we are talking about cutting and pasting text which contains URLs into a Pages document. Pages has its own style for hyperlinks - blue text that is underlined. This is what I wanted to alter.
Anyway I found a solution for anyone else who is looking to do this.
Make a new character style of how you want the hyperlinks to look, e.g. no underlining, but bold text. When you insert the text and Pages auto-detects the hyperlinks and applies its own style, but click the downward arrow next to "None" in the character style window, and choose "Select All Uses of None" and it will highlight all the hyperlinks. You can now click your character style and it will be applied to all the hyperlinks.
I don't know if this is a bug as such (as the style is not "None" - it is Apple's default style for hyperlinks) but at least it does the job.

How can I create a different hyperlink style for my footer only?

My footer is dark so the site hyperlink styles don't look good. I'm sure there must be a way to set footer specific hyperlink styles, but I cannot find out how to do it. Please help!
Thanks.

Thanks, Sanjit. Your answer brought me one step closer.
For anyone in future who is trying to find the answer to this question, here's what to do:
1. Go to Site Properties > Content tab. Click the "new link style" icon below the window.
2. Rename the style and then adjust the hyperlink properties.
3. Back on your page, create a hyperlink in the usual way, then click on the orange Hyperlinks beside the Add or filter links dropdown field to get the hyperlinks popup box. Go to the dropdrown field called Text Link Style and select your new style.

Hyperlink styles in menu look correct in editor but wrong in Preview or real Web Browser

The default hyperlink style of my site is:
Normal or Visited links are black, boldface and underlined
Hovering or active links are grey boldface and underlined
Except for my menu where I want them this way:
Normal, Visited or Active links are black, no boldface and no underline
Hovering links are grey and underlined
But I can't manage to do it!
The items appear in boldface with no underlines and no colour change (so the only hint when you hover them is the pointer changing from arrow to hand)
The only different is the last item that is the only one that has submenu and is not a hyperlink by itself. It doesn't appear in boldface but again no underline or colour change. Also the first item of this submenu appears without boldface.
in the editor the menu looks fine but in the preview or when HTML exported, the menu looks as explained.
As Menus behave differently than other hyperlinks, I've tried to click and drill down to the text in the menu then modify the text appearance using the States panel, but as I said, the menu looks fine in the editor but not in the preview or web browser.
I also have tried to remove the menu completely and creating again from scratch, but even with all the default options of the widget (not even font size change nor font type), it appears as non boldface in the editor but boldface in the preview.
You can see the menu live in the site here:
http://www.dblanco-weddings.co.uk
Pictures can be seen in the old forum here: http://support.muse.adobe.com/muse/topics/how_do_i_change_hyperlink_styles_in_a_menu

Mail sent:
I'm attaching a .muse file in response to the problem I posted here:
http://forums.adobe.com/message/4316724#4316724
Instead of the original Muse file for my site I thought it would be easier for you to have a minimal site that also reproduces the problem so this is the test.muse file I'm sending to you.
Meanwhile, I had to make a workaround for my actual site menu to work as intended by removing the boldface attribute from the hyperlinks default style of the site. This is the dblanco.muse file I'm also attaching. You just have to activate the boldface in the default style to have the problem again.

How to handle paragraph styles in imported text with no tagged paragraph styles

Hi
Im currently trying to import a file (word file / excel I have both formats) into an indesign book and formatting the text automatically!
My question is: How is it possible to reflow text into frames and when changing frame it changes paragraph?
Or how is it possible to change paragraph style when forcing a line break when using text reflow?
I have already figured out how to reflow the text, and actually also managed to relow text into the frames and change paragraph style. I know how to use the keep option, and by this change the paragraph style when e.g. changing frame break/page break etc. (but if the content being flowed-in is not tagged with style names then I cannot figure out how to do it) The document and its content I whish to import do not have any tagged paragraphs!
Then I tried to look into "object styles" and format a text frame on a master page with an object style, and by using a "dilimiter character" forcing the text to start in a new frame when bringing the frame into live on a page. But here I cannot make the "text frame/object style" to apply or to work.
If any of you have a hint, I would be more than happy to hear from you
This picture are illustrating the outcome I would to get to....

If the incoming text does not have styles, or has only one style, there is really not much you can do other than assign styles after the import. If there are recognizable patterns in the formatting, a lot of that can be done with Find/Change, and there are a few scripts floating around that can help automate some of that.
Also, if your styles have a a good "next style" heirarchy built in, you can select large blocks of text (up to the point where applying next style would be incorrect), then right click the style name in the paragraph styles panel and choose apply style and next style (remove overrides). Warning. Removing overrides will remove any locally applied formatting like bold or italics, so local formatting should be converted to character styles first. Applied character styles are not overrides and will be preserved.

Import Text vs Styles

Hi guys,
I pretend to work nice and tidy with text. I decided to work with Paragraph Styles as much as i can. I will use
Font: Mercury Text
Size: 10,5 pt
Leading: 13 leading
Font Style: Regular
However, the word file has not a consistent Style Formatting and include various Italics and Bold fonts inside. If i import the text i can select all and then apply Mercury Text which will allow me to keep my Italics and Bold characters. I cannot make a Parragraph style without assigning a Regular/Italic or Bold style within. Any Parragraph Style will override my imported italics bolds and so on.
Maybe there is a easier solution to this. Any ideas?
Thanks,
Sebs

Depending on what version - CS2, CS3, CS4 use Preservelocalformatting.jsx http://www.indesignsecrets.com/downloads/PreserveLocalFormatting.jsx
Or PREPTEXT.JSX http://forums.adobe.com/thread/429756
How To
http://indesignsecrets.com/how-to-install-scripts-in-indesign.php
In regards to the first link - copy the text to Notepad or TextWrangler (not word or other processor) and save it as a .jsx file
When you import text to InDesign, imeddiately run the script on the text. It will apply character styles to the text. Then you just have to apply your paragraph style.

How to change style/colour of all hyperlinks, globally

I'd like to change the default style for all hyperlinks (the blue underline thing doesn't work with the template I'm using) but I can't seem to find a way of doing it.
It'd be nice if there was a character style that could be changed globally.
Also, some links will take a colour, some won't, in a really inconsistent way.

Me, too. I produce a newsletter that it primarily distributed in print (black and white). While the PDFs are available (so I do want hyperlinks), I need something that will print properly on paper (without color). So I certainly don't want blue, and I really dislike underlining in print.
Somewhere there has to be a "hyperlink style". It really should be user definable for a document.
Other than saying I share your frustration, I have no solution. I hope that Apple will add this much needed and obvious feature.

Hyperlink style changes after launching site

I've assigned a hyperlink style to some text and it works fine when I'm publishing my temp site. Once I "launch" the site, the link stye changes to default (blue text and underline). How do I get my Launched site to adhere to the specified link style?
example page: http://www.alexanderwyly.com/gallery.html

Strange. Try this, delete the "muse_manifest.xml" file from the "Site Manager -> File Manager" section of the your Business Catalyst site's admin console and then republish your site again using "All Files".
Cheers
Parikshit

Character styles over ride text hyperlink styles

Similar Messages

Maybe you are looking for