Removing an attached style sheet

I accidentally attached the wrong CSS to one of my Index files.
I looked around and couldn't find a command to unlink or unattach the CSS so I just deleted the code from the Index file.
It was a single line of code, and it worked, but is that the correct way to do it?
The code I removed is this:
<link href="LR Galleries/Bruce'sGalleryCSS.css" rel="stylesheet" type="text/css" />
Did I leave any 'orphaned' code in my Index that's going to come back to haunt me?
Thanks,
Bruce

What you did is fine. Test in all browswers. If you have any problems, make sure your HTML document doesn't contain any embedded or inline styles.
http://www.w3schools.com/CSS/css_howto.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Similar Messages

Attach Style Sheet not doing anything in CC

I switched from DW CS6 to CC and found what appears to be a bug:
Start a new HTML document or open an existing one. Click Class and select Attach Style Sheet.. from the Properties tab and nothing happens.
Has anyone else encountered this?

Hi filip0,
Thanks for reporting this issue to us. We are aware of this issue and you can expect this to be fixed in the next DW update.
This happens only when the CSS Designer panel is closed and you happened to relaunch DW and try attaching a stylesheet.
I would suggest you to have CSS Designer panel open and try out this workflow .You can find it at Window>CSS Designer
..Harish

Attached style sheet only shows background

Problem attaching style sheet to a page. It only shows the background color, nothing else. The .css code is there, but the background is all that shows up in design view.

You need to add some HTML content to your page. CSS doesn't DO anything on it's own. It needs HTML tags to grab onto. And you have none to speak of.
Paste this into your HTML document after the </head> tag.
<body>
<div id="container">
<div id="header">
<h1>Header H1</h1>
 </div>
<div id="sidebar1">
<h2>Sidebar 1 H2</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
 </div>
<div id="mainContent">
<h1>Main Content H1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
<h2>Main Content H2</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
 </div>
<br class="clearfloat" /> 
<div id="footer">
<p>Footer goes here</p>
 </div>
 </div>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Using more than one attached style sheet

I have one document with two attached style sheets. One style
sheet defines how to display links for a navigation panel and the
other style sheet defines how to display links within the body of
the document. How can I indicate which style to use with a
particular link? It seems one style sheet is predominant....
Thanks for your help

Why have two stylesheets? Merge the rules together into a
single sheet. And
read these -
Pseudo-classes and container styles are what you need - here
are some
tutorials.
http://www.mako4css.com
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
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
==================
"tmnj" <[email protected]> wrote in message
news:f035cc$2m9$[email protected]..
>I have one document with two attached style sheets. One
style sheet
>defines
> how to display links for a navigation panel and the
other style sheet
> defines
> how to display links within the body of the document.
How can I indicate
> which
> style to use with a particular link? It seems one style
sheet is
> predominant....
>
> Thanks for your help
>

Attached style sheet wont work

Hi, Im on the cs3 in a winxpPro environment.
Start cs3
Create simple page
Link in a style sheet for simplicity I just grabbed one of
dreamweavers
<link href="file:///C|/websites/membership
design/system/application/CSS/Level1_Arial.css" rel="stylesheet"
type="text/css" media="screen" />
When I try an apply a style to an object on the page e.g text
The popup menu does not show any styles to apply. Further , the
menu option is there to 'Attache style sheet'. It's as though it
dos'nt know that there is one already linked in
any help appreciated..
Ed.

> <link href="file:///C|/websites/membership
Looks like you have not defined a site, or have defined it
improperly. Use
DW Help (F1) and search for "site definition"
Walt
"edhrx" <[email protected]> wrote in message
news:frrjb3$8h$[email protected]..
> Hi, Im on the cs3 in a winxpPro environment.
> Start cs3
> Create simple page
> Link in a style sheet for simplicity I just grabbed one
of dreamweavers
>
> <link href="file:///C|/websites/membership
> design/system/application/CSS/Level1_Arial.css"
rel="stylesheet"
> type="text/css" media="screen" />
>
> When I try an apply a style to an object on the page e.g
text The popup
> menu
> does not show any styles to apply. Further , the menu
option is there to
> 'Attache style sheet'. It's as though it dos'nt know
that there is one
> already
> linked in
>
> any help appreciated..
>
> Ed.
>
>
>

Attaching style sheets to whole website?

My question about attaching CSS style sheets remains unanswered as far as globally having them appear in the panel for the whole site. David Powers did answer me about how to add them to new sheets, but I have a site I imported from GoLive and what it looks like if I'm correct is that I have to attach it to each page individually to have it appear in the panel each time. Of course once I've done that to each page they will 'stick', but what I would like is if I create a style sheet and save it to the root, that it appear for any page that exists in the root level. Am I wrong? Or is there a way to make it appear for all pages without individually attaching?
Thanks
bob

bobfharris wrote:
what I would like is if I create a style sheet and save it to the root, that it appear for any page that exists in the root level. Am I wrong? Or is there a way to make it appear for all pages without individually attaching?
Style sheets must be attached to each page. One simple way of adding the style sheet to existing pages is to to a Find and Replace operation.
Find:
</head>
Replace with:
<link href="styles/mystylesheet.css" rel="stylesheet" type="text/css" />
</head>
This uses a document-relative path to the stylesheet, so you would need to use a site-root relative link or do it separately for each level of the site hierarchy.

Dreamweaver Trial part 2 "attach style sheet"

The install/setup going good except page 7 item 2..Open css panel ..the attach All button which I believe is the link is not shown..help
Charles J

Link external style sheet to HTML page.
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Nancy O.

Losing attached style sheets when updating template

I am creating a new site using Dreamweaver CS3, temporarily uploaded at:
http://www.sharpeacademy.co.uk/nick-jackson.co.uk/sharpeacademy/theatrearts/
All my pages are created from a master template which contains formatting for the header, sidebar and footer.
When subsequent pages were created, I attached new style sheets as and when I added new sections to the main content area.
The problem I am having now is, when I update the template all these style sheets are being detached from the relevent pages and I have to reattach each time. I tried attaching them to the template but it didn't help.

That's what I thought (I say, trying to sound like I know what I'm doing!)
This is the relevant code for my page - in this instance it's a tabbed panel which is losing the formatting:
<!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">


<script src="../javascript/locationTabbedPanel.js" type="text/javascript"></script>
<link href="../css/locationTabbedPanel.css" rel="stylesheet" type="text/css" />

<head>
<link href="../css/sidebarNav_theatrearts.css" rel="stylesheet" type="text/css" />
<script src="../javascript/sidebarEmail.js" type="text/javascript"></script>
<script src="../javascript/sidebarEmail_theatrearts.js" type="text/javascript"></script>
<link href="../css/sharpeacademy_textStyle.css" rel="stylesheet" type="text/css" />
<link href="../css/sidebarEmail_theatrearts.css" rel="stylesheet" type="text/css" />
<script src="../javascript/jquery-1.2.1.min.js" type="text/javascript"></script>
<script src="../javascript/menu-collapsed.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

The style sheet looks like it's there in the code but it doesn't show in my css palette.
If I then re-attach it appears twice in the code:
<!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">
<link href="../css/locationTabbedPanel.css" rel="stylesheet" type="text/css" />


<script src="../javascript/locationTabbedPanel.js" type="text/javascript"></script>
<link href="../css/locationTabbedPanel.css" rel="stylesheet" type="text/css" />

<head>
<link href="../css/sidebarNav_theatrearts.css" rel="stylesheet" type="text/css" />
<script src="../javascript/sidebarEmail.js" type="text/javascript"></script>
<script src="../javascript/sidebarEmail_theatrearts.js" type="text/javascript"></script>
<link href="../css/sharpeacademy_textStyle.css" rel="stylesheet" type="text/css" />
<link href="../css/sidebarEmail_theatrearts.css" rel="stylesheet" type="text/css" />
<script src="../javascript/jquery-1.2.1.min.js" type="text/javascript"></script>
<script src="../javascript/menu-collapsed.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

If I then make any changes to the template, I'm back where I started. I've just about got my head around Dreamweaver but there's a long way to go to understand the coding.

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.

Remove Cascading Style Sheets language from html

Hello,
I need to remove the Cascading Style Sheets language from the html file by using the html parser.
Please help. Thanks.

In XHTML that would be easy :)
In HTML, look up the regexp lib, load the HTML file, then use something like
fileString.replaceAll( "(?i)<link rel=\"stylesheet\"\\s*type=\"text/css\"\\s*href=\".*\"/??>", "" );maybe?

Moving CSS to an external style sheet [was: CSS]

Hi
I have in error created all my css for a site as "this doccument only" what i meant to do was create a site wide style sheet !
Is there a way to copy my css and turn it into a .css file that applies to the whole site, without starting again.
Help much appreciated.
many thanks
Mark
[Subject line edited by moderator for clarity]

Hi
Highlight the css from the document and select - Format - css styles - move css rules. Select new style sheet from the dialog, name the style sheet and save. Check that a link has been created for the new style sheet, if not select attach style sheet from the - Format - css styles list.
PZ

Style sheet not linking is frame

Hi,
I have a frameset with three fames. Each of the frames links
to a style sheet called site.css via and included file. None of the
frames are linking the style sheet, but if I load each file
independently they work fine
it works like this...
All frames include the line <cfinclude
template="header.cfm">
Inside header.cfm is the line <link href="styles/site.css"
rel="stylesheet" type="text/css">
Inside the frames I cannot select css tyles. It says
New/Attach style sheet etc.
I have another website where I use EXACTLY the same concept.
I've compared the code line by line and they are identical.
Anyone have any ideas why the style sheet isn't linking
properly?
thanks
Tanya

Hi Lad -
CSS is completely unreliable with the multitude of different email clients.
The attached capture of your email message to me has your image.somehow
Just host your image on your server with a full link to it (as I do)
and use inline styling for your text .
Here's a link to a recent HTML email I coded
http://www.adlerhealth.com/ad011609/ad011609.htm
You can view the source 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 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

Should i put my table in my external style sheet?

Should i put my table in my external style sheet? if so how do i do this?
i'm having serious problems trying to stop my menu bar and header to stop jumping around when a switch pages. I realised i needed to create an external style sheet. however, when i extracted the ccs styles from my one of my pages (my homepage), there is only styles for my spry menu bar, nothing else. - however this doesnt stop my menu bar from moving around. all of my pages are use tables. so my menu bar and header are both 'td' rather than in a div or wrapper.
it seems as though nothing i try will stop my items from moving around. they are all exactly the same width and height in html and the same in css. I know about attaching style sheets, but i just cant seem to understand how to get everything aligned properly. I want my external style sheet to have my header at the top and centre, and my menu bar underneath and centre. How do i do this using a table? do i put the table into the external style sheet so that my table measurements etc are the same for each page? + how do i do this? Does anything else other than positions, colours, fonts etc go into my external style sheet? cos im aware that i use the html for the things i want to look different and every page, and the css for the things that i want to look the same. so which stuff goes in which? im getting really confused now, does my header and menu bar need to go in my external style as well as my html? :S
everything just seems to have gone horribly wrong, ive tried so many things, but everything i try simply has no effect. blahhh :/

and this is the external style sheet, which i extracted from my home page (the top code). what do i need to add to this?
@charset "utf-8";
body {
                    margin: 0px;
          border-left-style: none;
          border-left-color: #CCC;
          border-bottom-color: #FFF;
          border-bottom-width: 25px;
          border-bottom-style: solid;
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          cursor: default;
          width: 640px;
          margin-bottom: 0;
          margin-left: auto;
          border-top-style: none;
          border-right-style: none;
          border-bottom-style: none;
          border-left-style: none;
          border-top-color: #000;
          border-right-color: #000;
          border-bottom-color: #000;
          border-left-color: #000;
          margin-right: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
          z-index: 1000;
#header {
          clip: rect(auto,auto,auto,auto);
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          position: relative;
          text-align: left;
          cursor: pointer;
          width: 8em;
          float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          z-index: 1020;
          cursor: default;
          width: 278px;
          position: absolute;
          left: -1000em;
          height: 48px;
          top: 55px;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
          border: 1px solid #CCC;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
          left: 1px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
          width: 8.7em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
          position: absolute;
          margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
          left: -269px;
          top: 5px;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
          display: block;
          cursor: pointer;
          background-color: #FFF;
          padding: 0.5em 0.75em;
          color: #000;
          text-decoration: none;
          font-family: Pristina;
          font-size: 21px;
          text-align: center;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
          background-color: #FFF;
          color: #999;
          font-family: Pristina;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
          background-color: #FFF;
          color: #999;
          font-family: Pristina;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
          background-image: url(SpryAssets/SpryMenuBarDown.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
          background-image: url(SpryAssets/SpryMenuBarRight.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
          font-size: 21px;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
          background-image: url(SpryAssets/SpryMenuBarDownHover.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
          font-size: 21px;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
          background-image: url(SpryAssets/SpryMenuBarRightHover.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
          font-size: 21px;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
          position: absolute;
          z-index: 1010;
          filter:alpha(opacity:0.1);
          font-size: 21px;
          ul.MenuBarHorizontal li.MenuBarItemIE
          display: inline;
          f\loat: left;
          background: #FFF;
          font-size: 21px;
body {
          margin: 0px;
          border-left-style: none;
          border-left-color: #CCC;
          border-bottom-color: #FFF;
          border-bottom-width: 25px;
          border-bottom-style: solid;

Removing an attached style sheet

Similar Messages

Maybe you are looking for