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

Similar Messages

Append swf file - Spry.Utils.updateContent - not work

I don't understand this
When I try to add swf file to Spry Tabbed Panels content -
everything is OK. Now - in tabbed panels content I want to insert
data from external html files. In this external file I have swf
file and text, and images. When I preview this html external file
in browser - all data are displayed correctly. When I try append
this file into tabbed panels content :
<a href="#" onclick="Spry.Utils.updateContent('apDiv1',
'products/products1.htm'); return false;">Append file</a>
only swf file in a new window are display.
If I delete swf content from external html file - everything
is ok. But if in external append file is a swf content - IE display
only swf file.
Is there posible to append html file with swf file in this
method in any way?

Hi Elaine,
The implementation of AC_FL_RunContent() suggests that it was
only meant to be run *BEFORE* the page finishes loading. Because
Spry data sets and regions load and redraw asynchronously, usually
*after* the page finishes loading, they are not compatible. As
we've mentioned above, if Spry triggers the call to
AC_FL_RunContent(), it will most likely be *after* the onload event
has fired, and since AC_FL_RunContent() uses document.write() it
will result in the entire page being overwritten by the
<object>/<embed> tag that it writes out.
That all said, libraries like SWFObject were designed to be
called even after the onload event fires, at least from what I can
tell from their samples. If you need to extract data from a data
set to create your SWFObject, you can simply attach an observer to
your data set that will tell the swfobject to do what it is you
want it to do. For example:
<script type="text/javascript">
var dsProducts = new Spry.Data.XMLDataSet("products.xml",
"/products/product");
// Register an observer on dsProducts so that any time it
changes data or the current
// row changes, it tells the swfobject what to do:
dsProducts.addObserver(function(notificationType, notifier,
data)
if (notificationType != "onDataChanged" || notificationType
!= "onCurrentRowChanged")
return;
// Do something with the swfobject here:
var curRow = dsProducts.getCurrentRow();
// The following embedSWF call is only an example of how to
get the "productURL" column
// value for the current row and pass it to the swfobject.
The rest of the args, are left as names to
// show you what you should be passing.
swfobject.embedSWF(curRow.productURL, replaceElemIdStr,
widthStr, heightStr, swfVersionStr, xiSwfUrlStr, flashvarsObj,
parObj, attObj);
</script>
--== Kin ==--

Cache of Spry.Utils.updateContent data?

So I have a need for a Tab system that pulls data from other
files to load into the tabs. Any links in those files will trigger
the file to load into the tab (think like an iframe, but no
iframes). If the link is to an external site it will work as
normal. The links in my outside files don't need any js, id or
class in them. Just normal html. With some help from the yahoo
event and dom library I was able to detect clicks and redirect
everything very nicely. Did I need to use YUI to do the event
listener? Not sure, it made it pretty easy and I am no JS expert. I
didn't see anything within spry to help in that regard.
Example Here:
http://dev.besavvy.com/Spry_P1_4_1214/samples/tabbedpanels/tabbed_panel_sample.htm
My trouble comes with caching of the files. It seems FF
caches my .html files but not .cfm ones. IE caches both. I can use
the cfheader tags to prevent the cache I am sure, but that doesn't
fix .html files. I know I can work around it but I wanted to check
here as I am not clear if there is an optional attribute or another
direction I should take. It would be very handy to have a :cache
true :cache false type of solution.

Try:
Spry.Utils.updateContent('apDiv1',elTarget,null,{method:'POST'});
which I believe will cause it to use the browsers post
mechanism which never caches.
Or:
var ts = new Date();
Spry.Utils.updateContent('apDiv1',elTarget+'&TS='+ts.toString());
which will add a unique date string to the end of the url
being requested making the browser believe it is a new page
Oh if the page doesn't already have a query string change +
'&TS=' to + '?TS='
Regards,
Chris Phillips
Senior Application Developer
www.dealerpeak.com

Spry.Utils.updateContent & IE caching pls help

Hi -
so ive read quite a few posts about this problem but no
single - comprehensive solution. Basically im using updateContent
to show and refresh a mini basket display on my ecom site. works
great in firefox but in IE7 the shopping basket apparently gets
cached the first time it gets updated and and then only updates the
cached version thus making it appear as if you havent actually
added anything to your cart. I know it's a cache issue cause I
clear the cache, re-updateContent, and the most current basket
state renders.
It seems like this should be documented somewhere - hopefully
someone can offer up a straightforward solution.
Cheers
Andy

Hi Andy,
By default Spry.Utils.updateContent() uses the "GET" method
for requesting a fragment from the server. What this means is that
you are at the mercy of the Browser's caching system and the
caching rules specified for that fragment by the Web Server. IE6,
not sure about IE7, also had a bug where even though the server
says don't cache my page, IE still insists on caching the page ...
a workaround was to append a query param to your URL that made the
URL unique, for example the local time:
Spry.Utils.updateContent(ele, "myfoo.php?id=12&curTime="
+ Date.now(), myCallback);
The other workaround is to use the "POST" method. Most
browsers don't cache results from a "POST" because that is what
most web applications use to fetch data that changes.
Spry.Utils.updateContent(ele, "myfoo.php?id=12", myCallback,
{ method: "POST" });
--== Kin ==--

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.

Spry:state="loading" for Spry.Utils.updateContent

It would be very handy to be able to use something like
spry:state="loading" for Spry.Utils.updateContent. Right now it
seems you can only use the :state="loading" for regions. Makes
sense but being able to activate the loading div while update
content is running would also be very handy. To that matter for
waiting for tabs to load, etc.

Cool. Thanks for the reference, Andrew!

Spry.Utils.updateContent()

I wonder if there is a way to evaluate the scripts contained
in a request using updateContent()?. I've been looking for the
answer with no success, can any one point me to the answer or tell
me if it can be done?
Cheers, Ivan.

Forget this post, i've seen the change log for Spry
PreRelease 1.4 and since then Spry.Utils.updateContent(), dependant
of Spry.Utils.setInnerHTML(), evaluates any script.
Thanks anyway

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 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

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

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?

IE6 not displaying css style

Hi all,
I have a weird problem. I have created a simple css style for
a page header. On the top of the white area to the right of the
page it the words "Health and Beauty" should have white text with a
purple background. For some reason the background color is not
showing up in IE 6. It shows up in every other browser on both the
windows and mac platforms. Any ideas? The page is question is
www.greenforlife.net/healthandbeauty.html. The css is as follows:
body {
background: #465e34;
color: #FFFFFF;
font: 14px Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
#topnav ol {
display: inline;
#signup a:hover {
display: inline;
margin: 0px;
padding: 0px;
#footer {
position: relative;
width: 850px;
bottom: 0px;
float: left;
margin: 30px;
text-align: center;
#footer a {
text-decoration: none;
color: #FFFFFF;
#wrapper {
width: 850px;
margin-right: auto;
margin-left: auto;
height: 930px;
background: #608246 url(images/reuse.jpg) no-repeat left
top;
#masthead {
width: 320px;
position: relative;
left: 0px;
top: 0px;
font: 14px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: left;
float: left;
height: 91px;
background: #465E34;
padding-top: 5px;
#mastheadtagline {
font: 1em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: right;
float: left;
width: 530px;
position: relative;
top: 0px;
padding-top: 74px;
background: #465e34;
vertical-align: bottom;
padding-bottom: 5px;
#topnav li {
list-style: none;
display: inline;
margin-right: 3px;
border-right: thin solid #FFFFFF;
padding-right: 6px;
font-size: 13px;
.topnavrightli {
border-right: thin solid #8E66A9;
#leftnav {
float: left;
width: 175px;
position: relative;
top: 100.px;
color: #c2e2a9;
left: 0px;
line-height: 1.75em;
background: #465E34;
height: 550px;
top: 100px;
#newslettertext {
font-style: italic;
line-height: normal;
color: #FFFFFF;
#content {
float: left;
width: 650px;
position: relative;
top: 30px;
left: 25px;
background: #FFFFFF;
border: thin solid #465E34;
height: 650px;
color: #465E34;
font-size: 12px;
#flashholder {
position: relative;
width: 650px;
top: 0px;
height: 153px;
#abouttext {
position: relative;
width: 630px;
top: 0px;
padding-top: 5px;
color: #465E34;
margin-left: 5px;
margin-right: 0px;
font-size: 12px;
padding-left: 5px;
.sectionheader {
font-size: 16px;
font-style: italic;
background: #B7EBA1;
display: block;
border: thin solid #406432;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 30px;
.highlight {
font-size: 16px;
font-style: italic;
color: #3E0947;
display: block;
padding-top: 7px;
#abouttext img {
float: left;
padding-right: 10px;
padding-left: 20px;
#abouttext li {
list-style: url(images/bulletimage.gif);
#abouttextheader {
width: 550px;
position: relative;
top: 0px;
padding-left: 10px;
#signup {
width: 175px;
top: 0px;
position: relative;
display: inline;
text-align: left;
#gemoftheweek {
float: right;
width: 310px;
position: relative;
border: thin solid #465E34;
margin: -55px 0px 0px -1px;
padding: 0px;
top: 0px;
right: 0px;
height: 175px;
#promotestext {
float: left;
width: 300px;
clear: right;
margin: 0px;
padding: 0px;
position: relative;
text-align: left;
#reuse {
margin-left: 30px;
margin-top: 20px;
margin-right: 20px;
#gemheader {
font-size: 14px;
font-style: italic;
color: #FFFFFF;
background: #465E34;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
display: block;
margin: 0px;
#contenttable {
position: relative;
width: 650px;
top: 0px;
.tableheader {
background: #C3E2A9;
border: medium solid #465E34;
.tableimg {
padding-left: 25px;
#challengebox {
border: thin solid #465E34;
#gemoftheweekcontent {
position: relative;
width: 310px;
top: 0px;
height: 145px;
#gemtext {
font-size: 15px;
font-style: italic;
padding-top: 0px;
text-align: center;
display: block;
float: right;
margin-top: 40px;
width: 130px;
margin-left: 5px;
#logo {
background: #618247;
text-align: center;
float: left;
width: 151px;
height: 70px;
margin-bottom: 10px;
}#gemimage {
float: none;
width: 151px;
position: relative;
top: 5px;
margin-right: auto;
margin-left: auto;
padding-bottom: 10px;
#logodivider {
background: #465E34;
width: 175px;
height: 20px;
#topnav a:link {
color: #FFFFFF;
text-decoration: none;
#leftnav li {
list-style: none;
margin-left: -25px;
#leftnav a:link {
text-decoration: none;
color: #C2E2A9;
display: block;
#leftnav a:hover {
color: #FFFFFF;
text-decoration: none;
background: #618247;
display: block;
#leftnav a:visited {
color: #C2E2A9;
text-decoration: none;
#topnav a:visited {
color: #FFFFFF;
text-decoration: none;
#topnav a:hover {
color: c4eca5;
text-decoration: none;
#topnav {
float: left;
width: 800px;
position: relative;
top: 10px;
background: url(images/purplenavbg.gif) no-repeat;
left: 25px;
text-align: center;
font-size: 13px;
height: 25px;
padding-top: 4px;
#test {
position: relative;
width: 200px;
top: 0px;
left: 50px;
.pageheader {
color: #FFFFFF;
background: #8E66A9;
font-size: 24px;
font-style: italic;
font-weight: bold;
border-top: 1px solid #41054A;
border-bottom: 1px solid #41054A;
display: block;
h1 {
font-size: 14px;
font-weight: bold;
text-decoration: underline;
.articleblock {
border-right: 1px solid #465E34;
border-left: 1px solid #465E34;
padding-right: 1em;
padding-left: 1em;
vertical-align: top;
.articleblockright {
border-right: 1px solid #465E34;
padding-right: 1em;
padding-left: 1em;
h2 {
font-weight: bold;
font-size: 12px;
Thanks,
John

What happens if you remove the italic style from the font....
it could be
this:
http://www.positioniseverything.net/explorer/italicbug-ie.html
Nadia
Adobe® Community Expert : Dreamweaver
Skype: nadiaperre
Tutorials |SEO |Templates
http://www.DreamweaverResources.com
http://www.csstemplates.com.au
http://www.adobe.com/devnet/dreamweaver/css.html
CSS Tutorials for Dreamweaver
"John Ciccolini" <[email protected]> wrote
in message
news:ehp18m$21b$[email protected]..
> Hi all,
> I have a weird problem. I have created a simple css
style for a page
> header.
> On the top of the white area to the right of the page it
the words "Health
> and
> Beauty" should have white text with a purple background.
For some reason
> the
> background color is not showing up in IE 6. It shows up
in every other
> browser
> on both the windows and mac platforms. Any ideas? The
page is question
> is
> www.greenforlife.net/healthandbeauty.html. The css is as
follows:

Contribute CS3 not showing css styles

I have 3 almost identical sites I am using Contribute to
allow users to
add content. All internal so I can' show URL's.
The mystery began when I added the third site. On the other
two when
someone edits a page all the css styles show in the Style
drop down panel.
Not so on the third site. I created the other sites a while
back using
Contribute 3. The new one using CS3.
I have checked over and over the role settings for each site
to make
sure I don't have something unchecked or somehow have a
different
setting between the three.
No matter what settings I use in the Styles and Fonts panel,
the Styles
dropdown shows non of the styles included in the linked css
file.
Alex

Is the style sheet also present in the document (f.i. by
linking it in the head section: <link href="css/stylesheet.css"
rel="stylesheet" type="text/css" media="screen" />)? The styles
you want to be displayed in contribute always have to be linked to
the document.

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

Similar Messages

Maybe you are looking for