Text Styling & Css

Hello i createad a template and imported it to dreamweaver and then used a front in the css panel window for my navagation bar links. i have a content area which displays pages from an external location. the problem is when i preview my pages, the content area adopts the default css front which i used for the navagation panel and displays my external pages differently. is there a way to stop this and display my pages as is from the external pages?

here is a copy of my code. do i still need to upload my website?
<html>
<head>
<title>helping_hands</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
catch (e){}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
page_request.open('GET', url, true)
page_request.send(null)
function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
</script><style type="text/css">

</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table width="801" height="939" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
    <tr>
        <td colspan="17" rowspan="2">
            <img src="images/helping_hands_01.jpg" width="555" height="67" alt=""></td>
        <td colspan="7">
            <img src="images/helping_hands_02.jpg" width="245" height="32" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="32" alt=""></td>
    </tr>
    <tr>
        <td colspan="7">
            <img src="images/helping_hands_03.jpg" width="245" height="35" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="35" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="images/helping_hands_04.jpg" width="85" height="6" alt=""></td>
        <td width="93" height="22" colspan="3" rowspan="2" bgcolor="#CC3333"><a href="javascript:ajaxpage('ajaxfiles/external2.htm', 'rightcolumn');">Home</a></td>
        <td colspan="2">
    <img src="images/helping_hands_06.jpg" width="28" height="6" alt=""></td>
        <td width="93" height="22" colspan="2" rowspan="2" bgcolor="#99FF33"><a href="#">FAQ</a></td>
        <td>
<img src="images/helping_hands_08.jpg" width="22" height="6" alt=""></td>
        <td width="93" height="22" rowspan="2" bgcolor="#0000FF"><a href="#">Services</a></td>
        <td>
            <img src="images/helping_hands_10.jpg" width="20" height="6" alt=""></td>
        <td width="93" height="22" rowspan="2" bgcolor="#CC3399"><a href="#">home</a></td>
        <td>
            <img src="images/helping_hands_12.jpg" width="15" height="6" alt=""></td>
        <td width="86" height="22" colspan="2" rowspan="2" bgcolor="#FF9933"><a href="#">home</a></td>
        <td>
            <img src="images/helping_hands_14.jpg" width="17" height="6" alt=""></td>
        <td width="93" height="22" colspan="2" rowspan="2" bgcolor="#FFCC00"><a href="javascript:ajaxpage('ajaxfiles/external3.htm', 'rightcolumn');">Contact Us</a></td>
        <td colspan="3">
<img src="images/helping_hands_16.jpg" width="62" height="6" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="6" alt=""></td>
    </tr>
    <tr>
        <td colspan="4" rowspan="2">
            <img src="images/helping_hands_17.jpg" width="85" height="62" alt=""></td>
        <td colspan="2" rowspan="2">
            <img src="images/helping_hands_18.jpg" width="28" height="62" alt=""></td>
        <td rowspan="2">
            <img src="images/helping_hands_19.jpg" width="22" height="62" alt=""></td>
        <td rowspan="2">
            <img src="images/helping_hands_20.jpg" width="20" height="62" alt=""></td>
        <td rowspan="2">
            <img src="images/helping_hands_21.jpg" width="15" height="62" alt=""></td>
        <td rowspan="2">
            <img src="images/helping_hands_22.jpg" width="17" height="62" alt=""></td>
        <td colspan="3" rowspan="2">
            <img src="images/helping_hands_23.jpg" width="62" height="62" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="16" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="images/helping_hands_24.jpg" width="93" height="46" alt=""></td>
        <td colspan="2">
            <img src="images/helping_hands_25.jpg" width="93" height="46" alt=""></td>
        <td>
            <img src="images/helping_hands_26.jpg" width="93" height="46" alt=""></td>
        <td>
            <img src="images/helping_hands_27.jpg" width="93" height="46" alt=""></td>
        <td colspan="2">
            <img src="images/helping_hands_28.jpg" width="86" height="46" alt=""></td>
        <td colspan="2">
            <img src="images/helping_hands_29.jpg" width="93" height="46" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="46" alt=""></td>
    </tr>
    <tr>
        <td colspan="24"><img src="images/helping_hands_30.jpg" width="800" height="100" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="100" alt=""></td>
    </tr>
    <tr>
        <td colspan="24">
            <img src="images/helping_hands_31.jpg" width="800" height="13" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="13" alt=""></td>
    </tr>
    <tr>
      <td colspan="3" rowspan="2">
            <img src="images/helping_hands_32.jpg" width="44" height="26" alt=""></td>
        <td colspan="5" rowspan="2" bgcolor="#3a0428"><a href="javascript:ajaxpage('ajaxfiles/external.htm', 'rightcolumn');">Why Helping Hands</a></td>
        <td colspan="16">
        <img src="images/helping_hands_34.jpg" width="607" height="18" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="18" alt=""></td>
    </tr>
    <tr>
      <td colspan="2" rowspan="11">
            <img src="images/helping_hands_35.jpg" width="41" height="237" alt=""></td>
        <td colspan="12" rowspan="15" align="left" valign="top" id="common 1"><div id="rightcolumn">
          <h3>Choose a page to load.</h3>
    </div></td>
        <td colspan="2" rowspan="15">
            <img src="images/helping_hands_37.jpg" width="42" height="467" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="8" alt=""></td>
    </tr>
    <tr>
      <td colspan="3" rowspan="10">
            <img src="images/helping_hands_38.jpg" width="44" height="229" alt=""></td>
        <td colspan="5" bgcolor="#3a0428">Home Care Services</td>
        <td>
            <img src="images/spacer.gif" width="1" height="22" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/helping_hands_40.jpg" width="149" height="4" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="4" alt=""></td>
    </tr>
    <tr>
        <td colspan="5" bgcolor="#3a0428">Home Makers service</td>
        <td>
            <img src="images/spacer.gif" width="1" height="21" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/helping_hands_42.jpg" width="149" height="4" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="4" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/helping_hands_43.jpg" width="149" height="21" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="21" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/helping_hands_44.jpg" width="149" height="26" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="26" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/helping_hands_45.jpg" width="149" height="4" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="4" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/helping_hands_46.jpg" width="149" height="20" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="20" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/helping_hands_47.jpg" width="149" height="26" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="26" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/helping_hands_48.jpg" width="149" height="81" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="81" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="images/helping_hands_49.jpg" width="29" height="50" alt=""></td>
        <td colspan="3"> </td>
        <td rowspan="2">
            <img src="images/helping_hands_51.jpg" width="10" height="50" alt=""></td>
        <td colspan="3"> </td>
        <td rowspan="4">
            <img src="images/helping_hands_53.jpg" width="28" height="230" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="24" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="images/helping_hands_54.jpg" width="114" height="26" alt=""></td>
        <td colspan="3">
            <img src="images/helping_hands_55.jpg" width="53" height="26" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="26" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/helping_hands_56.jpg" width="17" height="180" alt=""></td>
        <td colspan="8"> </td>
        <td>
            <img src="images/spacer.gif" width="1" height="157" alt=""></td>
    </tr>
    <tr>
        <td colspan="8">
            <img src="images/helping_hands_58.jpg" width="189" height="23" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="23" alt=""></td>
    </tr>
    <tr>
        <td colspan="24">
            <img src="images/helping_hands_59.jpg" width="800" height="117" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="117" alt=""></td>
    </tr>
    <tr>
        <td colspan="24">
            <img src="images/helping_hands_60.jpg" width="800" height="35" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="35" alt=""></td>
    </tr>
    <tr>
        <td colspan="20" rowspan="2">
            <img src="images/helping_hands_61.jpg" width="723" height="53" alt=""></td>
        <td colspan="3">
            <img src="images/helping_hands_62.jpg" width="46" height="4" alt=""></td>
        <td rowspan="2">
            <img src="images/helping_hands_63.jpg" width="31" height="53" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="4" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="images/helping_hands_64.jpg" width="46" height="49" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="49" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/spacer.gif" width="17" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="12" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="15" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="41" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="58" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="10" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="25" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="15" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="13" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="28" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="65" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="22" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="93" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="20" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="93" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="15" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="13" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="73" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="17" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="78" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="15" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="20" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="11" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="31" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
<a href="#">#</a>

</body>
</html>

Similar Messages

Text styling

This is a great production tool that we're interested in using to develop widgets for iBooks. I'm worried about the typograhy aspects of iAd Producer though. Unless I'm missing something, its seems that text styling can only be applied to an entire Label object as a whole; there doesn't seem to be the ability style within that Label object text. I realise this may need to be done through CSS rather some WYSIWYG editor but I can't see how to do this where it would be applied to spefic words or phrases and not the object as a whole. As a basic core feature, we would need to be able to style individual words or sentences to be bold or italics, a spefic colour or underline, and to use bulletted and numbered lists and indenting. For ease of use, this would ideally be through a WYSIWIG editor such as the editor for this discussion forum.
If there is a way to do this, please let me know.
Thanks and regards,
Mick

Thanks Mark,
That makes perfect sense now that you've pointed it out.
I'm not sure if I'm doing something wrong, but I can't get the global.css to work when referenced from an HTML object. If I place the follwing in the global.css
.normal {font-size:14px}
.boxed {background: #FC0}
.blue {background: #80b5ff}
and then reference it within the HTML object:
<div class="normal"><p>I am proud to come to this city as the guest of your <span class="boxed">distinguished Mayor,</span> who has symbolized throughout the world the <span class="blue">fighting spirit of West Berlin.</span></p></div>
It doesn't work. Whereas, if I place the same styling internally in the HTML object, it works fine.
ie
<style type="text/css">
            .normal {font-size:14px}
            .boxed {background: #FC0}
             .blue {background: #80b5ff}
</style>
<div class="normal"><p>I am proud to come to this city as the guest of your <span class="boxed">distinguished Mayor,</span> who has symbolized throughout the world the <span class="blue">fighting spirit of West Berlin.</span></p></div>
Does an HTML object need to call in the global.css ie through something like:
<link rel="stylesheet" type="text/css" href="global.css">
(not working when I tried it)
Any help appreciated,
Thanks,
Mick

How do I cut and paste text in css code in dw cc?

How do I cut and paste text in css code in dw cc? I only licensed it a few days ago, it worked fine in trial! Thanks...

copy the code in Notepad (Window Machine) or MAC (Copy in texteditor) & paste it in DW, i think its working.

Load the External text and css file for more frames

hello..
       I created one Movie file. In that I load the External text and css file in first frame and display the first variable value in one text box.
And then in 2nd frame I use another one text field and display the 2nd variable value like that I want to load the more variable in more textboxes with different frames.
     I loaded for first variable value in first frame. But I don't know how to do next frames like that..
     Help me...

You need to load them in the frames they are in. You can store the loaded data in variables in frame 1, but you will need to extend that layer so that whatever is stored is avaliable in other frames. The code to load the data into the other textfields can then be done in the frames where it is needed.
There are other options, such as not using other frames for content or having all of them in frame 1 and making them invisible until you get to the other frames where they get turned visible.

Problem applying text styling to css class

Hi all,
first off, apoligies if this is answered else were, I'm fairly sure its not but I cant seam to find any information on it. I may be complety missing it or I'm just looking for the answer with the wrong search terms. Anyway, my problem, I created a template for a website, it all works grand. The template works perfectly in Contribute, I can specify a css style for a section of text, the text will style correctly, say for example font 16, green. But i cant set other properties for it such as text allignment ( left, right, centered, justified) unless i already specified it in the css style explicity. This seams a little mad, I have about 5 or 6 different style for different things, do I have to specify each css style with its specific attribute, e.g.
font 16, green, left allign,
font 16, green, right allign,
font 16, green, center allign,
font 16, green, justified allign,
then
font 16, green, left allign,bold
font 16, green, right allign,bold
font 16, green, center allign,bold
font 16, green, justified allign,bold
etc etc etc...for each possible thing i might need.
this is going to take a lot of work and makes the formatting of text in Contribute very tediuos and awkward. Is there a better way or am I just completly missing something very simple? I've been trying to find a solution on and off while i did the rest of the site for days!
Any and all help is much appreciated, thank you

I find it helps to define re-usable classes in the sitewide CSS file and teach your client how to use them.
/**ALIGNMENT CLASSES**/
.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
/**CUSTOM CLASSES**/
.wowza {
color: green;
font-size: 55px;
.less_wowza {
color:silver;
font-size: 35px;
HTML:
<h3 class="wowza center">some center aligned, wowza text goes here</h3>
<h4 class="less_wowza right"> some right aligned, less_wowza text goes here</h4>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Is it possible to style texts via CSS file?

I have the feeling that AS3.0 will not work with complex CSS styling, correct? I'm creating some div tag and I want to style the div tag. Will AS3 work with div tag?

no. these are the supported tags:
CSS property ActionScript property Usage and supported values
text-align
textAlign
Recognized values are left, center, right, and justify.
text-decoration
textDecoration
Recognized values are none and underline.
margin-right
marginRight
Only the numeric part of the value is used. Units (px, pt) are not parsed; pixels and points are equivalent.
kerning
kerning
Recognized values are true and false.
letter-spacing
letterSpacing
Only the numeric part of the value is used. Units (px, pt) are not parsed; pixels and points are equivalent.
font-family
fontFamily
A comma-separated list of fonts to use, in descending order of desirability. Any font family name can be used. If you specify a generic font name, it is converted to an appropriate device font. The following font conversions are available: mono is converted to _typewriter, sans-serif is converted to _sans, and serif is converted to _serif.
display
display
Supported values are inline, block, and none.

Text rollover css

Hi
I have this
<a href="javascript:;" class="rollroll" > Name
</a>
and an attached stylesheet but it wont work
.rollroll
a:link color: blue; text-decoration: none;
a:active color: red; text-decoration: none;
a:visited color: blue; text-decoration: none;
a:hover color: green; text-decoration: underline;
I am using a table with 4 cells horizontal with a link in
each.
can anyone advise me please
thanks
Frankie

Your rollroll links do not have enough specificity 'oomph' to
overrule the
#maincontent link styles. Try this CSS instead of what you
have -
<style type="text/css">
#maincontent {width: 584px;}
#maincontent a:visited, a:link {
color: #033000;
text-decoration: underline;
#maincontent a:hover {
color: #990000;
text-decoration: none;
#maincontent a.rollroll:link, #maincontent
a.rollroll:visited,#maincontent
a:rollroll:active {
text-decoration:none;
#maincontent a.rollroll:link, #maincontent a.rollroll:visited
color:blue;
#maincontent a.rollroll:active {
color:red;
#maincontent a.rollroll:hover {
color: green;
text-decoration: underline;
</style>
By adding the "#maincontent" to the selctor for the interior
links, I have
raised their specificity to the same level as your default
link rules, and
since they come LATER in the stylesheet (i.e., closer to the
element being
styled), they take precedence.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"tackle" <[email protected]> wrote in message
news:[email protected]...
> Thank you
>
> The div#maincontent is a larger area and I have the
default roll set for
> them ie
>
> #maincontent a:visited, #footer a:visited {
> color: #033000;
> text-decoration: underline;
> }
> #maincontent a:hover, #footer a:hover, {
> color: #033000;
> text-decoration: none;
> }
>
>
> Now it is inside this larger area when I have a table
and I want to change
> or have different roll overs that I have the problems
with.
>
>
> I paste a complete page below and am most grateful for
your advice
>
> <%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
> <title>Untitled Document</title>
> <style type="text/css">
> 
> </style>
> </head>
> <body>
> <div id="maincontent">
> <p>This is the main content area</p>
> <p>This is a link inside it <a
href="javascript:;">Link</a> (it should go
> red on rollover) this is the default roll for the many
links inside the
> maincontent div</p>
> <p>But I also want to have one table with its own
different rollovers
> like the one below. What is really getting to me is that
the roll over of
> the links in the table below are gettting to be the same
as the default
> links of this maincontent div.</p>
> <p> </p>
> <p>I had thought by adding a class i could get
precedence
> </p>
> <p> but this does not seem to be the
case.</p>
> <p> </p>
> <table width="295" border="0" cellpadding="0"
cellspacing="0">
> <tr>
> <td width="200"> <a href="javascript:;"
class="rollroll"> Name
> </a> </td>
> <td width="30"><div class="rollroll"><a
href="javascript:;"
>
class="rollroll">Ref.</a></div></td>
> <td width="65"><div class="rollroll"><a
href="javascript:;"
>
class="rollroll">update</a></div></td>
> </tr>
> </table>
> <p> </p>
> </div>
> </body>
> </html>
>
>
>
>
>
>

Are there any plans to make "In Browser Editing" a little more powerful? For example, to add links or to do basic text styling.

Even the basic text editor that I'm using, right here, to post this question would be more than sufficient. The ability to turn on or off capabilities of the editor depending on the ability of the client would be very useful as well. Thank you.

There are several thread on this Nathan,
The answer is yes of course.
For images - Modern work - Left right align not that good. Your better creating classes to float the images and have those in your dropdown. You get better results as well.
You can go into your partner portal and customise the editor - Turning off the inline font stuff for example is a 100% must for us to avoid issues and the SEO implications those give.
I would highly recommend doing a .image-left and .image-right class dropdown options and in the CSS for those float:left etc with margin around the image... Heaps better output and clean markup.

Dynamic Text Styling

I am using a dynamic text field with some text inside it. I
would like to make some headings within the text BOLD and a
different Colour then the rest of the text. Is this possible? I am
also scrolling the text field using the generic scroll bar.
Thank You.

There is an article about support for CSS inside a Flash
movie here:
http://www.whatdoiknow.org/archives/001181.shtml
It's for MX2004, but I'm sure some of it will still be
relevant. You might also search the Flash Help for "CSS" and see if
you can find something.

Text styling htmlText

Hi all,
i'm developping with Flex 2, i would use the Component
Text, which accepts HTML. I have no problem with applying
"font color", but i would like to apply a
span class with a
css file.
After searching, i've seen some solutions for
TextArea but they don't work with
Text !
Is their any solutions ?
Thanks for your help,
Anthony

I just apply some css to my form, check this article.
http://blog.kevinhoyt.org/2006/06/01/css-positioning-with-flex-2/
But it looks like only some styles apply.
Rgds
JFB
"Anthony(France)" <[email protected]> wrote
in message
news:fc8qsd$jne$[email protected]..
> Hi all,
>
> i'm developping with Flex 2, i would use the Component
Text, which
> accepts HTML. I have no problem with applying "font
color", but i would
> like to
> apply a
span class with a
css file.
> After searching, i've seen some solutions for
TextArea but they
> don't
> work with
Text !
>
> Is their any solutions ?
> Thanks for your help,
> Anthony
>

Find & Replace Text - Styling Problem (CS5 Mac)

Hi everyone,
Is there a way when finding and replacing a text string to style the block of copy. My problem is that I have some color codes given by the customer that now need to be converted to our internal color matches on our production drawings.
The original string of text looks like this:
Holder: P1 (Metallic Silver)
What I’m getting when I go to replace this string is:
Holder: Natural Satin
What I want is:
Holder: Natural Satin
I do not want the replaced text to be italicized. I'm thinking since the original string ends with an italic style that the replacement string is also italicized. There are about 50 pages of drawings with about 10 colors on the job and some pages have them entered in more than one place. So that's a minimum of 500 entries and defititely more considereing the multiple places these are called out. I'd really rather not have to copy and paste all of these by hand. I'm use to FreeHand, which would respect the font styling of pasted text in the find and replace diaglog.
Any help would greatly be appreciated. Work around if it cant be done natively?
Thanks

Thanks Monika,
I downloaded that earlier today and yes realized that the beta is over after installing it. I joined the mailing list for updates, but it looks like the script hasn't been updated in nearly 3 years. I'm not sure if something in one of the newer versions of Illustrator broke the script and the script writer decided not to update it anymore? I guess I could email them, but seems weird that if there were an updated version that it would be posted on the site also. I'd hate to pester the author. Seems like an extremely useful tool if it would do what I need. I suppose it couldn't hurt to ask anyway. I don't mind supporting developers too by paying for the script. This is something that I use all the time. I've spent about an hour and a half copying and pasting these text blocks for something that truly take about 2 minutes to do with a proper find and replace.
I do appreciate your input though, it's greatly appreciated.

"undefined" appearing next to text in CSS Drop-Down menu, why?

Hello everyone,
I am having a problem with a CSS drop-down menu. The menu works fine, as you can see here:
http://littlebuddymedia.com/help/011.html
But the text "undefined" appears next to the main menu options. My question is, why?
I have narrowed the problem down to this chunk of code:
<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="#" rel="dropmenu1">Resources</a></li>
<li><a href="#" rel="dropmenu2">News</a></li>
<li><a href="#" rel="dropmenu3">Search</a></li>
</ul>
</div>
If you remove the rel="dropmenu1" portion of the code, the word "undefine" no longer appears, but then the menu doesnt drop-down anymore.
Any ideas?
If it is needed:
Here is the CSS file: http://littlebuddymedia.com/help/chrometheme/chromestyle.css
Here is the JS file:http://littlebuddymedia.com/help/chromejs/chrome.js
Thank you.

When I use FF to view the generated source, I see this -
<li><a href="#" rel="dropmenu1">Resources undefined</a></li>
<li><a href="#" rel="dropmenu2">News undefined</a></li>
<li><a href="#" rel="dropmenu3">Search undefined</a></li>
The undefined is coming from the javascript functions that you have loaded in that external file. This function call is what starts it -
<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>
If you want 100% reliable drop menus that have been exhaustively tested in all common browsers/platforms, check the ones available from http://www.projectseven.com.

Inheriting -fx-text-alignment CSS Property

Hello,
I am referring to the Inheritance section in the following document:
http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#typefont
The document states that the three CSS properties are inherited by a node from its parent, by default:
-fx-cursor
-fx-text-alignment
-fx-font
The following program is to demonstrate the above CSS rule.
package test;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.VBox;
import javafx.scene.text.Text;
import javafx.stage.Stage;
public class Test extends Application {
     public static void main(String[] args) {
          Application.launch(args);
     public void start(Stage stage) {
          VBox root = new VBox();
          root.setStyle("-fx-cursor: hand;" +
                        "-fx-text-alignment: right;" +
                        "-fx-font: normal bold 20px \"serif\"");
          Label lb2 = new Label("Just adding a long text to test the text alignment:");
          lb2.setWrapText(true);
          //lb2.setStyle("-fx-text-alignment: inherit");
          Text t2 = new Text("This is a big text for the Text node");
          lb2.setPrefWidth(100);
          t2.setWrappingWidth(50);
         //t2.setStyle("-fx-text-alignment: inherit");
          root.getChildren().addAll(lb2, t2);
          Scene scene = new Scene(root);
          scene.getStylesheets().add("resources/css/hjfx.css");
          stage.setScene(scene);
          stage.setTitle("Test");
          stage.show();
}I have the following questions:
1. The -fx-text-alignment property is not inherited by default by the Label and Text nodes. If I specify the value as inherit, it works as expected.
2. The textAlignment property is not just defined in the Text class. It is also defined in the Labeled class. The font property is not defined in the Font class either. Why does this document refer to these classes in the table in the Inheritance section?
3. Can someone give me an example of what does this document mean by stating that -fx-text-alignment property is inherited by nodes from their parents, by default.
Thanks
Kishori

These are either bugs in the document or bugs in the code. Would you mind creating an issue in JIRA (http://javafx-jira.kenai.com/) to track this?

Can't click links under text menus (CSS menus)

I have an issue clicking certain text menus while using mobile browsers including Firefox Beta and even chrome.
I'm pretty sure they are CSS text menus.. but say I click a header, and there are link options below that header.. I can't click the links that are below it because it quickly loads the link at the top of the menu.
Say this is the menu:
Account
-- info
-- security
-- etc
And account is the header link, and I want to access "security" it doesn't even give me a chance to because it loads the Account link.
Confused and don't know why its happening
The pic is an example of a menu with links incant use

This is a common problem with traditional menus because unlike using a mouse, there's no way to "hover" over a menu on mobile, you have to touch it, which then gets processed like a click. Unfortunately I'm not aware of any workarounds.
(My blog has this problem and I probably need a new template that can tell the difference between desktop and mobile browsers and adapt how the menus work.)

How to color a table view header's text via css

I have managed to change font-name, background and text alignment of my table view header, but the text-fill line is just ignored! What's the correct way to do this?
Example:
.table-view .column-header, .table-view .filler {
-fx-text-fill: white;
-fx-font-family: "Helvetica";
-fx-font-size: 10px;
-fx-font-weight: bold;
-fx-size: 25;
-fx-border-style: solid;
-fx-border-insets: 0 1 1 0, 0 0 0 0;
-fx-border-width: 0.083333em, 0.083333em;
I also added:
.table-view.column-header.label{
-fx-text-fill: white;
Wich was recommended on a site, but didn't work either..

I think you need
.table-view .column-header .label{
-fx-text-fill: white;
}(with spaces between the class selectors).

Text Styling & Css

Similar Messages

Maybe you are looking for