Templates pages do not retain .css styles

dwcs4
I have created a template, and have about ten pages using it, the problem is every time I update the template the individual pages detach from the .css
and I have to manually re-attach them all every time.
Hoping there is some thing obvious happinging here.
Thx
Brad

Reload web page(s) and bypass the cache.
* Press and hold Shift and left-click the Reload button.
* Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
* Press "Cmd + Shift + R" (MAC)
Clear the cache and the cookies from sites that cause problems.
"Clear the Cache":
* Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now"
"Remove Cookies" from sites causing problems:
* Tools > Options > Privacy > Cookies: "Show Cookies"
Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode

Similar Messages

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:

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?

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.

Home Page does not retain sign-on

I just recently updated to FF 7.0.1. Since then my Home Page (Google.com) does not retain my sign on even though I have checked the box to remember the sign on information on this computer. It always worked before the update and that is the only thing that was changed. Windows VISTA home premium sp2 operating system. HP Pavilion dv9843cl Notebook PC.

See:
* http://kb.mozillazine.org/Preferences_not_saved

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

Cloudy theme 24 Template region width not responding to style width change

Hello
I have a question regarding templates and themes.
Firstly I was using theme 20 traditional blue and all was ok.
Page template “2 level tabs with left sidebar”.
I had a page with a tree in the left side bar region.
Within the region definition in the attributes section against region attributes
I included the following style="width=300px;" which increased the width of my tree so none of the text was cut off.
All working fine!
Then I was asked to move to the “cloudy” theme 24 which scrambled my tabs and layout but with a bit of work I sorted this out all but the tree region.
The problem is the tree region always renders at a certain width even with the style code as before in the region attribute specifying a width nothing happen.
Any ideas on what is happening here?
Edited by: PolarWarrior on 02-May-2012 01:09

I have tried using 150px 250px 350px and the width increases and then stops
the view source shows me the following when I use 100% the ffffff id is mine input via the screen for testing
<section class= uRegion clearfix id= ffffff style=width:100%;> (quotes removed so it display correctly).
I have checked both templates for the page in each theme and I cannot find any references to #REGION_ATTRIBUTES# #REGION_STATIC_ID# in the templates.
the view source of the pages is quite different in each theme

Css only works on page and not in css doc

So i have the following coding for shadows: h3.a {text-shadow: -50px -50px white, 1px 1px #00F} . i put it on my css doc which is connected to my page, but it did not show up. then i put it in the head of the page, and then it showed up. why does this only work on the page?

Can you post the code anyway? It's rather difficult to assess the situation without being able to see it.

Default Page Size Not Retained

I have just installed Adobe X Pro after having been using 9 Pro. I am on Windows 7.
When I set Page Layout to Single Page and Fit Page it goes back to automatic after I close the document. I have tried checking, in Documents, Restore Last View Setting... that doesn't help. I want document, previously created with 9 Pro to open full page. I want new documents to be full page. Is there a setting I am missing?
George Sullivan

Dave, let me tackle these one at a time.
1. Initial view setting of a PDF. Why go to all the trouble of clicking on File>Properties, select Initial View tab, etc. for each document I create or use? I could just set the preference of Edit>Preferences>Document and check "Restore last view settings when reopening documents". Then when I deal with a document I just make sure it is the view size I want before saving it. And, at this point that is the approach I am taking because the Page Layout preferences doesn't work.
2. Acrobat preferences. I set Page Layout and Zoom as you describe but they are not "sticky". As soon as I close Acrobat both revert to automatic. In Acrobat 9 Pro these settings were "sticky". They are not in Acrobat X Pro. As you suggested I did a repair. After the repair these settings are still not "sticky".
The bigger picture is this.
Adobe's stock in trade has, for years, been the manipulation of digital documents. Their business plan has established the company as pre-eminent in this application.
But Acrobat X is aken to telling a secretary who has been shuffling paper for 10 years to stop using her right hand and to start using her left. Adobe changed the keyboard shortcuts leaving many out (for example there is no shortcut to extract pages). Adobe made it more difficult to quickly email a pdf by inserting more steps in the process because they are pushing some program called Send Adobe Online. The page layout and zoom default preferences no longer work as they did in previous versions unless I a missing something. I don't know whether the mundane functions in the new version just weren't thought out or the Adobe developers just wanted to have some fun.
The fact of the matter is I just need to shuffle papers and Adobe is forcing me to use my left hand.

Can not set css style class of TD in DataTable??

<h:dataTable value='#{myList.rows}' var='row' headerClass='cs_header' styleClass="cs_list" rowClasses='cs_TR_EVEN,cs_TR_ODD' >
The following is what I want to be generated by JSF.
<table class="cs_list">
<thead>
<tr>
<th class="cs_header" scope="col">col1_header</th>
<th class="cs_header" scope="col">col2_header</th>
<th class="cs_header" scope="col">col3_header</th>
</tr>
</thead>
<tbody>
<tr class="cs_TR_EVEN">
<td>col11</td> //?? how to generate : <td class="cs_right">col11</td>
<td>col12</td>     //?? how to generate : <td class="cs_left">col12</td>
<td>col13</td>     //?? how to generate : <td class="cs_center">col13</td>
</tr>
<tr class="cs_TR_ODD">
<td>col21</td> //?? how to generate : <td class="cs_right">col21</td>
<td>col22</td>     //?? how to generate : <td class="cs_left">col22</td>
<td>col23</td>     //?? how to generate : <td class="cs_center">col23</td>
</tr>
<tr class="cs_TR_EVEN">
<td>col31</td> //?? how to generate : <td class="cs_right">col31</td>
<td>col32</td>     //?? how to generate : <td class="cs_left">col32</td>
<td>col33</td>     //?? how to generate : <td class="cs_center">col33</td>
</tr>
</tbody>
</table>
Thanks a lot!

try columnClasses="cs_right,cs_left,cs_center"

Template or CSS style sheet

Which is the better way to start a website from scratch?
1. To make a comprehensive Template with lots of CSS rules and then base all the other pages on the template OR
2. Make individual pages and apply external CSS styles to each page?
I'm really confused about how to structure my website. I've looked at a lot of tutorials on how to build all these separate elements but I'm having a hard time visualizing an overall structure.

Adding to Nancy's comments and with the knowledge that you are a newbie, I would suggest that you start with a single page first, called index.html.
Start with the markup (HTML) first as per
1. ensure that you start with the proper document structure
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My Title</title>
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
</body>
</html>
2. Enter the content into the BODY element
<div class="header">
    <h1>Company Name</h1>
<div class="nav">
      <ul>
      <li><a href="#">Blog</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Archives</a></li>
      <li><a href="#">Contact</a></li>
      <li><a href="#">Subscribe via. RSS</a></li>
    </ul>
</div>
</div>
<div class="article">
<h2>Article</h2>
<p>Eu fugiat nulla pariatur. Velit esse cillum dolore ut aliquip ex ea commodo consequat. Duis aute irure dolor qui officia deserunt sed do eiusmod tempor incididunt. Ut labore et dolore magna aliqua.</p>
</div>
<div class="aside">
<h3>Did you know?</h3>
<p>Eu fugiat nulla pariatur. Velit esse cillum dolore ut aliquip ex ea commodo consequat. </p>
<div class="footer">
<h4>© Comapny name</h4>
</div>
3. View in your favourite browser and you will see that it looks horrible. It needs some styling.
4. Create a file in a css subdirectory called style.css
5. In style.css start with browser reset rules as per http://meyerweb.com/eric/tools/css/reset/. This will help to ensure that you don't have browser problems down the track.
6. Enter a few style rules into the CSS file
body {
    width: 1000px;
    margin: auto;
.header {
    height: 120px;
    background: #063;
.header h1 {
    color: silver;
.nav {
    background: darkgray;
    height: 35px;
.nav ul li {
    position: relative;
    text-align: left;
    width: 10em;
    float: left;
.nav ul a {
    display: block;
    background-color: darkgray;
    padding: 0.5em 0.75em;
    color: white;
    text-decoration: none;
I did not finish the CSS, leaving it up to your imagination.
The above is the workflow that I would suggest for all newbies. At each stage, check in the browser to see the effect of the addition/change/deletion.

Created new page, upon opening for second time, not finding css or doc

I created a brand new page. I created CSS styles. I made the CSS an external style sheet. I worked on the document for a couple of hours, then closed and quit DW CS4. Finally got back to working on it today. When I open the document and make a change to one of the previously created CSS rules, I get an error that says "an unexpected error occurred while trying to read style-sheet information." I hit ok.
When I click on the name of the css external style sheet, pennyhill.css that shows at the top left of my index.html page, it says pennyhill.css cannot be found. if the file exists on the server, use the files panel to get the file from the server. If I click back on the source code to the left of the css fle name, it tells me the index.html file cannot be found.
I searched this forum and tried a couple of things that were suggested to others having similar problems. I have links relative to document clicked in the manage sites area and in preferences>preview in browser I have preview using temp file checked. I think I have a path problem but for the life of me I just don't know how to fix this.
Here is a url to the page:
http://www.pennyhillfurnishings.com
Can anyone help? Thanks.

I am just trying to be thorough. You are asking the questions, and I am answering not just for you but for others who may happen upon your question and want to know a little more.
Regarding buggy-ness: It's all personal opinion, after all. I have not had any buggy experiences with DW. Your friend has, and that's her experience, which is valuable. Personal stories both. If you have buggy experiences with DW, then you will also think it buggy. A lot depends on the rest of your computer system, what operating system you are using, etc. etc. But I still do not believe that it is, across the board, buggy.
What do you think the difference between Save and Save All is? You have actually figured it out, even if you have not articulated it. Save saves the file that you are working on. Period. It does not save the auxiliary files at the same time. Save All saves all files that are open in DW at the time.
I am not Adobe. I have no idea why they chose to make both a Save and a Save All. But I use both of them daily.
Dreamweaver gives you many choices in terms of your personal use of the program. What it does not do is duplicate the functioning of another program...like GoLive...completely. It is Dreamweaver, it is not GoLive. Things you like there may not appear here, etc.
I apologize for making you feel that I am being condescending, and ignorant is a term I would NEVER use. But the fact remains that as we learn (and yes, we are all still learning), we develop our intuitions for a program. I learn something new every day, and I've been at it a while.
My question for you is, what possible difference does it make to you that there are both a Save and a Save All? It is not common, in my experience, for features to become fewer as a software product progresses through time. I'm unaware of any noticeable savings (in any dimension) to limiting the functions to simply a Save All.
In fact, I frequently have open files in one website and files from another defined website that I am using for reference. I do not always want those reference pages to be saved when working in the first site. I realize they will always be saved in the correct place, but if I am altering them on the fly to see if something will work, I do not always want to save my experimentation.
So I guess that's the long-form answer to your, "You uppity woman, you," but that's how it is.
I wish you only the best,
Beth

Firefox will not retain all saved settings on BBC Website

The BBC Home page will not retain all settings.
The local area page (weather and news) is fine, but each time I increment the number of news stories, both national and local to the maximum, it returns to the default when I restart Firefox. It worked fine on previous versions of FF.
I have deleted the cookie and restarted FF, and this worked, but it has now returned to the default. FF=4.0.1

Its not just the web site that is recorded, but the page also.
Did you open your history ( '''Control Shift H''' ) and search for the site ?

Making reusable toolbar in the template page

Hi all ,
I knew the method of making resuable toolbar using Declarative components ,
my question is how can i make reusable toolbar in the adf template page and not using declarative components ?
my Jdeveloper version 11.1.2.3
thanks

thanks Frank ,
in the consumed application i made implementation for the interface
for example to make CreateInsert
i override the Create Method but it gives me Null pointer exception
the code
*@Override*
*public String create(ActionEvent actionEvent) {*
try
BindingContainer bindings = getBindings();
OperationBinding operationBinding = bindings.getOperationBinding("CreateInsert");
Object result = operationBinding.execute();
*if (!operationBinding.getErrors().isEmpty()) {*
return null;
*catch(Exception ex) {*
System.out.println("Excp"+ex.getMessage() );
return null;
is any missing step in my code ?
Edited by: 985756 on Mar 20, 2013 5:01 AM
Edited by: 985756 on Mar 20, 2013 5:10 AM

Template with CSS style sheet attached, not updating in pages

It shows when I look at it in a browser but its not updating in page view. Also not updating image links of style sheets.
I am a developer for a long time. I know dreamweaver and how to do this. Its a bug I think. But need need to know what I can do to get this fixed.

webgirlfl wrote:
It shows when I look at it in a browser but its not updating in page view.
Do you mean it's not showing in Design View?
This could be caused by errors in your code. DW's Design View is very unforgiving of even small errors that the browsers handle with ease.
Check your template page against these validators and clean out any errors...
HTML: http://validator.w3.org/
CSS: http://jigsaw.w3.org/css-validator/
Is the css that the template is attached to embedded within the template's <head>, an external .css file or inline css?
Is any of the non-updating css in editable regions?

Templates pages do not retain .css styles

Similar Messages

Maybe you are looking for