Template link to css styles lost

Hi, why, when I create a new page based a template, does the link to the css style sheet become broken?
I can see in the code of the new page that ".." is missing from the "../" in the url to the style sheets – but the template has the correct links in place.
Previous pages buolt using the same template(s) work fine. This appears to be a problem that has just occurred.
If anyone hs any clues, that would be much appreciated.
RP

All sorted! Copied all existing files to a new folder, then Site > New Site, chose the new folder, recreated the site cache and hey presto!
I managed to do something myself!
Hope this helps somebody else in the same fix!
RP

Similar Messages

CSS Style Sheet Link Recursive Error?

I am trying to link a css style sheet to a new root file. When I try to link the css sheet I get an error - A recursive style import was found while trying to add Check Magazine.css. Please resolve this error by editing the file in an external text editor and try again.
What does this mean? I looked up recursive style everywhere and there is no explanation. I don't know how to fix. The answer I found on these forums mentioned an @import statement error but I dont even have any @import statemensts in my style sheet this style sheet is part of the Getting Started tutorial on this website.
@charset "utf-8";
#container{
width: 968px;
background: #FFFFFF;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
This is my code, can you help?

This is my index.html code, I am so lost as to what to do to get rid of this stupid error. My style sheet is not linked so of course it is useless and I have to code on both documents since the code doesnt show up automatically on the Style sheet when I add something to the index page
<!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>Check Magazine</title>
<style type="text/css">

</style>
</head>
<body>
<div id="container">
<div id="banner"></div>
<div id="main_image"></div>
<div id="left_column">Content for id "left_column" Goes Here</div>
<div id="column_container">
<div id="right_column">Content for id "right_column" Goes Here</div>
<div id="center_column">Content for id "center_column" Goes Here</div>
</div>
</div>
</body>
</html>

CSS styles disappear in new template-based pages

hello: having some trouble. i've created a template for a new website and everything looks ok, but when i attempt to create a new page based on the template, all the css styles i've created disappear. i have a hunch it has something to do with the "body" stlye overriding everything else.
any suggestions are much appreciated.

The first suggestion I would have is to make sure the css that is being linked is not in an editable region on the template. Next, make sure the paths are correct. If both are in order you may need to post the template code.

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

How do I fix my CSS styles in linking and working right on my copied HTML and CSS files?

How do I properly link my CSS styles to my HTML file? (It's a single page website with a spry drop down menu, which somehow doesn't show when I hover over the buttons). I am using a copied file from the original because it was originally saved on my school computer so I had to relink everything.
When I click to see the CSS styles it says: 'sprymenubar.js'mis not on the local disk
When I click "get," it says the spry is not in a defined site. It says this for all my CSS styles.

My guess without seeing your code is that you're linking to files:/// on your hard drive instead of the local site folder. This would explain the problems you describe. When this happens, it's almost always because the site is not properly defined in DW's Site > Manage Sites panels:
Nancy O.

Problem linking css style sheet

I am trying to link a css style sheet to a new root file. When I try to link the css sheet I get an error - A recursive style import was found while trying to add CFTtemp.css. Please resolve this error by editing the file in an external text editor and try again.
What does this mean? I looked up recursive style everywhere and there is no explanation. I don't know how to fix. This css sheet works in other sites.
screen shot attached

Perhaps some CSS statement in the stylesheet is trying to import your stylehseet! Thus the recursive warning. Look for "@import" statements and see if its trying to import the stylesheet. Then either comment them out (/*your old CSS*/) or remove it. Save. And see if that solves it. But not being able to see your whole stylesheet, this is only a guess.

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.

How to bring Sample CSS Style Sheets into a Template?

I am creating a site from scratch using CS4 Template. Can I incorporate more than one DW Sample CSS Style Sheet? And how do I bring them into the Template site?
Thanks, g

Thank you. I added the 3 sample css style sheets I want to use into my site. Now I am trying to bring a different sample css into different sections of the layout. Example:
Sidebar 1: green/yellow
Sidebar 2: red/yellow
Middle: blue/yellow
I seem to only be able to have one for the whole page. Is this true?
What I am doing is clicking on the div tag: <div.sidebar#sidebar1>, then "Edit CSS" and then scroll down in the Class window to "attach style sheet" and there at the bottom is a link to the sample css style sheets. I click on the one I want and it changes the css for the whole page not just the sidebar 1. Is there a way I can get a different css sample style sheet for each sidebar in a 3 column layout, and a different sample css for the middle?
thank you very much

Column link css styles

Hi all,
I have a report with a column link. It seems that the we cannot change the CSS class of this link ... I would like to fix the width of this specific link column by creating a new class or specifying new CSS styles, but none of these works. Do you have an idea ?
Thanks,
Othman

Hello,
The best way (and probably the simplest) to control columns width is to use the 'colgroup' tag (http://www.w3schools.com/tags/tag_colgroup.asp) in your template.
Here is a snippet of code I'm using in the Before Rows section of one of my report templates:
<table cellpadding="0" border="0" cellspacing="0" summary="">#TOP_PAGINATION#
<tr><td><table class="t5StandardAlternatingRowColors" cellpadding="0" cellspacing="0" border="0" summary=""><colgroup span="3">
<col width="20"></col>
<col width="70"></col>
<col width="150"></col>
</colgroup>Hope this helps,
Arie.

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

Lost CSS style rendering

Help!
I've read the FAQ regarding toggling CSS styles as I've lost/inadvertanly switched off the detail in the design pane leaving me only with the code. This was the advice:
Sometimes, though, your CSS looks completely wrong or isn't displayed at all. Usually, this happens if you have accidentally turned off the display of styles, or if you have selected an option other than Screen Media Type in the View > Style Rendering submenu or the Style Rendering toolbar. Make sure Display Styles and Screen Media Type are selected (they should have checkmarks against them like this:
However, I'm running an old version - DreamWeaver MX 2004 v 7.0.1 - and it doesn't have Style Rendering etc. under the View tag. Please tell me what I must do. (Don't say upgrade!)
Thanks
Les

in a couple of pages I cannot see any text or image items in the Design View
Use the validation tools below and fix reported errors.
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.

Multiple links with same css style applied... showing up different on site

Hi,
I have applied the same CSS style, biolinks, to all of the links to peoples biographys on this page, but for some reason, they all show up different on the site? Why? Help!
http://www.healthdimensionsgroup.com/our_team_management.html

No... you have different styles on the two pages.
There is a "biolink" class applied to the Span on the second page that isn't applied to any links on the first.
That and the missing class on LYNN PETERSON are the only differences I see right off.
See the differences here?
<td width="561" align="left" valign="top" class="biolink"><a href="team/sergei-shvetzoff.html" title="Sergei Shvetzoff" class="biolink"><Span class="biolink">SERGEI SHVETZOFF</Span></a></td> (second page - 3 applications of "biolink" class) vs.
<td width="515" align="left" valign="top" class="biolink"><a href="team/karyn-price.html" title="Karyn Price"class="biolink"><Span>KARYN PRICE</Span></a></td> ( first page - two applications of "biolink" class) vs.
<td width="515" align="left" valign="top" class="biolink"><a href="team/lynn-peterson.html" title="Lynn Peterson">LYNN PETERSON</a></td> (first page - one application of "biolink" class)
three different styles once the browser interprets them… any browser.
Also:
biolink {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #CBB677;
    text-decoration: none;
a.biolink:hover {
    color: #EBE3CB;
    font-size: 18px;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-decoration: none;
.biolink {
    color: #CBB677;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    text-decoration: none;
is redundant in your application of it with the same class applied to the td, the link and the span…
use:
td a.biolink {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #CBB677;
     font-size: 18px;
    text-decoration: none;
td a.biolink:hover {
    color: #EBE3CB;
    font-size: 18px;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-decoration: none;
and ONLY apply the "biolink" class to the link <a href>, nowhere else.

Dreamweaver very slow when linking to external CSS style sheets

I'm working on a site on my PC using Dreamweaver CS6. When I link to external style sheets, Dreamweaver virtually grinds to a halt. Just clicking from one line to another can take up 10 seconds. My PC is high spec, i3720, stripes set drives and 32gb ram.
I have tried deleting the cache no change. The external css files are part of the site and the site has been rebuilt . Can somone help with this as it is seriously impacting my ability to use Dreamweaver.

Hi Murray, the RAM comments were irrelevant, pointless. 32GB RAM vs 4GB RAM? Sorry, I worked at Microsoft and as a systems integrataion consultant for a number of years. 32bit programmes don't access RAM the same as 64bit, but, having 32gb with a 64Bit OS means RAM usage for a 32bit programme is better managed. Programmes and data files are on seperate drives. My data files kept are on 3 disk stripe sets.
The CSS files and the HTML file are on the same drive. AS an example of performance for data read/writes, I also use Photoshop CS6 to edit images in excess of 2gb in size containg multiple smart object, and I dont experience this type perormance lag.
In this case, RAM is mainly irrlevent because the file are small, approx 200kb total combined size. I mentioned RAM in my initial post because any time I've had problems with Adobe products before, I've always been asked how much RAM I have.
So, can we please drop RAM, and perhaps focus on the problem....
Dreamweaver, regardless of what background processes I have running, regardless of how much RAM I have, regardless of where the files are kept, has a significant performance hit when editing an HTML file with links to multiple CSS files.

Using custom CSS style sheet

I'm trying to use a custom CSS style sheet and can't get it to work. I've created my stylesheet and uploaded it so it shows under Shared Components >> Cascading Style Sheets.
Viewing the source for my pages currently shows a reference to what I guess is the default style sheet -
<link rel="stylesheet" href="/i/css/apex_3_1.css" type="text/css" />But no reference to the one I uploaded. So I guess I need to add a new reference pointing to my sheet.
So questions would be -
- How and where do I add this reference?
- Is this the correct way to do things if I want to use my own styles?

Antilles,
Go to your Shared Components > Temples > Select the page template you wish to apply your CSS to and in the "Header" area you will see references to the APEX CSS, something like,
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_17/theme_3_1.css" type="text/css" />Now, just add your CSS reference after any APEX CSS references.
Hope this helps.
-Chris

CSS Style Problem in some browsers

I’m Using Dreamweaver Studio 8.0. on the PC.
Some of my CSS Styles info does not work in some browsers.
The “main_content” section of my site does not
display properly in some browsers.
Here is the CSS code:
#main_content {
position:absolute;
left:134px;
top:180px;
width:651px;
height:597px;
z-index:6;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-left-style: none;
border-top-color: #0000CC;
border-right-color: #0000CC;
border-bottom-color: #0000CC;
border-left-color: #0000CC;
border-right-style: solid;
border-bottom-style: none;
It works fine in FireFox 1.5 and Netscape 8. But in IE 6.0.2
and Safari 2.0.3 the main content section:
1. moves to the far left of the page (behind a left side
image border)
2. loses its width restriction and fills to the right
whatever size monitor display it is on
3. loses the solid right border of this section
The “.copyright” info also does not display
properly
.copyright {
font-size: 9px;
background-color: #666666;
color: #FFFFFF;
Again, it works fine in FireFox 1.5 and Netscape 8. But in IE
6.0.2 and Safari 2.0.3 the copyright section:
1. does not change to the smaller font
2. does not change font color
3. has no background color
Does anyone have any ideas?
Thanks,
David

Here's something you need to know:
There is no significant difference in the way that these
browsers render
valid CSS on pages with valid doctypes. Please post a link to
your page so
we can get at the bottom of this, and keep you from careering
off the cliff
edge that you are now teetering on! 8)
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
==================
"DAFsr" <[email protected]> wrote in message
news:enjt3a$orq$[email protected]..
> FOUND A WORK AROUND!
>
> Many of the CCS styles are not being picked-up by IE
& Safari. So I
> placed
> those codes that weren't being recognized back into the
div tags of the
> individual layers. I've got the positioning problem
taken care of, now I
> need
> to figure out the best way to get the other conventions
like heading type
> size
> and color to match in all browsers.
>
> Still don't understand why the CSS style sheet isn't
working in IE &
> Safari.
> But I'm hopeful at this point I will at least be able to
complete the site
> and
> get it to play okay in multiple browsers.
>
> If anyone has any other thoughts that might help me,
feel free to post
> away!
>
> Thanks,
>
> David
>
>

Template link to css styles lost

Similar Messages

Maybe you are looking for