Apply CSS style don't works, always checked

Hi
I'm using Dreamweaver CS6 on Mac OS X Mountain Lion 10.8.3
How can fix this problem? Can't apply the CSS style "Amarillo" on the selected text because is checked BEFORE to the action for apply it.
You can see the picture .error.jpg, the style Amarillo MUST NOT be checked and appears checked. If I change to another style and try again to amarillo then the style is not applied.
Want to convert "A VECES" to <span class="amarillo">"A VECES"</span> using fast GUI Dreamweaver's way and can't do it.
I trash the preferences and don't fix the problem.
Any idea?
Thanks.
Tom

And try this:
<!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" />
<link rel="stylesheet" type="text/css" media:"screen" href="../../../assets/css/machine.css"/>
<link rel="stylesheet" type="text/css" media:"handheld" href="../../../assets/css/celular.css"/>
<title>Bug Test</title>
</head>
<div id="computer">Hello I'm the computer</div>
<div id="mobile">Hello I'm the mobile</div>
<body>
</body>
</html>
In machine.css add:
#mobile {
display: none;
In celular.css add:
#computer {
display: none;
The effect must be... when load this webpage in a computer show the message: "Hello I'm the computer"
And when load this webpage in a mobile phone show the message: "Hello I'm the mobile" (or using Adobe Device Central CS5)
But don't works... in both cases loads BOTH MESSAGES and get:
Hello I'm the computer
Hello I'm the mobile
What's wrong here?
Can you help me?
Thanks.
Tom

Similar Messages

I am using Dreamweaver cc 2014 and after applying css styles to my fluid grid layout I lose the resize, delete, duplicate and move up/ down ability.

I am using Dreamweaver cc 2014 and after applying css styles to my fluid grid layout I lose the resize,delete, duplicate an move up/ down ability.
For this reason I cannot build new pages by copying one page to create another.
I have a third style sheet that I use for the navigation styles and h1 -h6 ect. tags. and I am also using a css drop menu, can one of these be the problem?
The css menu I am using has the following script - I goes at the bottom of the html page. Before the closing body tag,
<script>
$(function () {
$("#nav").tinyNav();
</script>
I am also using the following for image control - I place it towards the top of the fluid
grid style sheet.
    box-sizing: border-box; /* Opera/IE 8+ */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
Can some one please help.

I am using Dreamweaver cc 2014 and after applying css styles to my fluid grid layout I lose the resize,delete, duplicate an move up/ down ability.
This implies there is something broken in your FluidGrid Layout CSS file.   It could be something simple like a missing semi-colon or curly bracket.   Run your code through the W3C validation tools below to check for errors. NOTE: ignore reported errors in boilerplate.css
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.

How do I apply CSS style to multiple topic files?

Hi,
I'm using RH9 for help projects originally created with RoboHelp X5. When I generate .chm, roughly half of the pages lose their .css styles (font changes, background color disappears etc.). This can be cured by opening the topic in RH via Project Manager, then right-clicking and selecting "Properties". In the Appearance tab I re-select necessary Style Sheet (although it is already selected - I select some other one and then back the one I need, then 'Apply' button becomes active), and click OK. After that I save the topic and regenerate .chm. Only after that the topic looks good in the .chm. The problem is that this procedure needs to be applied to every single topic file that is displayed incorrectly. If I don't open the topic before I click 'Properties' and save it after, it doesnt't work. If I select multiple topics in the Topic List view and click 'Properties, it doesn't work either. I have several thousand topics in the project and I can't say which ones need to be repaired before I build .chms.
Is there a faster solution to this problem than processing all files manually?
Thanks!

Perhaps check the code for a problem topic (outside Robohelp) and see if the stylesheet reference has type="text/css". If not, you could try running a search and replace to add that to the link reference. Not sure if this occurs in RH9, but not hard to check.
old: <link rel="StyleSheet" href="styles.css" type="" />
new: <link rel="StyleSheet" href="styles.css" type="text/css" />
Fonts and Style Changes in Generated Help

How to apply CSS style values to h:messages ?

Hi Folks,
I'm quite new to JSF development. What I'm currently trying to do, is to apply a CSS style for a <h:messages> tag:
<h:messages globalOnly="true" style="color: red;" layout="table" />Unfortunately the style "color: red;" is not being applied to the generated HTML table (or list):
<table>
   <tr>
      <td>My Error Message!</td>
   </tr>
</table>But I assume the generated HTML should rather look something like this:
<table style="color: red;">
   <tr>
      <td>My Error Message!</td>
   </tr>
</table>I'm using MyFaces 1.1.3 with Tomcat 5.5. Is this maybe a bug in MyFaces?
Salute

We speak HTML here.
Let's see what you have tried so far, please.
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
==================
"Buescorpmtf" <[email protected]> wrote in
message
news:g3p16e$j03$[email protected]..
>I have been trying to apply a simple CSS style of a
rounded border to my
>web
> pages. I received the coding and images from
http://www.roundedcornr.com.
> I
> downloaded the images and linked them in the CSS style
editor. I tried to
> apply the style to the webpage/container, but it won't
apply. This seems
> like
> a pretty simple task, but I can not get it done.
>
> Does anyone know how to do this? Step by Step and in
plain English? :)
>
> Thanks
>

Applying css style in DW (design view) or CT

Hi Folks,
Here's a dumb question I can't figure out. In DW and CT, you
can apply a css style to a paragraph selecting p tag, right? You
get <p class="myclass"></p>
What I don't get is why the css style apply to an image for
exemple inside the paragraph and not to the paragraph itself?
Of course as you developp a website you certainly don't worry
about that since you handcode or you never apply a style to a
paragraph.
Let's say you need to define a css style saying:
.myclass {
margin: 0 0 20px 20px;
float:right;
so the paragraph containing an image align to right and have
proper margin. Why by default the css style apply to the image and
not to the paragraph? You end with this <p><img
src="myimage.jpg" class="myclass" /></p>
What's the logic behind this, this is very annoying, specialy
for CT users.
Richard

richsky wrote:
> Hi Folks,
> Here's a dumb question I can't figure out. In DW and CT,
you can apply a css
> style to a paragraph selecting p tag, right? You get
<p class="myclass"></p>
> What I don't get is why the css style apply to an image
for exemple inside the
> paragrph and not to the paragraph itself?
> Of course as you developp a website you certainly don't
worry about that since
> you handcode or you never apply a style to a paragraph.
> Let's say you need to define a css style saying:
> .myclass {
> margin: 0 0 20px 20px;
> float:right;
> }
> so the paragraph containing an image align to right and
have proper margin.
> Why by default the css style apply to the image and not
to the paragraph? You
> end with this <p><img src="myimage.jpg"
class="myclass" /></p>
> What's the logic behind this, this is very annoying,
specialy for CT users.
> Richard
>
> .myclass {
> margin: 0 0 20px 20px;
> float:right;
> }
>
> <p class="myclass"></p>
>
> <p><img src="myimage.jpg" class="myclass"
/></p>
>
You must be selecting the image?
Try this: select the <p> tag, located along the bottom
of the design
window (it will highlited when selected) then from the style
drop menu
in the properties inspector select 'myclass'
That should apply the class to only to the <p> tag?

Apply CSS style to alternating columns of Listview

I would like to apply a specific CSS style to item for alternating column of a Listview. Is there a way to do that? Since a listview is dynamic and the number of columns and rows that are render depends on the size and resolution of display, the number of
items in a column will change.
Thank you.
Christine
MCSD, MCITP, MCTS

If you could consider the alternating colours a progressive enhancement and not absolutely required in all (old) browsers then you could use a CSS n-th child selector to apply the colour without changing the HTML.
If you have jQuery (or similar) in your project already and want a solution for older browser, you could use that to select every other row with the :odd or :even selector.
Update (Example)
Assuming we are using table rows
tr:nth-child(odd) td{
background-color: red;
You can also use even, 2n or 2n+1. This would work equally well with
<li> tags.
More examples:
http://reference.sitepoint.com/css/pseudoclass-nthchild

Apply Nested Styles Script not working for me anymore

//DESCRIPTION: Applies nested styles as directly applied character styles.         WARNING: This script will override any character styles which are directly applied to the text with the nested styles applied, and formatting might change!
(function(){
     function IsValid (obj){
          var err;
          try{
               if(!obj){return false}
               if(kAppVersion>=6){
                    return obj.isValid;
               var test = obj.parent;
               return true;
          catch(err){return false;}
     function ResetFindPrefs(){
          if(kAppVersion<5){app.findPreferences = null;}
          else{app.findTextPreferences = null;ResetFindChangeOptions();}
     function ResetFindChangeOptions(){
          app.findChangeTextOptions.properties = {
               includeLockedStoriesForFind:false,
               includeLockedLayersForFind:false,
               includeHiddenLayers:false,
               includeMasterPages:false,
               includeFootnotes:false,
               wholeWord:false,
               caseSensitive:false
     function GetTempColor(doc){
          for(var i=0;i<doc.swatches.length;i++){
               if(doc.swatches[i].label == 'harbsTempColor'){return doc.swatches[i]}
          return doc.colors.add({label:'harbsTempColor'});
     function GetAppColor(colorName){
          for(var i=0;i<app.swatches.length;i++){
               if(app.swatches[i].name==colorName){return app.swatches[i]}
          return null;
     if(app.documents.length==0){return}
     kAppVersion = parseFloat(app.version);
     var doc = app.documents[0];
     if(kAppVersion<5){
          var charStyles = doc.characterStyles;
     }else{
          var charStyles = doc.allCharacterStyles;
     var tempDocColor = GetTempColor(doc);
     var colorName = tempDocColor.name;
     var tempAppColor = GetAppColor(colorName);
     var removeAppColor=false;
     if(!tempAppColor){
          removeAppColor=true;
          tempAppColor=app.colors.add({name:colorName})
     for(var i=1;i<charStyles.length;i++){
          var savedColor = charStyles[i].underlineGapColor;
          var finds=undefined;
          var findsLength=0;
          do{
               if(finds){findsLength=finds.length}
               charStyles[i].underlineGapColor=tempDocColor;
               ResetFindPrefs();
               if(kAppVersion<5){
                    app.findPreferences.underlineGapColor = tempDocColor;
                    app.changePreferences.appliedCharacterStyle = charStyles[i];
                    doc.search("",false,false,'');
                    break;
               }else{
                    if(kAppVersion<6){
                         app.findTextPreferences.underlineGapColor = tempAppColor;
                    }else{
                         app.findTextPreferences.underlineGapColor = tempDocColor;
                    app.changeTextPreferences.appliedCharacterStyle = charStyles[i];
                    finds = doc.changeText();
                    //alert(finds.length);
          }while(findsLength!=finds.length);
          charStyles[i].underlineGapColor=savedColor;
     tempDocColor.remove();
     if(removeAppColor){tempAppColor.remove()}
This was a script to apply nested styles directly to the text as character styles.It was supplied to me by someone on this forum to help make a file adaptable to an epub doc. It has worked fine for many months but now it does not. I am wondering if the cause is that I have added two nested styles in the paragraphs, where before there was only one. The paras. are currently set up with nested styles as follows:[none] up to En Space, italic through 5 sentences.                  I am using 5 sentences because I can't figure how to use a para. end as a limiter. I know this is confused but any help will be appreciated. Thanks

That looks like mine (and someone didn't follow my request on this page) :
http://in-tools.com/scripts.html
What doesn't work?
You can PM me, and I'll try to figure out what's wrong...
Harbs

CSS Style sheet not working in DW4

I am new to Dreamweaver CS4 and have been following the tutorials for Beginners on Adobe TV.
I have used a Standard Layout, 2 columns, Header, Footer, Sidebar.
I have created and saved the CSS Style Sheet as suggested in a folder with the CSS panel.
I have made changes to the web page with CSS and can see the changes in Design View on my screen.
However, when I view my trial site in a browser, none of the Style changes are visible. Looking at the XHTML code,
the path to the CSS Style Sheet appears to be correct. What am I doing wrong?

Close your meta tag.
<meta name="description" content="blah, blah, blah...>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Spry.Utils.updateContent() not applying CSS styles to included fragments on mobile viewing

NOTE THAT THIS ONLY PERTAINS TO MOBILE VIEWING (tested on iPhone)
Hi, I have a SpryTabbedPanels widget within my index.html page, where clicking each tab calls Spry.Utils.updateContent() to load an html fragment into the body of the panel content. My index.html looks something like...
<html>
<head>
     
     <link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
     <p>This is text that is effected by stylesheet.css</p>
    
          <li class="TabbedPanelsTab" tabindex="0" onclick="Spry.Utils.updateContent('frag','frag.html');">Code Fragment</li>
     
</body>
</html>
Then the frag.html code can be anything, and here I'll just say it's...
<p>This is a code fragment not affected by stylesheet.css</p>
Suppose then that I have the following style sheet called stylesheet.css...
p {
     color:#FF0000;
If index.html is accessed in a web browser like Chrome, Safari, etc., this code will have the obvious effect of displaying:
This is text that is effected by stylesheet.css
This is a code fragment not affected by stylesheet.css
However, when mobile browsing, the style sheet is not carried over to the code fragment, so the default settings for the <p> tag are used, producing black text for the second sentence above, displaying:
This is text that is effected by stylesheet.css
This is a code fragment not affected by stylesheet.css
I've tried putting <html> and <head> tags with a link to stylesheet.css in frag.html, but nothing seems to work. Any help would be greatly appreciated!
Thanks

I think that worked. I've been messing around for a long time trying to
figure it out myself watching tons of drop down tutorials. Should have
asked a long time ago... It was hard because I wasn't completing from
scratch and rather updating my current site. How could I give you the
location on the server easily?
Lamppa Manufacturing Inc.
Kuuma (Green) Furnaces & (Fantastic) Sauna Stoves
P.O.Box 422
Tower, MN 55790
www.lamppakuuma.com
facebook<http://www.facebook.com/pages/Lamppa-Manufacturing-Incorporated-Kuuma-Furnaces-Sauna-Stove s/215958785138157>
[email protected]
1-800-358-2049
218-753-2330

Layer Styles don't work with one file

I'm using CS2 for Win. I've got an important file that will not accept layer styles. The layers appear to be "styled" on the layer stack, but nothing previews or shows up on the actual layer. I've created new layers; they don't take styles either. Other files in the system - including new ones - work okay; it's just this one that has the problem.
It could be contaminated; I accidentally saved it as a PDF with layers, and then back to a TIF. It's an 8-bit file; I've tried saving it as a PSD. Same problem.
Is there a way to rescue this thing? I have to get it to a client tomorrow. Many thanks to anyone who can help!

I've been having this happen in Photoshop Elements 2.0. Looks like a bug. But it might be me not knowing what I'm doing.
However, one fix that just worked for me was to use Image -> Duplicate Image. Drop shadow worked in the duplicated image even though it would not work in the orginal. Nothing I've tried doing to the orginal (save and open again, turn layers on and off, chagne order, duplicate layers and delete the "broken" ones, etc) seemed to allow the layer effectrs to work for me once it stopped working.
This "bug" happened to me after messing around with the background layer - deleting and recreating it as a solid color. Looks like the software is getting confused about where to image the drop shadow. Maybe it is getting confused about the order of the layers or something? If you turn the preview OFF you can see small changes as you adjust the paramaters in the effect.
Curt Welch
[email protected]

Paragraph Styles - Don't Work | Buggy?

I'm on Windows 7 using PS CS6 (not extended) 64bit.
I have watched several tutorial videos on Adobe and YouTube to see how to properly make and apply paragraph and chracter styles.
I can select text and make a new paragraph style, but when I select another text layer and the text itself with the type tool and then click on that paragraph style I made in the menu, nothing. It does not apply.
If I open the style and modify it, it does change the original text layer I made the style from, but only that layer.
Am I doing something wrong or is this feature horribly buggy?
Thanks

Update...
Some text layers I can select the text and simply click on the paragraph style and it applies, however, for most layers layers I select the text and a + appears next to the paragraph style. If I click the Clear Override icon it sometimes applys the paragraph style, sometimes it does not. Sometimes I have to select the text, choose the Basic Paragraph style and then the newly created paragraph style to get it to work.
This has to be a bug. Is this only me? Any workarounds?

Empty-cells:show CSS style is not work

this is some visual glitch. empty cells of tables not showed as default. And css attribute empty-cells:show not works.

Hey there, It is better if you provide a link.
We need to see how you are calling it. The stylesheet you think is being called may not be etc.

Applied motion presets don't work with page transitions.

Hello everybody,
I created a multipage document within InDesign. I applied some of the available motion presets. I have a really hard time making the whole document play and than loop. The final file can be either PDF (interactive) or SWF. Please help!

Sorry, Jumped the gun. Just reversed the menu sequence and all is good.
Thanks
Jeff

Css styles donot work well inside headers

I have placed some content inside the header tags.If i apply css styles to the content inside the tags means,the header comes down.what can i do for this?
CSS styles:
header
min-height: 120px;
background: #9EA5CF;
#maintitle {
    color: #FFF;
    padding-left: 50px;
    padding-top: -20px;
HTML Code:
<header>
<h1 id="maintitle">LORUM IPSUM</h1>
</header>

Murray, on the second part of your post (default margins), I think that is the case when I use images as the target for a live link (in IE) ... I have to go in and set the 'border' to 0.
Actually, a simple rule for this in all browsers is -
a img { border:none; }
That will prevent any image that is also a link from having a border. And it's definitely not just in IE.
On the first part, all I know is when I first started doing some naming of IDs and Classes, my computer told me not to go there, so I don't.
Now, that could easily be because I had no clue what was really going on.
I prefer to think of it as your just being new to CSS, but yes - that's most likely it. Can you give us a specific example?
HTML4 or HTML5 should not affect how you USE your CSS.

Adding many CSS styles to the online editor

Hello.
I see that when changing the online editor settings you can apply CSS styles, the dialogue box suggests that only one CSS style can be added at a time. Can I add many CSS styles in one go as I want approx 8 styles available to my client when he creates an email campaign based on a template I have created?
Any help would be great
Thanks
Martin

Hi Martin,
At the moment you can only add custom CSS styles individually.
I'll pass this feedback as an enhancement request.
Kind regards,
-Sidney

Apply CSS style don't works, always checked

Similar Messages

Maybe you are looking for