Spend my CSS of a page in a style sheet.

I'm learning Dreamweaver on Lynda.com.  One of the disadvantages to learning on the internet, it's that there are a few things that I don't understand.   I started the page layout for my site and am pretty much done with my first page.  I've written several CSS rules, and the layout is superb.  All these rules are in my code on my page "index.htm".  Now, I want to duplicate my page and just fine-tune each new page.

Is it better to reproduce my index page and rename it, or do I move all CSS rules in a style sheet?  Most of the time my period will remain the same (header, container, sidebar1″, footer), but on my sidebar2 (an image gallery) and maincontent will change.  How to export CSS rules to a style sheet and then have a new page the rules apply?

I hope that this does not seem a silly question.

Thank you!

Gary

There are 3 ways to use CSS:

  • Online: styles applied to the HTML code between theTags.  This is not usually recommended.
  • Embedded: inside tags between thetags in your HTML document. This code applies only one page.
  • External: a physical file containing nothing else that CSS code and applies to all pages of the site which are connected.

DW hit file, new, page CSS.  In code view, copy the HTML CSS in your HTML page code and paste it into the new page CSS.  Save as something_meaningful.css

Sheet external link in DW.

http://ALT-Web.com/demos/DW-link-stylesheet.shtml

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
www.Alt-Web.com/
www.Twitter.com/ALTWEB
www.Alt-Web.blogspot.com

Tags: Dreamweaver

Similar Questions

  • CSS referencing of components shared/Cascading Style Sheets

    Apex 4.0

    I was placing my CSS stylesheet in Shared components/Cascading Style Sheets. And reference as follows < link type = "text/css" rel = "stylesheet" media = "screen" href = "#WORKSPACE_IMAGES #app300.css" >.

    For the weeks everything seemed to work very well. Changes to app300.css in Cascading Style sheets. Clear the cache. And see my change.

    But suddenly it has stopped working. Do not take my updates more precisely. I have firebug and look at the file in CSS and don't see my changes. APP300. CSS does not change. Then, I deleted app300.css of Shared components/Cascading Style Sheets. The file is deleted. Is no longer in the Panel of Cascading Style Sheets. But the old file still appears when I look in firebug.

    Just a cramp brain for me. I know it's probably obvious, but I can't understand it.

    Hello

    If your file always recides in the database, you can try to remove a procedure from the wwv_flow_api package:

    Set serveroutput on

    declare

    number of l_security_group_id;

    Start

    Select workspace_id from l_security_group_id

    of APEX_040000.APEX_WORKSPACES;

    wwv_flow_api.set_security_group_id

    (p_security_group_id-online l_security_group_id);

    wwv_flow_api.create_or_remove_file

    (p_name-online "app300.css"

    , p_location-online "WORKSPACE."

    , p_mode-online 'DELETE '.

    , p_type-online 'CSS '.

    );

    commit;

    end;

    You can run this SQL developer help / Toad or any program you use, but I don't think that you can run in the SQL for Apex workshop.

    Run as owner of the workspace.

    First part sets the engine apex point to the id of the correct workspace in Apex, change "APEX040000" to match your version of the Apex.

    Second part is the procedure that should remove your file from the database.

    Make sure you post your changes and try to re-download your css file.

    Kind regards

    Vincent

    http://vincentdeelen.blogspot.com

  • Should each new page that I join my home page have its own style sheet?

    Each new page that I join my home page should have its own style sheet or should this simply go on the homepage one?

    cdeatherage wrote:

    Sometimes I break the CSS to the top, using a style sheet 'main' for those elements that are common to all pages and a sheet of styles that are unique to one or two inside pages. I find split styles as it makes them easier to develop my web pages and usually leave as stand-alone CSS.

    Yes, I do it as well, depending on the complexity of the design site is. If the layout varies very widely from one page to the other then this a good approach to take.

  • CSS Style sheet will not join?

    I'm doing some changes on the pages a designer has done for me, so I saved the page using the Firefox browser. He opened and the CSS is located in a directory, but it does not come. I try a style of attachment sheet, navigate and select the .css file, and when I try to make the attachment, he said the file "appears to be an html file and cannot be opened as css."

    ??

    But it is a CSS file, a copy of the style sheet on the web associated with the Web page active. If I save and download the files and the page on my own server it works / looks very good. But not inside dreamweaver.

    Any ideas? Thank you.

    > it says the file
    > "appears to be an html file and cannot be opened as css."

    the error message may be correct.

    URL address to the downloaded page so please the code and associated
    the files are visible.

    --
    Alan
    Adobe Community Expert, dreamweaver

    http://www.Adobe.com/communities/experts/

  • When I'm either online or offline, I get this error "this page has stopped spending again, retrieve the Web page".

    When I am online or offline "this page ceased to spend again, retrieve the Web page" appear. is there a solution?

    Hello

    1. have you made changes on the computer before this problem?
    2. what browser do you use?
    3 - do you mean that you receive this error message even if the browser is closed?
    4. What is the exact error message?

    Answering these questions could help us help you better.

    Also, look for error messages in the event viewer. If you find error messages after return the exact error message so that we can help you better.

    Measures to check the application event log:

    a. Click Start.
    (b) in the search box type eventvwr.msc , and then on enter.
    c. now, click Application in the event viewer (local).
    d. now, looking for event log on the right side of the event viewer window.
    http://Windows.Microsoft.com/en-us/Windows-Vista/open-Event-Viewer
    http://Windows.Microsoft.com/en-us/Windows-Vista/what-information-appears-in-event-logs-Event-Viewer

  • Update of CSS on each page

    Hi all

    I can't work this one and it makes me crazy.

    Y at - it an easy way to stop the CSS to be linked to each page. For example on my index.html page, I have a certain page layout I wanted to copy (frames and tables, etc.) to an about.html. However, I do not want the police to be the same, etc. Whenever I make a change to the CSS on index.html, it also changes the CSS about.html. I get why it's useful, but how can I change this to individual pages? I can't work on corresponding to this option.

    Can you help me?

    As Murray response or you might link an another style sheet, if you have more than a few modifications of css to a specific page:

  • CSS on the page zero

    I use Apex 4.0.

    I created an image that is 226 px px wide and 64 high. I placed it on the page zero in a region without title or buttons in position 6 (i.e., logo) on the page. I use the theme 4, Topaz. The botton of the image edge is a little low and I would like to raise about 10 px.

    If I put this image on any page other than the page zero, I can use CSS to push it whatever way I want. I put this on a single page in the HTML header and she she centered perfectly:

    #noaa
    {
    float: left;
    margin:-8px 0px 0px-10px;
    }

    Unfortunately, there is no HTML header on the page zero. Is there anyway that I can use CSS on the page zero? If not, I have to put the CSS on each page of the application, which defeated the purpose of page zero.

    Also, I tried to put the CSS into a file system style sheet, but it had no effect on the positioning of the image. The CSS file system works great for other things, but not for this page zero image.

    Can try in the header of the region in the region on page 0... Why exactly do not simply use a logo of the application, under the terms of the installation of the application?

    Thank you

    Tony Miller
    Dallas, TX

  • CSS style sheet appears on the remote server when I download my Web site, but it works very well to the local server

    CSS style sheet appears on the remote server when I download my Web site, but it works very well to the local server, if anyone can help I would be grateful.

    There are major problems with this page as shown in the screenshot below.

    This is caused by a liberal hijacking of APDivs (aka layers) for a main page layout.  This isn't what APDivs were intended.  That's why Adobe them removed from DW.  Unfortunately, not soon enough.

    I think you're the best option is to start over with a pre-built CSS layout that doesn't contain positioned elements.

    Either way, Flash is dead now.  Most of the people cannot display Flash media more.  You can convert the HTML5 video or use YouTube to host videos now.

    Nancy O.

  • Dreamweaver CS6 when connecting it to the external style sheet, it doesn't affect all the html page.

    Dreamweaver CS6 when connecting it to the external style sheet, it doesn't affect all the html page. It started to happen after upgrading to mac osx elcapitan.

    have no idea how to solve this? now I write all my css stylesheet in the head section of my html page.

    Thanks for help

    Best regards

    the problem has been resolved.

    I forgot to write rel = "stylesheet", that was the problem.

  • Where is design-TIME Style sheets in 2015 CC? [Wo ist die CSS-style-Entwurfsphase-Menueoption in Dreamweaver CC 2015?]

    Hallo,


    ICH tests zur Zeit den Dreamweaver CC 2015 und bin bisher danke sehr.


    However fehlt mir eine important Funktion, die ich kenne aus Dramweaver CS6. VIELLEICHT kann mir einer well, sharp Funktion im newest DW finde ich wo.


    IM DW CS6 kann man per Rechtsklick im - sheets of Style CSS-Stile-Fenster für die Entwurfsphase festlegen. -Wo finde ich sharp Funktion im DW CC 2015?


    Vielen Dank im Voraus as Eure that!


    Gruss

    Jorn

    [Line object translated in English to facilitate the solution to find]

    Thank you, David.

    I found a solution to my problem.

    I can manually create information DW CC 2015 needs to time Design-Style-sheets.

    When this information is then DW CC 2015 use it.

    For example:

    I have the /pages/download.html file and want a design-time-stylesheet for it with the css file in /css/bootstrap.css.

    1 create a _notes folder in the pages of the file.

    2. create a text file named download.html.mno in the _notesfolder.

    3. the content of download.html.mno must be:

       

       

    She's.

    Thank you.

    Jorn

  • CSS stylesheet will not move to external sheet without problem

    I use an external stylesheet for my site. Somehow, I'm done with the css in my files of html code. When I try to move it into the external style sheet (styles.css), my layout gets banjaxed. I am confused and have tried everthing I can think to fix.

    Any suggestions?

    the home page is:

    http://reneesfacecreations.com/index.html

    All pages of the site with the same problem.

    I use DW CS6 on a Mac Book Pro.

    Thanks in advance,

    Matt

    Don't worry the vendor prefixes.   -moz, - webkit,-ms and -o are not technically valid HTML code, but they are necessary to support many advanced in the browsers CSS properties.

    To Center your container, just add auto margin: 0.

    / * ~ ~ This container fixed-width surrounds the other div ~ ~ * /.

    . Container {}

    Width: 840px; / * set to auto on the sides, coupled with the width, the layout centres * /.

    Auto margin: 0;

    background-color: #000;

    }

    Nancy O.

  • How can I move an external style sheet to a CSS folder in my site?

    I use Dreamweaver CS5. I created an external style sheet and not record in my CSS file. I am unable to complete the seemingly simple task of putting this external stylesheet in this folder without turning off on my page. Can someone tell me how to proceed?

    Thank you

    Joshua

    Open your external CSS file in DW.

    Go to file > save as.  Save it in your CSS file.

    DW will ask you if you want to update the links.  Press Yes.

    Nancy O.

  • How can I "simulate" a style sheet applied to a web page?

    I used to know, but do not need to do this in a while. Could someone remind me how to tell dreamweaver to apply a style sheet to a Web page in Dreamweaver without actually linking to it? Especially useful when designing PHP includes are no < head > tags, but will be later associated with files that do. Until they are combined, they are isolated from the folder root that links to the CSS of the file and look like shit.

    I know there is a way to tell dreamweaver "just show my what the page would look like if the style sheet was applied to this" without actually adding the link to the code, but I forgot what it's called, Googling it turned to nothing else than false positives.

    Thank you!

    Design-TIME Style sheets

    Nancy O.

  • How can I the CSS Styles Panel to view the list of styles in external style sheet?

    Hi all

    I'm having a devil of a time getting my CSS Styles Panel to see the styles of my style sheet attached. Yesterday, he worked as usual, and today it does not work. I feel that I tried all my options. Usually, I work in "All" instead of "Current" so I can see the entire list and have to do not refer to the CSS page. Does anyone know how to fix this?

    In addition, even if I have a style sheet attached, whenever I made a new style he puts it in my HTML page. What is probably related as well.

    In addition, this is the link of code which is in my HTML: < link href = "Alto.css" rel = "stylesheet" type = "text/css" / > "

    So, how can I get this Panel to view the list of styles? <-I can click on a timeline without going back to the CSS page.

    Thank you!

    Screen Shot 2013-02-15 at 9.33.24 AM.png

    Is it possible all the rules section has been reduced to the minimum?

    Mouse over the border between all the rules and properties and the pointer should turn on a top/arrow down, click and make it slide down and see if there are any properties.

  • "Recursive" error when you try to join my CSS Style sheet

    I'm totally new to CS5 - in your tutorial (create your first website - part 2: creating the page layout) which I followed to the letter, it guides you through to attach a style sheet in the ccs html file.

    I get the error message "an import style recursive was found. in the dialog box to attach an external Style sheet, there are two options one is 'Import' and the other is 'link '. Link is grayed out? So I can't select it. It would seem that there may be a problem with your tutorial?

    Here is my code that I checked and rechecked.

    I noticed that on that three other discussions has not solved the problem?

    I hope someone can help

    CCS Style sheet

    @charset "utf-8";

    / * CSS document * /.

    #container {}

    Width: 968px;

    Background: #FFF;

    margin: 0 auto;

    padding-left: 10px;

    padding-right: 10px;

    overflow: hidden;

    }

    HTML


    <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 < /title > Magazine

    < / head >

    < body >

    < div id = "container" >

    < div id = "banner" > content ID "Banner" goes here < / div >

    < div id = 'main_image' > content for id 'Background Image' goes here < / div >

    < div id = "left_column" > content ID "left_column" goes here < / div >

    < div id = "center_column" > content ID "center_column" goes here < / div >

    < div id = "right_column" > content ID "right_column" goes here < / div >

    < / div >

    < / body >

    < / html >


    The recursive error is caused by trying to set the stylesheet to himself. Make sure that the HTML document is open in the Document window, then click on inside the document to give it focus before trying to set the style sheet.

Maybe you are looking for