Show css styles on php pages

Hi,
When working on a php website, css urls are not included in each page. As a consequence, if I open any other file the styling info is not taken into account. Is there a way to configure dreamweaver so that it does attach stylesheets that should be attached ?
Many thanks

When working on a php website, css urls are not included in each page
What?  What do you mean by this?  If any page contains a link to a CSS file, that file's contents are considered in rendering the page in DW's Design view.

Similar Messages

  • Contribute CS3 not showing css styles

    I have 3 almost identical sites I am using Contribute to
    allow users to
    add content. All internal so I can' show URL's.
    The mystery began when I added the third site. On the other
    two when
    someone edits a page all the css styles show in the Style
    drop down panel.
    Not so on the third site. I created the other sites a while
    back using
    Contribute 3. The new one using CS3.
    I have checked over and over the role settings for each site
    to make
    sure I don't have something unchecked or somehow have a
    different
    setting between the three.
    No matter what settings I use in the Styles and Fonts panel,
    the Styles
    dropdown shows non of the styles included in the linked css
    file.
    Alex

    Is the style sheet also present in the document (f.i. by
    linking it in the head section: <link href="css/stylesheet.css"
    rel="stylesheet" type="text/css" media="screen" />)? The styles
    you want to be displayed in contribute always have to be linked to
    the document.

  • Empty-cells:show CSS style is not work

    this is some visual glitch. empty cells of tables not showed as default. And css attribute empty-cells:show not works.

    Hey there, It is better if you provide a link.
    We need to see how you are calling it. The stylesheet you think is being called may not be etc.

  • Flash Button not showing on php page

    Hi Folks,
    Hopefully this is a simple problem. I've added a Flash Button
    via the Insert Media -> Flash Button in DW8. Unfortunately the
    button does not show up when the php page is loaded up to the
    server. And yes, I did make sure to upload the button file. When I
    look at the source code from the server, the flash part looks a
    little different compared to how it normally looks on a .htm page.
    Here's what the 'view source' in the browser shows:

    David,
    I don't know what that file is. Can you elaborate?
    Thanks,
    Chris
    quote:
    Originally posted by:
    Newsgroup User
    chriscatalano wrote:
    > Hopefully this is a simple problem. I've added a Flash
    Button via the Insert
    > Media -> Flash Button in DW8. Unfortunately the
    button does not show up when
    > the php page is loaded up to the server. And yes, I did
    make sure to upload
    > the button file.
    But did you upload this file?
    Scripts/AC_RunActiveContent.js
    David Powers
    Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
    Author, "Foundation PHP 5 for Flash" (friends of ED)
    http://foundationphp.com/

  • IE6 not displaying css style

    Hi all,
    I have a weird problem. I have created a simple css style for
    a page header. On the top of the white area to the right of the
    page it the words "Health and Beauty" should have white text with a
    purple background. For some reason the background color is not
    showing up in IE 6. It shows up in every other browser on both the
    windows and mac platforms. Any ideas? The page is question is
    www.greenforlife.net/healthandbeauty.html. The css is as follows:
    body {
    background: #465e34;
    color: #FFFFFF;
    font: 14px Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    #topnav ol {
    display: inline;
    #signup a:hover {
    display: inline;
    margin: 0px;
    padding: 0px;
    #footer {
    position: relative;
    width: 850px;
    bottom: 0px;
    float: left;
    margin: 30px;
    text-align: center;
    #footer a {
    text-decoration: none;
    color: #FFFFFF;
    #wrapper {
    width: 850px;
    margin-right: auto;
    margin-left: auto;
    height: 930px;
    background: #608246 url(images/reuse.jpg) no-repeat left
    top;
    #masthead {
    width: 320px;
    position: relative;
    left: 0px;
    top: 0px;
    font: 14px Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-align: left;
    float: left;
    height: 91px;
    background: #465E34;
    padding-top: 5px;
    #mastheadtagline {
    font: 1em Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-align: right;
    float: left;
    width: 530px;
    position: relative;
    top: 0px;
    padding-top: 74px;
    background: #465e34;
    vertical-align: bottom;
    padding-bottom: 5px;
    #topnav li {
    list-style: none;
    display: inline;
    margin-right: 3px;
    border-right: thin solid #FFFFFF;
    padding-right: 6px;
    font-size: 13px;
    .topnavrightli {
    border-right: thin solid #8E66A9;
    #leftnav {
    float: left;
    width: 175px;
    position: relative;
    top: 100.px;
    color: #c2e2a9;
    left: 0px;
    line-height: 1.75em;
    background: #465E34;
    height: 550px;
    top: 100px;
    #newslettertext {
    font-style: italic;
    line-height: normal;
    color: #FFFFFF;
    #content {
    float: left;
    width: 650px;
    position: relative;
    top: 30px;
    left: 25px;
    background: #FFFFFF;
    border: thin solid #465E34;
    height: 650px;
    color: #465E34;
    font-size: 12px;
    #flashholder {
    position: relative;
    width: 650px;
    top: 0px;
    height: 153px;
    #abouttext {
    position: relative;
    width: 630px;
    top: 0px;
    padding-top: 5px;
    color: #465E34;
    margin-left: 5px;
    margin-right: 0px;
    font-size: 12px;
    padding-left: 5px;
    .sectionheader {
    font-size: 16px;
    font-style: italic;
    background: #B7EBA1;
    display: block;
    border: thin solid #406432;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 30px;
    .highlight {
    font-size: 16px;
    font-style: italic;
    color: #3E0947;
    display: block;
    padding-top: 7px;
    #abouttext img {
    float: left;
    padding-right: 10px;
    padding-left: 20px;
    #abouttext li {
    list-style: url(images/bulletimage.gif);
    #abouttextheader {
    width: 550px;
    position: relative;
    top: 0px;
    padding-left: 10px;
    #signup {
    width: 175px;
    top: 0px;
    position: relative;
    display: inline;
    text-align: left;
    #gemoftheweek {
    float: right;
    width: 310px;
    position: relative;
    border: thin solid #465E34;
    margin: -55px 0px 0px -1px;
    padding: 0px;
    top: 0px;
    right: 0px;
    height: 175px;
    #promotestext {
    float: left;
    width: 300px;
    clear: right;
    margin: 0px;
    padding: 0px;
    position: relative;
    text-align: left;
    #reuse {
    margin-left: 30px;
    margin-top: 20px;
    margin-right: 20px;
    #gemheader {
    font-size: 14px;
    font-style: italic;
    color: #FFFFFF;
    background: #465E34;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    display: block;
    margin: 0px;
    #contenttable {
    position: relative;
    width: 650px;
    top: 0px;
    .tableheader {
    background: #C3E2A9;
    border: medium solid #465E34;
    .tableimg {
    padding-left: 25px;
    #challengebox {
    border: thin solid #465E34;
    #gemoftheweekcontent {
    position: relative;
    width: 310px;
    top: 0px;
    height: 145px;
    #gemtext {
    font-size: 15px;
    font-style: italic;
    padding-top: 0px;
    text-align: center;
    display: block;
    float: right;
    margin-top: 40px;
    width: 130px;
    margin-left: 5px;
    #logo {
    background: #618247;
    text-align: center;
    float: left;
    width: 151px;
    height: 70px;
    margin-bottom: 10px;
    }#gemimage {
    float: none;
    width: 151px;
    position: relative;
    top: 5px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 10px;
    #logodivider {
    background: #465E34;
    width: 175px;
    height: 20px;
    #topnav a:link {
    color: #FFFFFF;
    text-decoration: none;
    #leftnav li {
    list-style: none;
    margin-left: -25px;
    #leftnav a:link {
    text-decoration: none;
    color: #C2E2A9;
    display: block;
    #leftnav a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background: #618247;
    display: block;
    #leftnav a:visited {
    color: #C2E2A9;
    text-decoration: none;
    #topnav a:visited {
    color: #FFFFFF;
    text-decoration: none;
    #topnav a:hover {
    color: c4eca5;
    text-decoration: none;
    #topnav {
    float: left;
    width: 800px;
    position: relative;
    top: 10px;
    background: url(images/purplenavbg.gif) no-repeat;
    left: 25px;
    text-align: center;
    font-size: 13px;
    height: 25px;
    padding-top: 4px;
    #test {
    position: relative;
    width: 200px;
    top: 0px;
    left: 50px;
    .pageheader {
    color: #FFFFFF;
    background: #8E66A9;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    border-top: 1px solid #41054A;
    border-bottom: 1px solid #41054A;
    display: block;
    h1 {
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    .articleblock {
    border-right: 1px solid #465E34;
    border-left: 1px solid #465E34;
    padding-right: 1em;
    padding-left: 1em;
    vertical-align: top;
    .articleblockright {
    border-right: 1px solid #465E34;
    padding-right: 1em;
    padding-left: 1em;
    h2 {
    font-weight: bold;
    font-size: 12px;
    Thanks,
    John

    What happens if you remove the italic style from the font....
    it could be
    this:
    http://www.positioniseverything.net/explorer/italicbug-ie.html
    Nadia
    Adobe® Community Expert : Dreamweaver
    Skype: nadiaperre
    Tutorials |SEO |Templates
    http://www.DreamweaverResources.com
    http://www.csstemplates.com.au
    http://www.adobe.com/devnet/dreamweaver/css.html
    CSS Tutorials for Dreamweaver
    "John Ciccolini" <[email protected]> wrote
    in message
    news:ehp18m$21b$[email protected]..
    > Hi all,
    > I have a weird problem. I have created a simple css
    style for a page
    > header.
    > On the top of the white area to the right of the page it
    the words "Health
    > and
    > Beauty" should have white text with a purple background.
    For some reason
    > the
    > background color is not showing up in IE 6. It shows up
    in every other
    > browser
    > on both the windows and mac platforms. Any ideas? The
    page is question
    > is
    > www.greenforlife.net/healthandbeauty.html. The css is as
    follows:

  • 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>&copy; 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 do i set  defaultPanel of two different SpryAccordion CSS Style ?

    I use Dreamweaver CS3.
    I have placed two different SpryAccordion CSS Style in one
    page.
    one is Accordion1 and one is Accordion2.
    I want to set defaultPanel of Accordion1 to 2 and i want to set
    defaultPanel of Accordion2 to 6
    Help me please ?
    Thank you.

    Move them from one library to the other, or click here and follow the instructions.
    (100046)

  • Problem with Css styles not showing in live view or when i browse

    I am using Mac osx 10.6 and building website with Dreamweaver CS5.  Sometimes div tags i create not showing styles or rendering in live view or when I browse but  showing in design view. I looked in dreamwever faq and they talk about not showing in design view to toggle the display styles. That is not the problem becuase it is check marked and I tried turning off and turning on and made no difference.I am using firefox browser.
    It happened before the other day too. But all of my other pages in this site that i have created the same way building with div tags and css styles. So not sure what the problem is. Maybe someone has a suggestion here.
    Johanna

    <!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>Portfolio</title>
    <style type="text/css"></style>
    <link href="css/jbstyles.css" rel="stylesheet" type="text/css" />
    <style type="text/css"></style>
    </head>
    <body>
    <div id="wrapper">
      <div id="mainnav">
        <div id="navbar">
          <ul>
            <li><a href="index.html"><br />
            </a></li>
    <li>
              <ul>
                <li><a href="index.html">          Home</a><a href="about.html">About</a></li>
                <li><a href="portfolio.html">Portfolio</a><a href="contact.html">Contact</a></li>
              </ul>
            </li>
          </ul>
      </div>
        <div id="contentinside">
          <div id="navbar2">
            <ul>
              <li><a href="design.html">Design</a></li>
              <li><a href="multimedia.html">Multimedia</a></li>
              <li><a href="webdesign.html">Web Design</a></li>
            </ul>
          </div>
          <div id="mm1thumb">Content for  id "mm1thumb" Goes Here</div>
          <div id="mm2thumb">Content for  id "mm2thumb" Goes Here</div>
        </div>
        <img src="images/multimsidebar.gif" width="212" height="615" alt="mmsdbr" longdesc="http://multimsidebar" />
      <div id="footer">
        <p> </p>
        <p>Johanna Bresnahan</p>
        <p>Web &amp; Graphic Design - http://www.johannabresnahan.com</p>
        <p> email: [email protected] ....phone....857•991•5717<br />
      </p>
    </div>
    </div>
    <!--end wrapper--></div>
    </body>
    </html> 
    Here is the html code above. not sure how to attach my file so get a visual. This is the first time I have used this forum.
    Johanna

  • Show CSS comments in CSS Style list?

    Hi,
    I've been using Dreamweaver for a numbef of years, but one small feature is forcing me to move away to newer CSS editors. "I need the CSS Style list to show comments from my style sheet". Is this possible?
    Put simply, some of my CSS stylesheets are huge, and I organise them by having comments to separate out the various types of selectors.
    In order for me to navigate my styles, it would help me immensely if the CSS Style list also included comments, so I could quickly see which section was which.
    Is this something which I've missed?
    Thanks,
    Chris.l

    Hello,
    I believe I've had a similar problem over the last day or so (wasted 3 hours).
    I create a "standard" page with all my basic stuff in it.
    Then create two sections with comments like this:
    <!--------------------- Start variable <style> definitions------------------------------>
    <!---------------------Endvariable <style> definitions-------------------------------->
    <!--------------------- Start variable code------------------------------>
    <!---------------------Endvariable code-------------------------------->
    So this way, I can just go quickly to that section of the <header> or <body> and copy and paste code.
    (I'm not at the level of templates yet)
    After three hours of trying to get a table to work, and comparing it to other stuff I've written
    I said to myself "I wonder if comments are allowed in the <style> section".
    The comments were deleted and everything worked fine.
    Based on the above posts, I'm guessing that is a known feature?
    Is it correct that comments can be put in the <head> section, but not in the <head><style> section?
    Again, I thank you in advance.

  • My CSS Styles Panel in Dreamweaver won't show list of styles.

    Hello Everyone,
    I'm having a heck of a time getting my CSS Styles Panel to show the styles from my attached style sheet. Yesterday it worked as usual and today it doesn't. I feel like I've tried all of my options. Usually I work in 'All' instead of 'Current' so I can see the entire list and not have to reference the actual CSS page. Does anyone know how to fix this?
    Also, even though I have an attached style sheet, every time I made a new style it puts it in my HTML page. So that's probably related as well.
    Also, this is the code link that is in my HTML:  <link href="Alto.css" rel="stylesheet" type="text/css" />
    So, How do I get this panel to show the list of styles? <--That I can click an edit without going back to the CSS page.
    Thank you!

    See screenshot:
    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.

  • CSS styles deleted from entire site's pages

    Out of nowhere today my styles are not showing up in my
    DESIGN VIEW in DW. When i look in the FILES>CSS STYLES window
    the CSS files are nowhere to be found. But, when i look in the code
    view of the html file i see this:
    @import url("../images/HC_Banner/HC_Banner.css");
    @import url("../DeptLayout.css");
    So they are in the code. And when i preview the page it
    previews with the styles in tact. So, i guess i am just dealing
    with the design view not showing the styles? When i import the CSS
    styles the view corrects itself and the layout is fine, with all
    styles applied appropriately. So do i have to go through every page
    in teh site and re-import the CSS styles to correct teh DESIGN
    VIEW? Is tehre a setting i accidentally de-activated? What's up?
    Thanks for any help.

    <!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=iso-8859-1" />
    <title>Haltom City Texas Trash-Off</title>
    <style type="text/css" media="screen">
    @import url("../Banner Files/HC_Banner10808/HC_Banner10808.css");
    @import url("../DeptLayout.css");
    </style>
    <!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=iso-8859-1" />
    <title>Haltom City Texas Trash-Off</title>
    <style type="text/css" media="screen">
    @import url("../Banner Files/HC_Banner10808/HC_Banner10808.css");
    @import url("../DeptLayout.css");
    </style>
    </body>
    </html>
    The code listed first is before in did the CSS STYLE import, the code after is after i imported  the CSS STYLE files. The page displays the proper styles when uploaded and viewed in a browser, it's just that the DW design view doesn't display it in DW until i re-attach teh CSS files.

  • How do I use the same css style but different attributes, Without affecting another page.

    Hey everyone,
    I am using the "NivoSlider", for my dreamweaver page but I am not sure how to tell styles that one page has one attribute and the other one will have a different attribute.
    For example: in my "about us" I have a small slideshow with its own pictures. I then put  a gallery page with its own pictures, yet, I want to make that slideshow box larger without affecting the other small slideshow.
    I am using just one Style.CSS for the slideshow.
    Anyways, is their a way to tell tell the code that one page is going to be a different width then the other?
    Thank you!

    Embedded CSS rules take priority over styles in external style sheets.   So you can add page specific rules between your document's <head> tags and after all other links to external CSS files.
    <style>
         page specific rules here....
    </style>
    Nancy O.

  • Applying a CSS style to an existing web page

    Hi all.
    I have recently updated the look of one of my web pages in my site. I'm looking to update the look of the other pages in my site as well to the same style/look. I have a CSS style saved as  "main layout" that I would like to use to apply the same look my existing pages. I'm working in Dreamweaver CS4. Does anyone know how to go about doing this? I realize that, because the existing page already has a layout applied to it, that the look may not be exactly the same, and that's fine, I can work with it from there if I can get it to that point. I feel like there should be an obvious answer to this, but i can't find one.
    Any help is greatly appreciated.
    Thanks.

    This is one of my old pages.
    <!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" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Home Page</title>
    <!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: 000000;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #FFFFFF;
    background-color: #000000 ;
    border: 10 px;
    background-image: url(<img src="Graphics/blackbg.jpg" width="1024" height="658" />);
    .twoColFixLtHdr #container {
    width: 80%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #000000;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 25px solid #000000; /* this overrides the text-align: center on the body element. */
    .twoColFixLtHdr #header {
    background: #000000;
    padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    border: 1px solid #000000
    .twoColFixLtHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    .twoColFixLtHdr #sidebar1 {
    float: left; /* since this element is floated, a width must be given */
    width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    height: 825px;
    background: #000000 ; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 15px 10px 15px 20px;
    border: 15px solid #111111;;
    .twoColFixLtHdr #mainContent {
    margin: 0 0 0 25px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
    padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    .twoColFixLtHdr #footer {
    padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    background:#DDDDDD;
    color: #000;
    font-size: small;
    text-align: center;
    font-weight: bold;
    .twoColFixLtHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    body,td,th {
    font-family: Tahoma, Geneva, sans-serif;
    color: #FFF;
    text-align: center;
    a:link {
    color: #D1FFF0;
    a:visited {
    color: #903;
    text-align: center;
    .twoColFixLtHdr #container p {
    color: #CCC;
    font-size: x-large;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    text-align: center;
    font-weight: bold;
    .twoColFixLtHdr #container #sidebar1 table tr td h2 strong em {
    color: #fdf5e6;
    font-size: x-large;
    font-family: Tahoma, Geneva, sans-serif;
    text-align: left;
    .twoColFixLtHdr #container #sidebar1 table tr td h2 em strong {
    color: #fdf5e6;
    font-size: x-large;
    text-align: left;
    .twoColFixLtHdr #container #sidebar1 table {
    color: #D1FFF0;
    .Maroon {
    color: #4a0019;
    .maroon {
    color: #4a0019;
    .sidebarfont2 {
    color: #d1fff0;
    .twoColFixLtHdr #container #sidebar1 table tr td strong center strong {
    color: #d1fff0;
    a {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    .twoColFixLtHdr #container center div p a {
    font-weight: normal;
    .twoColFixLtHdr #container center div p em {
    font-size: 18px;
    -->
    </style><!--[if IE 5]>
    <style type="text/css">
    /* place css box model fixes for IE 5* in this conditional comment */
    .twoColFixLtHdr #sidebar1 { width: 230px; }
    </style>
    <![endif]--><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColFixLtHdr #sidebar1 { padding-top: 30px; }
    .twoColFixLtHdr #mainContent { zoom: 1; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    <body class="twoColFixLtHdr">
    <div id="container">
      <div id="header">
        <h1><img src="../../Graphics/logo.jpg" width="145" height="93" /><img src="../../Graphics/black-seafoam banner.jpg" width="910" height="127" /></h1>
      <!-- end #header -->
        </h1>
      </div>
      <p><div id="sidebar1">
        <table width="200" border="0" align="center" cellpadding="2" cellspacing="2" bg="bg">
          <tr>
            <td width="166" height="0" align="center" valign="middle" bgcolor="#4a0019"><h2>
              <center>
                <strong><em>Main Menu</em></strong>
              </center>
            </h2></td>
          </tr>
          <tr>
            <td><a href="../../index.html">Home</a></td>
          </tr>
          <tr>
            <td><strong><a href="../../Main Menu/MJSNC Staff/STAFF.HTML">
              <center spry:hover="SIDEBARFONT">
                Staff
              </center>
            </a></strong></td>
          </tr>
          <tr>
            <td><strong><a href="../../Main Menu/MJSNC Board of Directors/mjsnc board of directors.html">
              <center>
                Board of Directors
              </center>
            </a></strong></td>
          </tr>
          <tr>
            <td><strong><a href="../../Main Menu/MJSNC Newsletter/mjsnc newsletter.html">
              <center>
                Newsletter
              </center>
            </a></strong></td>
          </tr>
        </table>
        <p> </p>
        <table width="200" border="0" cellpadding="2" cellspacing="2">
          <tr>
            <td width="168" bgcolor="#4a0019"><h2><strong><em><center>Programs &amp; Services</center></em></strong></h2></td>
          </tr>
          <tr>
            <td><strong><a href="../Education and Therapy/education and therapy program.html"><center>Education &amp; Therapy</center></a></strong></td>
          </tr>
          <tr>
            <td><a href="../Support Services/Services.html"><strong> <center>Services</center></strong></a></td>
          </tr>
          <tr>
            <td><strong><a href="Adult Training Facilities.html"><center>Adult Training Facilities</center></a></strong></td>
          </tr>
          <tr>
            <td><a href="../Social Recreation/social recreation.html"><strong><center>Social Recreation</center></strong></a></td>
          </tr>
          <tr>
            <td><strong><a href="../Early Intervention/early intervention.html"><center>Early Intervention</center></a></strong></td>
          </tr>
          <tr>
            <td><strong><a href="../Family Living Program/family living program.html"><center>Family Living Program</center></a></strong></td>
          </tr>
        </table>
        <p> </p>
        <table width="200" border="0" cellpadding="2" cellspacing="2">
          <tr>
            <td width="168" bgcolor="#4a0019"><h2><em><strong><center>What's Happening?</center></strong></em></h2></td>
          </tr>
          <tr>
            <td><a href="../Challenger Division Baseball/Challenger Main Page.html"><strong><center>Challenger Division</center></strong></a></td>
          </tr>
          <tr>
            <td><strong><a href="../../Whats Happening/Summer Recreation/Summer Rec.html"><center>Summer Recreation</center></a></strong></td>
          </tr>
          <tr>
            <td><strong><a href="../../Whats Happening/LIP SYNC 2012/Lip Sync 2011.html"><center>Annual Lip Sync'</center></a></strong></td>
          </tr>
        </table>
      <p> </p></div>
      <table width="700" border="2" cellspacing="2" cellpadding="1">
        <tr>
          <td><p>Adult Training Facilities</p>
            <p> </p>
            <p>MARCELLA GANOE CENTER- </p>
    <p>439 SOUTH JUNIATA STREET LEWISTOWN,  PA 17044</p>
            <p><img src="../../Graphics/white-black flower.jpg" width="160" height="156" /></p>
            <p>COMPASS CORNER-</p>
            <p>31 SOUTH DORCAS STREET LEWISTOWN, PA 17044 </p>
    <p> </p>
            <p>The Mifflin-Juniata Special Needs Center has two Adult  Training Facilities in operation. The Marcella Ganoe Center, located at 439  South Juniata Street &amp; Compass Corner, located at 31 South Dorcas Street.  Both facilities operate year round, five days per week. </p>
          <p>This program is designed to maximize an individual's  opportunity to participate in their community. Staff serves as adult role  models and challenges each participant to reach their highest level of ability  in daily living skills, social and physical development and interactions with  others.</p></td>
        </tr>
      </table>
      <p align="center"> </p>
      <p align="center"> </p>
      <table width="700" border="2" cellspacing="2" cellpadding="1">
        <tr>
          <td><img src="../../Graphics/Ganoe 2.jpg" width="448" height="322" /></td>
          <td><img src="../../Graphics/compass 5.jpg" width="504" height="346" /></td>
        </tr>
        <tr>
          <td><img src="../../Graphics/compass 1.jpg" width="424" height="323" /></td>
          <td><img src="../../Graphics/Ganoe Thank you.jpg" width="492" height="346" /></td>
        </tr>
      </table>
      <p align="center"> </p>
      <p align="center"> </p>
      <blockquote> </blockquote>
      <center>
      <p> </p>
      <div style="text-align: center; border-top: 2px solid #999; margin-top: 1em;">
        <p><a href="../../index.html">Home</a> • <a href="Main Menu/Contact Us/Contact Us.html">Contact Us • Map &amp; Directions</a> • <a href="../../Main Menu/About Us/About Us.html">About Us</a></p>
      </div>
    </center>
    <hr />
    <font face=papyrus><center></center></font></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.

Maybe you are looking for