CSS style embedding issues

Hi - I am getting this warning and its not embedding the styles in the complete app vs showing them in design view. can anyone give us any solution to fix this?
Description Resource Path Location Type
CSS type selectors are not supported in components: 'spark.components.Label.a2' <<filepah>> line 0 Flex Problem
Thanks & Regards,
Magesh

Hi
CSS in newsletters can be finicky.
Don't worry about convention, embed a style sheet in the
*BODY* of your
page right under the opening body tag and put all your CSS in
that, it
will pick up fine then.
Cheers jojo
Adobe Community Expert for Dreamweaver 8
http://www.webade.co.uk
http://www.ukcsstraining.co.uk/
Extending Knowledge, Daily.
http://www.communityMX.com/
Free 10 day trial
http://www.communitymx.com/joincmx.cfm

Similar Messages

11g Custom.CSS Style Sheet issue...is it a bug?

I've created a custom style sheet that we're using to change the graphical elements of our dashboard. I've got everything working and I'm really pleased about how it's looking. Today, I started working on changing the default field attributes. I didn't want to have to go in and change 7-8 elements (font, size, bold, etc) so I used the Custom.CSS file and created new CSS classes that I could easily assign to fields. My thought was that I could go through my whole web-catalog once and apply the CSS to each of the fields, their headers, etc. so that if we wanted to make global changes to formatting later on, I could go and edit the Custom.CSS.
I've run into a slight problem which brings me to the purpose of this post. I have saved the CSS classes into the fields, applied them and saved the changes as the defaults for the fields. Everything works great and the CSS defined styles appear when I create a new report. My concern is that when I create a new report and pull in one of the fields that I have defined and saved the default style, the field no longer shows that it's definition is linked to the Custom.CSS. If I hover over a field in Firebug, it tells me that it's referencing the Custom.CSS, so I know the field is actively referencing the CSS. Shouldn't the field retain the reference to the Custom.CSS when I save the style? Any other developer going into the field will not be able to tell that there is a style sheet that defines the field attributes.
Also, is there a better way to go about applying styling to fields across the board?

Hi Brad
The changes to the file is not done outside of Muse, I know by touching Muse's files from BC will screw things up,
rather it is done from Muse itself by going to the page properties and entering an html code in the header of the page.
Also maybe I should'nt said Locally Published, I meant when exporting the html and viewing it locally.
Regards

Safari 5.0.3 not loading CSS style sheets 1st time through

When I go to my ecommerce site's https payment screen, the page HTML loads OK but the formatting is missing (so the screen is really messed up). If I hit the page re-load function the page re-loads with all the formatting corrected. It behaves the same with both the Mac and Widows versions of Safari 5.0.3. The problem did not occur on earlier versions of Safari (i.e., the Mac I use for testing the site worked perfectly on the now problematic page until I upgraded to the latest version of Safari).
The problematic page works fine with all the other browsers that I have tried (IE7, IE8, Firefox, Chrome)
My guess is that it has something to do with some @import url("css style sheet") directives that are imbedded at the beginning of the master style sheet for the page.
This problem will stop all Safari 5.0.3 users from navigating our site so it is quite serious.
Any help on this issues would be greatly appreciated.

Further investigation has revealed that the following error message is being generated within Safari during the first time the that the page is loading,
"Refused to load from document base URL. URL found within request."
The <base> directive in the HTML, in this instance, is referring to a different URL than the one that the page is running from. The page with the problem is running on a remote server and back referencing to the home server for the <base> reference. This fails when the page first loads but seems to be accepted if a page-reload is done. It also works on all other browsers that have been tested.
Is this related to a security setting in the browser?

When I try to attach my css style sheet Dreamweaver gives me an error saying that my .css file appears to be an .html file and will not attach. How do I fix this so I can attach my style sheet?

I have built a css style sheet in Dreamweaver. When I try to attach it to my html website, it prompts me that my "css file appears to be an .html file and cannot attach". I've tried removing the /* */ as suggested by other forums, but this has not resolved the issue. I was using css style sheets with no problem 2 days ago. Now I get that error message. How do I fix this so I can attach my style sheet?

What does the code of the CSS file look like?
An external CSS file needs to be written in CSS only (no html tags like <html>, <body>, <head>, etc ).
It also must have a .css file extension, if yours has a .html extension it won't work.

RH-generated WebHelp doesn't display some CSS styles

I've worked with RH for a while, including creating other WebHelp projects in RH that have been deployed without any problem. On my current RH9 project, however, some of the CSS styles are not being applied after the project output is moved to a network directory. When I open the project output on my Desktop, the styles all render correctly.
The styles in question aren't especially unusual:
DIV.text {
          width: 640px;
          padding-left: 25px;
          padding-right: 25px;
          padding-bottom: 25px;
          margin-left: auto;
          margin-right: auto;
          background-color: #EDEBDE;
P.footer {
          text-align: center;
          font-size: 8pt;
          line-height: 25%;
          color: #A13619;
The kicker is that some of the styles ARE being applied (e.g., background image), while the 2 styles above are NOT being applied.
Some of the things I've already tried include:
- creating a new copy of the CSS file
- making sure the correct stylesheet is referenced in the HTML files
- making sure the correct stylesheet is referenced in the MasterPage
- making sure the correct CSS type is specified in the HTML files
- adding "!important" to the styles that aren't being applied
Has anyone seen / resolved issues like this before?
Thanks!

Solution:
My supervisor and I huddled on the problem and eventually found these discussions:
http://stackoverflow.com/questions/4966952/ie-not-rendering-css-properly-when-the-site-is- located-at-networkdrive
http://stackoverflow.com/questions/167657/will-targeting-ie8-with-conditional-comments-wor k#answer-168131
I opened the IE Tools > Developer Tools panel, and used the Browser Mode settings to check the variations (IE7, IE8, and IE8 Compatibility). IE8 displayed all DIVs correctly, while the other two apparently severed the CSS file from the HTM file.
I had to do a mass find/replace, pasting another meta tag below the RH generated compatibility check:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
And there was much rejoicing.
As an aside, the new meta tag did not work when I tried to apply it to the Master Page....which makes sense, I guess.

Applying a CSS style to an existing web page

Hi all.
I have recently updated the look of one of my web pages in my site. I'm looking to update the look of the other pages in my site as well to the same style/look. I have a CSS style saved as "main layout" that I would like to use to apply the same look my existing pages. I'm working in Dreamweaver CS4. Does anyone know how to go about doing this? I realize that, because the existing page already has a layout applied to it, that the look may not be exactly the same, and that's fine, I can work with it from there if I can get it to that point. I feel like there should be an obvious answer to this, but i can't find one.
Any help is greatly appreciated.
Thanks.

This is one of my old pages.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Home Page</title>

<style type="text/css">

</style>


</head>
<body class="twoColFixLtHdr">
<div id="container">
<div id="header">
    <h1><img src="../../Graphics/logo.jpg" width="145" height="93" /><img src="../../Graphics/black-seafoam banner.jpg" width="910" height="127" /></h1>

    </h1>
</div>
<p><div id="sidebar1">
    <table width="200" border="0" align="center" cellpadding="2" cellspacing="2" bg="bg">
      <tr>
        <td width="166" height="0" align="center" valign="middle" bgcolor="#4a0019"><h2>
          <center>
            <strong><em>Main Menu</em></strong>
          </center>
        </h2></td>
      </tr>
      <tr>
        <td><a href="../../index.html">Home</a></td>
      </tr>
      <tr>
        <td><strong><a href="../../Main Menu/MJSNC Staff/STAFF.HTML">
          <center spry:hover="SIDEBARFONT">
            Staff
          </center>
        </a></strong></td>
      </tr>
      <tr>
        <td><strong><a href="../../Main Menu/MJSNC Board of Directors/mjsnc board of directors.html">
          <center>
            Board of Directors
          </center>
        </a></strong></td>
      </tr>
      <tr>
        <td><strong><a href="../../Main Menu/MJSNC Newsletter/mjsnc newsletter.html">
          <center>
            Newsletter
          </center>
        </a></strong></td>
      </tr>
    </table>
    <p> </p>
    <table width="200" border="0" cellpadding="2" cellspacing="2">
      <tr>
        <td width="168" bgcolor="#4a0019"><h2><strong><em><center>Programs & Services</center></em></strong></h2></td>
      </tr>
      <tr>
        <td><strong><a href="../Education and Therapy/education and therapy program.html"><center>Education & Therapy</center></a></strong></td>
      </tr>
      <tr>
        <td><a href="../Support Services/Services.html"><strong> <center>Services</center></strong></a></td>
      </tr>
      <tr>
        <td><strong><a href="Adult Training Facilities.html"><center>Adult Training Facilities</center></a></strong></td>
      </tr>
      <tr>
        <td><a href="../Social Recreation/social recreation.html"><strong><center>Social Recreation</center></strong></a></td>
      </tr>
      <tr>
        <td><strong><a href="../Early Intervention/early intervention.html"><center>Early Intervention</center></a></strong></td>
      </tr>
      <tr>
        <td><strong><a href="../Family Living Program/family living program.html"><center>Family Living Program</center></a></strong></td>
      </tr>
    </table>
    <p> </p>
    <table width="200" border="0" cellpadding="2" cellspacing="2">
      <tr>
        <td width="168" bgcolor="#4a0019"><h2><em><strong><center>What's Happening?</center></strong></em></h2></td>
      </tr>
      <tr>
        <td><a href="../Challenger Division Baseball/Challenger Main Page.html"><strong><center>Challenger Division</center></strong></a></td>
      </tr>
      <tr>
        <td><strong><a href="../../Whats Happening/Summer Recreation/Summer Rec.html"><center>Summer Recreation</center></a></strong></td>
      </tr>
      <tr>
        <td><strong><a href="../../Whats Happening/LIP SYNC 2012/Lip Sync 2011.html"><center>Annual Lip Sync'</center></a></strong></td>
      </tr>
    </table>
<p> </p></div>
<table width="700" border="2" cellspacing="2" cellpadding="1">
    <tr>
      <td><p>Adult Training Facilities</p>
        <p> </p>
        <p>MARCELLA GANOE CENTER- </p>
<p>439 SOUTH JUNIATA STREET LEWISTOWN, PA 17044</p>
        <p><img src="../../Graphics/white-black flower.jpg" width="160" height="156" /></p>
        <p>COMPASS CORNER-</p>
        <p>31 SOUTH DORCAS STREET LEWISTOWN, PA 17044 </p>
<p> </p>
        <p>The Mifflin-Juniata Special Needs Center has two Adult Training Facilities in operation. The Marcella Ganoe Center, located at 439 South Juniata Street & Compass Corner, located at 31 South Dorcas Street. Both facilities operate year round, five days per week. </p>
      <p>This program is designed to maximize an individual's opportunity to participate in their community. Staff serves as adult role models and challenges each participant to reach their highest level of ability in daily living skills, social and physical development and interactions with others.</p></td>
    </tr>
</table>
<p align="center"> </p>
<p align="center"> </p>
<table width="700" border="2" cellspacing="2" cellpadding="1">
    <tr>
      <td><img src="../../Graphics/Ganoe 2.jpg" width="448" height="322" /></td>
      <td><img src="../../Graphics/compass 5.jpg" width="504" height="346" /></td>
    </tr>
    <tr>
      <td><img src="../../Graphics/compass 1.jpg" width="424" height="323" /></td>
      <td><img src="../../Graphics/Ganoe Thank you.jpg" width="492" height="346" /></td>
    </tr>
</table>
<p align="center"> </p>
<p align="center"> </p>
<blockquote> </blockquote>
<center>
<p> </p>
<div style="text-align: center; border-top: 2px solid #999; margin-top: 1em;">
    <p><a href="../../index.html">Home</a> • <a href="Main Menu/Contact Us/Contact Us.html">Contact Us • Map & Directions</a> • <a href="../../Main Menu/About Us/About Us.html">About Us</a></p>
</div>
</center>
<hr />
<font face=papyrus><center></center></font></div>
</body>
</html>

How to apply different CSS styles to different table cells?

I have an h:dataTable table and I would like to apply different CSS styles to different table cells depending on their content. If I were doing JSP I would probably have a <c:if> test on the cells, and give them a style name depending on contents, and then define the styles in a separate style sheet. Is there a way in JSF to do the equivalent? Thanks.

mitchgart wrote:
BalusC wrote:
How to achieve a cell-specific style is already answered in my 1st reply of this topic.That tells how to apply a style to the text (or other content) inside a cell but not how to apply a style to the <td> as a whole. It would work for something like text font or text color but not cell border.
I'm thinking I can mark the content somehow and then have javascript traverse the DOM, find marked content, and traverse outward to the enclosing <td>. Is there a better way?BalusC already spoke about rowClasses and columnClass attributes, I assume those are insufficient.
The Tomahawk dataTable component has the rowStyleClass and rowStyle attributes for assigning CSS to the HTML tr tag. One is allowed to reference the row data variable when assigning values to these. However, see https://issues.apache.org/jira/browse/TOMAHAWK-523 for workarounds to bugs in some implementations.
The Tomahawk column component has the styleClass and style attributes for assigning CSS to the HTML td tag. These also may reference the row data variable.

Unexpected error when linking CSS style-sheet

I have been working on this site for over a month now. I have
a linked external CSS style sheet and everything has been working
seamlessly between Dreamweaver and the web. Today, I tried to
create a template and then disliked it, so I deleted it. After
doing that, my CSS rules were no longer displaying properly EVEN
THOUGH my formatting and everything has remained the same.
I have a feeling there is something cached behind the scenes
that is messing this all up. Community assistance is greatly
appreciated. This is not the first time I've been unable link a CSS
stylesheet.

upload the page and post a link, please.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"rausch_g" <[email protected]> wrote in
message
news:f7im8a$7u4$[email protected]..
> This is not a display issue with the toolbar. There is
clearly a
> stylesheet
> attached in the header; however, in Dreamweaver when I
look in the
> "properties"
> panel while in CODE VIEW, it says there are no styles
and no attached
> style
> sheet. When I try to attach my style sheet, it says, "An
unexpected error
> occured while trying to read style-sheet information."
There are no
> errors on
> my style sheet, so I am unsure how to fix this.
>

Css style sheet not linking

I am fairly new to dreamweaver and css. I have created an
html page and I created an external css style sheet for it. When I
preview it in my browser, it works, but when I FTP it and check the
site on the server, the html page doesn't "refer" to the css page
that I created. I checked my remote view of the server, the style
sheet is there and the source for the web page says that it should
be refering to it.
Here's the link to my page. It's a school project. I only
have the first page created for it so even tho there are rollovers,
there are no pages linked them, so just ignore that.
http://alliterationstudio.com/silverspark/index.htm
if you go to the main page on my site
http://alliterationstudio.com
you will see that I have a couple of other projects up there too.
If you go look at the arts and crafts page you will see that it has
a style sheet that links just fine to it, and I created it in the
same way. I'm at a loss here, since I'm really new to this web
design stuff.
BTW, I'm using Dreamweaver MX 2004 right now. I'll upgrade as
soon as I get my new computer, but either way, I don't think that
using an earlier version of the software is what is creating the
problem, right?
Thanks for the help,
Staci Stubbs

On 07 Apr 2007 in macromedia.dreamweaver, stacistubbs wrote:
> Here's the link to my page. It's a school project. I
only have the
> first page created for it so even tho there are
rollovers, there are
> no pages linked them, so just ignore that.
>
>
http://alliterationstudio.com/silverspark/index.htm
http://alliterationstudio.com/silverspark/silversparkstyle.css
returns a
403 (Forbidden) error. An imaginary stylesheet whose name I
entered
returned a 404 (File not found). In the other project which
had an
external stylesheet, there was no problem. So - it sounds
like a
permission issue on silversparkstyle.css. I'm not sure if
MX04 has a
file permissions 'thing' built in; if not, you'll either have
to get an
FTP client which does file permissions (FileZilla for Windows
http://filezilla.sourceforge.net/
does), or use a terminal app (SSH, like
putty, in preference to Telnet) to log in and change the
permissions.
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/contact.php

How can i load a specific CSS style sheet for Safari?

Okay, So I have some structure issues when viewing my website on Safari compared to Firefox. Is there a way to put a code in the <head> tag to load a specific CSS style sheet for Safari like you can do with IE?
Thanks.

I took a screenshot of your page from Firefox (shown below). I assume you're seeing the same problem in Safari. If you increase text size one click, the keyboard image drops below the #contact division.
1) Height is a restiction in all browsers except IE. Avoid using height values on containers with text in them. If needed to show a background image, use the min-height property.
2) Fix your code errors. Some browsers are very sensitive to errors.
3) Your #content lacks cohesion. You need 3 columns, each with a width in pixels. Or simply use a 3-column table.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

What CSS styles affect the background color of new suite bar?

There is a new suite bar in O365. What CSS styles affect the background color of the bar, app launcher button and the Office 365 text in SharePoint Online? I want to hide Office 365 text and add my logo there.

Hi,
What new suite bar did you refer to?
Please check if this image below is what you referred to:
If yes, please note in this forum we mainly discuss questions and feedbacks about the Office client products, as your question is not about our products, I suggest you post the question in Office 365 Community Forum to get support:
http://community.office365.com/en-us/f/default.aspx
The reason why we recommend posting appropriately is you will get the most qualified pool of respondents, and other partners who read the forums regularly can either share their knowledge or learn from your interaction with us. Thank you for your understanding.
If I misunderstood anything, feel free to let me know.
Regards,
Melon Chen
TechNet Community Support
It's recommended to download and install
Configuration Analyzer Tool (OffCAT), which is developed by Microsoft Support teams. Once the tool is installed, you can run it at any time to scan for hundreds of known issues in Office
programs.

CSS Styles are Missing in WYSIWYG Editor

I have had this problem in the past but I am working on my busisnes catalyst site in dreamweaver and then I connect and upload my files through the FTP Connection in the business catalyst plugin for Dreamweaver CS4. The problem I am having is that the CSS Styles that I create in a seperate CSS document and upload to the stylesheets folder are not showing up in the WYSIWYG editor. I have tried to modify the link in the head section of my html and I have tried to upload them through FTP and also the Media manger in the admin panel. How do I get my styles to show up in the editor?
Thanks

I've confirmed that my CSS classes are showing up in the Apply CSS Class dropdown of the editor for Web Pages and for Site Editor (ICE), but NOT in the editor for a Web App item description. Initially, this was the only place I was checking which was why I thought it wasn't working at all.
Besides this, I've found that applying CSS classes in Site Editor does not work if the selection you are applying the class to is an anchor (for example, a selected class gets applied to heading tags once you deselect the text). If I have applied a class to an anchor from the admin editor or ftp then I select that anchor in Site Editor, the applied class appears as selected in the CSS dropdown, but if I try to change the class in Site Editor by selecting a different class, it does not set the class or have any affect on the existing class.
Has anyone else had these issues or found solutions?
-Jake

CSS stylesheet link issue in Dreamweaver CS4

Hello,
In order to make sure that mywebsite always delivers the latest .css changes without users having to refresh their browsers, I did the trick:
link href="css/style.css?version=1" rel="stylesheet" type="text/css"
This works great, but the trick doesn't work so well when previewing a file in Dreamweaver. It doesn't link to the CSS file because of the "?version=1" part.
Do you folks know what I can do to fix this? Will I need ot have two versions of the files, one for working in and one for uploadng?
Thanks,
Mike

I don't want my users to have to hit refresh to see my CSS changes.
They won't.
The chapter on Design Time Stylesheets doesn'rt really help me.
Sure it does.
the issue is that dreamweaver isn't linking to the style sheet because of the "version" part of the link.
Remove the version part. SaveAs DesignTime.css.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

NullReferenceException when using Razor "@" inside of CSS styles

Issue:
Receiving "Object Reference Not set to an instance of an object" when I hit ctrl-v in CSS styles
Steps to Reproduce:
Open Visual Studio Ultimate 2013
Create new ASP.NET Web Application (Create directory for solution)
Choose MVC (Auth is Individual User Accounts)
Open Shared/_Layout.cshtml (I can reproduce the error by following the below steps in any .cshtml file)
DO NOT SAVE FILE CHANGES AT ANY POINT (though I've noticed this makes no difference)
Add <style> </style> just before </head>
Add #foo {color: red;} inside of <style>
CSS syntax highlighting still works at this point
Add razor syntax @ symbol to color: red;
#foo {@color: red}
CSS syntax highlighting is lost
Add #bar {color: green;}
Highlight #bar {color: green;}
Hit ctrl-c to copy
hit ctrl-v to paste clipboard anywhere BUT inside of <style></style>
Pasting outside of <style> should still work.
Now hit ctrl-v and paste clipboard inside of <style></style>
shoudl receive Error message: Object reference not set to an instance of an object
Undo (ctrl-Z) should no longer work at this point
NOTES:
Copying from outside of visual studio and pasting inside the <style> tag in _Layout.cshtml should nto produce an error
Last thing, it does not matter if I am using the @ symbol in valid CSS (background: @url(...)) or invalid CSS (color: @red)
Trying to escape the @ symbol (background: @@url(...)) mnakes no difference.
Info:
Microsoft Visual Studio Ultimate 2013 version 12.0.21005.1 REL
.NET Framework version 4.5.51650
Windows 8.1 Enterprise v6.3.9600 Build 9600
Nuget Packages installed - only what is installed by default when creating new MVC ASP.NET Web Application

Hi jonathanthomas,
Since this issue is related to the web development,
you could ask this question in the ASP.NET forum:
http://forums.asp.net. If then, you could get
an answer more quickly and professional. Thanks for your cooperation.
Best Regards,
Jack
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Mail.app and CSS Style Sheets in HTML E-mails

Hi all,
Query. I recently began to get some e-mails from a blog site where the e-mail background is black (or very dark), with black font. Hard to read of course.
The background color appears to be getting set by a remote CSS style sheet, for which the URL is embedded in the HTML markup in the e-mail body. The background color is the same as the background color of the blog site.
Based upon communications with the site author and developer, it would appear that this is unique to Mail.app. They are not seeing this on their end in their e-mail clients.
When moving the same e-mail to a folder that syncs with Me.com, I can view the same e-mail online in the browser and a white background shows up, not the dark background.
Thus, it would seem that Mail.app is honoring the CSS style sheet, while other applications are not.
I do not see any obvious preferences in Mail.app to enable/disable this behavior.
Am I missing something, or is Mail.app doing something that other mail clients do not.
Thanks.

I found an answer :
defaults write com.apple.mail MinimumHTMLFontSize 13

CSS style embedding issues

Similar Messages

Maybe you are looking for