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">
<!--
#banner {
background-image: url(images/banner.gif);
height: 100px;
width: 968px;
#main_image {
background-image: url(images/main.jpg);
height: 376px;
width: 968px;
#left_column {
float: left;
width: 316px;
#column_container {
float: left;
width: 652px;
#right_column {
float: right;
width: 316px;
#center_column {
width: 316px;
margin-left: 10px;
-->
</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>

Similar Messages

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

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

  • 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

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

  • Secure CSS Style Sheets

    I am having ussues with my check out cart page when it gets redirected to the worldsecure system it is giving me an error saying my CSS style sheets are not secure. How do i go about making them secure? Also, my font kit fonts are not displaying on the check out navigation but they show up through out the rest of the cart?
    If anyone can help I would appreciate it.
    Thanks.

    Can you tell if this is correct?
            <link rel="stylesheet" type="text/css" href="/StyleSheet/style.css" />
            <link rel="stylesheet" type="text/css" href="/StyleSheet/base.css" />
            <link rel="stylesheet" type="text/css" href="/StyleSheet/ModuleStylesheets.css" />
            <link rel="stylesheet" type="text/css" href="/StyleSheet/screen.css" />
            <link rel="stylesheet" type="text/css" href="/StyleSheet/Cart2.css" />
            <link rel="stylesheet" type="text/css" href="/StyleSheet/cart1.css" />
            <link rel="stylesheet" type="text/css" href="/StyleSheet/cart.css" />

  • Very strange problem! Disappearing Css Style Sheets plus 404's

    I am creating a fairly simple form and am new to php mysql and jquery. However, I am moderately skilled in css and html.
    I am on a mac with Snow Leopard using dreamweaver CS5. The problem started this morning when I uploaded a preliminary version of my html form page and a php script page.
    Having previewed it with no problems on my local system, I thought my main challenge would arise from stumbling my way through ironing out the scripting. I still have that to look forward to.
    The first anomaly that occurred was that I kept getting 404 errors. After hours of tinkering around and uploading many trimmed down modified variations of the html file, I finally got past the 404 error page.
    However, it only would appear without my css styles. The file was originally linked to a previous css style sheet and is linked to a new one on local system.
    After doing some firebugging, I discovered that my newly uploaded (20 times) html file was still linked to the previous phantom, css style sheet on the server as well as a previous php file that I had linked to in development stages.Both of which are not on the server. So I uploaded the whole bunch of them again and got the same result. Nothing changed. All the css styles are still there but not.
    I know what you're thinking, it's impossible.
    The only explanation I can come up with is that my linux apache server is putting my files in a nonexistent temp folder. And for some reason the my site.css file is not being overwritten or removed at all.
    I then uploaded new versions of the html file with different names, thinking on an off chance that the file name 'contactform' might have something to do with the problem.
    You know what happened the newly named files triggered a 404 once again.
    It doesn't make since to me! I am totally stumped!
    My site is http://www.zoeinjewels.com and the page in question is http://www.zoeinjewels.com/contactform.html
    I am really behind schedule so your help would be most appreciated.
    Thanks

    Your CSS file as wel as both of your JS files are corrupt.
    Re-upload these three files and your problem is solved.
    To give you an idea of what your online CSS file looks like
    http://www.zoeinjewels.com/contactform.html
    http://www.zoeinjewels.com/_ccs/contact3.css
    <!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>404.shtml</title>
    <link href="_ccs/errorpage.css" rel="stylesheet" type="text/css" />
    </head>
    <div id="wrapper">
    <div id="header">
    <h1><span></span>File Not Found<a name="top" id="top"></a></h1>
    </div>
    <div id="blback">
    <ul id="nav">
    <li><a href="#" class="Home">Home</a>
    <ul>
    <li><a href="index.html">Home</a></li>
    </ul>
    </li>
    <li><a href="#">Welcome Lounge</a>
    <ul>
    <li><a href="welcome/index.htm" title="Entry Lounge">Entry Lounge</a></li>
    <li><a href="aboutzoein/index.html" title="About Zoein">About Zoein</a></li>
    <li><a href="aboutzoein/shunyata/aboutshunyata.html" title="About Shunyata">About Shunyata</a></li>
    <li><a href="aboutzoein/media-book/index.html" title="In The Press">In The Press</a></li>
    <li><a href="aboutzoein/media-book/peoplespeak.html" title="People Speak">People Speak</a></li>
    </ul>
    </li>
    <li><a href="#" class="JewelGallery">Jewel Gallery</a>
    <ul>
    <li><a href="jewelgallery/p27.htm" title="Z Garlands">Garlands</a></li>
    <li><a href="jewelgallery/p51.htm" title="Z Rings">22k Rings</a></li>
    <li><a href="jewelgallery/p01.htm" title="Z Bracelets">Bracelets</a></li>
    <li><a href="jewelgallery/p79.htm" title="Z Pendants">Pendants</a></li>
    <li><a href="jewelgallery/p79.htm" title="Z Brooches">Brooches</a></li>
    <li><a href="jewelgallery/p09.htm" title="Z Earrings">Earrings</a></li>
    </ul>
    </li>
    <li><a href="#" class="ContactCenter">Contact Center</a>
    <ul>
    <li><a href="contact.html">Bali Studio</a></li>
    </ul>
    </li>
    </ul>
    <div id="content_r">
         <h6><span></span>
         <div id="title">Sorry, the file you were looking for could not be found. It may have moved to a new location. Please use the navigation menu above to help you locate the file.</div>
        </h6>
          <div id= "topimage"></div>
       <div id="notfound"></div>
        <div id="text">
    <p>"Sacred Geometry is the foundation of their jewelry designs and symbols are drawn from all the different traditions the world has to offer. Each precious piece endeavors to express three symbolic levels-the common, the educated and the spiritual-with careful selection of each stone to reflect meaning and value... The design and creative process is not a brief one. Each conscientious step reflects a careful and significant thought process. According to Shunyata "Every moment isinspired by the wealth, rhythm and miraculous spectrum of creation."</p>
    </div>
    </div>
    </div>
    </body>
    </html>
    I hope this helps.
    Ben

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

  • Automatically attaching CSS style sheets to new documents

    I wanted to alert everyone to a great new Community article published by Adobe Community Expert David Powers. The article details how to attach CSS style sheets automatically when you create new documents.
    Here's the article:
    http://kb2.adobe.com/community/publishing/505/cpsid_50564.html
    This handy option is easy to miss, especially if you don't use the New Document Dialog box to create documents, so big thanks to David for highlighting this.
    Furthermore, the appearance of such an article is a great example of how Community content can interact and live symbiotically with Adobe Help. We've linked directly to David's piece from our documentation, and this is indeed a great thing because David is able to go into much more detail about the process of automatically attaching style sheets than we are able to do in Help:
    Create a blank page
    Create a page with a CSS layout
    If you're interested in publishing Community articles of your own, you can download the Community Publishing AIR application and get right to work!

    Jon Michael Varese wrote:
    We've linked directly to David's piece from our documentation, and this is indeed a great thing because David is able to go into much more detail about the process of automatically attaching style sheets than we are able to do in Help:
    Can I ask why?
    David's excellent standard should be the minimum standard for Help files.
    The quality of software manufacturers' Help (not just Adobe) has deteriorated greatly over the past decade - to the point where it's now my last resort for learning.
    Software manufacturers seem to tacitly rely on 3rd party book authors (such as David's brilliant material), bloggers and online tutorials to explain their products these days.
    I'm happy not to have a printed book with my software any more because they were always out-of-date and hard to update. However the quality of PDF and online Help docs is so poor and sparse for my use that I prefer to get my answers by Googling, visiting forums or buying the occasional book.

  • 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

  • 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

  • Insert a div box background for one document only while using external CSS style sheet.

    I am trying to set a background image in one of my div boxes, but because I am using an external style sheet it changes it in all my documents. How can I do it with just this one page? Preferably in design mode.

    What i did to slove this problem was:
    Open my external CSS style sheet
    Copy the contents of it
    Remove the CSS link in the one page i wanted to be different.
    Pasted the contents in the <head> under the rest of the CSS rules for that page.
    Then I could set the background for that box w/o altering the other pages..
    I tried the other suggestions, but could not get them to work. Not saying they are wrong, but maybe i was implementing them wrong.

  • Attach existing CSS style sheet to existing site

    Hello all,
    I have an external CSS style sheet called default.css. I have an existing site of 61 pages that I want to apply default.css. Is there a way to apply a CSS file to multiple pages? Or am I doomed to going through the process 61 times?
    Thanks for your time.

    Thanks for replying Ben.
    I 'forced' it to work. Fortunately, the pages were all linked to the same style sheet, so I just did a 'Find and Replace All'.
    Thanks again.

  • 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

  • Trouble attaching css style sheet in DW MX

    Trouble attaching css style sheet in DW MX (NOT DW MX 4)
    I am currently using Dreamweaver MX , and for some reason, in
    design view, the style sheet does not attach (a least I can't see
    the change). My divs, and images are all stuck to the upper left
    corner, as though it were not attached.
    A friend told me it was because I have MX and Not MX 4 , does
    this matter?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
    Transitional//EN"
    http://www.w3.org/TR/html4/loose.dtd">
    <html><!-- InstanceBegin
    template="/Templates/ovfl_temp.dwt" codeOutsideHTMLIsLocked="false"
    -->
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1">
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Schedules</title>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    <link href="styles.css" rel="stylesheet"
    type="text/css">
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr;
    for(i=0;a&&i<a.length&&(x=a
    )&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new
    Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
    i<a.length; i++)
    if (a.indexOf("#")!=0){ d.MM_p[j]=new Image;
    d.MM_p[j++].src=a
    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document;
    if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document;
    n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for
    (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++)
    x=MM_findObj(n,d.layers
    .document);
    if(!x && d.getElementById) x=d.getElementById(n);
    return x;
    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new
    Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x;
    if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    </head>
    <body
    onLoad="MM_preloadImages('images/leaguehistory2.gif','images/eventscalendar2.gif','images /community2.gif','images/allovflteam2.gif','images/sponsorship2.gif','images/contacts2.gif ','images/forms2.gif','images/links2.gif','images/join2.gif','images/photogallery2.gif')">
    <div id="container2">
    <div id="top_nav">
    <div id="ovfl_nav">
    <form name="ovfl" class="left_topnav">
    <img src="images/ovfl.gif" width="51" height="14">
    <select
    style="font-size:10px;color:#000000;font-family:arial,
    helvetica;background-color:#ffffff;" name="menu"
    onChange="window.open(document.ovfl.menu.options[document.ovfl.menu.selectedIndex].value) ;">
    <option value=''>OVFL SITES</option>
    <option value="
    http://www.ovflfootball.org">OVFL
    Football Site</option>
    </select>
    </form>
    </div>
    <div id="afc_nav">
    <form name="afc" class="topnav">
    <img src="images/afc.gif" width="44" height="14">
    <select name="menu"
    style="font-size:10px;color:#000000;font-family:arial,
    helvetica;background-color:#ffffff;"
    onChange="window.open(document.afc.menu.options[document.afc.menu.selectedIndex].value);" >
    <option value=''>AFC TEAMS</option>
    <option value="
    http://www.columbusblackhawks.com">Blackhawks</option>
    <option value="
    http://www.eteamz.active.com/WVCrash/index.cfm">Crash</option>
    <option value="
    http://">Flames</option>
    <option value="
    http://www.cincinnatigamblers.com/HOME.html">Gamblers</option>
    <option value="
    http://www.wkpunishers.org">Punishers</option>
    <option value="
    http://www.circlecitysoldiers.com">Soldiers</option>
    <option value="
    http://theohiostorm.tripod.com/id4.html">Storm</option>
    <option value="
    http://www.derbycitythunder.com">Thunder</option>
    <option value="
    http://eteamz.active.com/MarionWolfpack">Wolfpack</option>
    <option value="
    http://hardincountywolverines.com">Wolverines</option>
    </select>
    </form>
    </div>
    <div id="nfc_nav">
    <form name="nfc" class="topnav">
    <img src="images/nfc.gif" width="45" height="14">
    <select name="menu"
    style="font-size:10px;color:#000000;font-family:arial,
    helvetica;background-color:#ffffff;"
    onChange="window.open(document.nfc.menu.options[document.nfc.menu.selectedIndex].value);" >

Maybe you are looking for