11 Replies Latest reply: Dec 27, 2011 2:53 PM by Nancy O. RSS

    Dreamweaver CSS style sheets looks different in design mode.

    WebGuyDesign Community Member

      Hi I am trying to learn dreamweaver and found a website that I want to expore how it was made.   In the html of the site, it contains the CSS stylessheet for the boarders and styles of the page.   I have downloaded the original CSS style sheet that was created and renamed it  to training.css.  When on go into the html and change the location path to where the CSS style is and go into design mode, the boarders and layout does not look the same compared to beofore I made the change.  How am I able to be able to see this exactly how it is in design mode.

        • 1. Re: Dreamweaver CSS style sheets looks different in design mode.
          Nancy O. CommunityMVP

          Without seeing the site, it's hard to comment.  Depending on how the site was built, you would need to download all the supporting files to your local site folder -- CSS, HTML, Images, Scripts, Flash/SWF, etc...

           

           

          Nancy O.

          Alt-Web Design & Publishing

          Web | Graphics | Print | Media  Specialists 

          http://alt-web.com/

          http://twitter.com/altweb

          • 2. Re: Dreamweaver CSS style sheets looks different in design mode.
            WebGuyDesign Community Member

            not really it's just this one style sheet that contains how the boarders are, when I remove it the boarders are gone.  I basically just want to be able to edit this, but in deisgn mode exactly how i see it.

            • 3. Re: Dreamweaver CSS style sheets looks different in design mode.
              Nancy O. CommunityMVP

              Design View isn't 100% perfect.  At best, it's an approximation of what you can expect to see in browsers. 

               

              Show us your code.

               

               

              Nancy O.

              Alt-Web Design & Publishing

              Web | Graphics | Print | Media  Specialists 

              http://alt-web.com/

              http://twitter.com/altweb

              • 4. Re: Dreamweaver CSS style sheets looks different in design mode.
                WebGuyDesign Community Member

                Ok here is the full html, copy it in dreamweaver.  then go to design mode. I want to be able to modify the borders but dreamweaver will not allow me.  When I try renaming the styles sheet to something else, and targeting that source, the borders and layout is different.

                 

                <!doctype html>
                <html xmlns:og="http://ogp.me/ns#">
                <head>
                 
                  <title>web site training r</title>
                  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
                  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
                  <!--<meta name="viewport" content="width=device-width,initial-scale=1">-->
                  <link rel="shortcut icon" href="http://www.XYX">
                  <link rel="canonical" href="http://www.treehugger.com/green-food/alternative-home-remedy-peppermint-oil-to-relieve-ibs .html">
                  <meta name="robots" content="noodp" />
                  <meta name="keywords" content="DESCRIPTION" />
                  <meta name="description" content="feet" />
                  <link rel="canonical" href="http://www.treehugger.com/green-food/alternative-home-remedy-peppermint-oil-to-relieve-ibs .html" />
                  <link rel="image_src" href="http://www.bdbyzog"/>

                  <!-- CSS -->
                 
                  <link rel="stylesheet" type="text/css" href="http://static.treehugger.com/stylesheets/treehugger.css">

                 


                  <!-- OpenGraph -->
                  <meta property="og:title" content="bubble gum, kids toys, zebras"/>
                  <meta property="og:type" content="article"/>
                  <meta property="og:url" content="this will have to be changed"/>
                  <meta property="og:image" content="http://FITER.COM"/>
                  <meta property="og:site_name" content="TreeHugger"/>
                  <meta property="og:description" content="We &#39;Huggers with our aspiring clean, fiber-rich diets probably aren&#39;t as likely to experience the daily (yikes!) Irritable Bowel Syndrome (IBS) that some millions of Americans do, according to The New York Times. "/>
                  <meta property="fb:app_id" content="133255656700169" />

                  <script type="text/javascript">

                    var _gaq = _gaq || [];
                    _gaq.push(['_setAccount', 'UA-1096487-1']);
                    _gaq.push(['_trackPageview']);

                    (function() {
                      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                    })();

                  </script>



                <div id="container">

                   
                <div id="header">

                    <div id="logo-bar">

                      <div id="logo">
                        <p>BSTING page      </p>
                      </div>
                    </div><!-- end logo-bar -->

                    <ul id="nav">
                   
                    <li>
                        <a href="/stream/" class="" onClick="_gaq.push(['_trackEvent', 'Top Nav', 'All',]);">HOME</a>
                    </li>
                   
                    <li>
                        <a href="/design/" class="" onClick="_gaq.push(['_trackEvent', 'Top Nav', 'Design',]);">ABOUT</a>
                    </li>
                   
                    <li>
                        <a href="/technology/" class="" onClick="_gaq.push(['_trackEvent', 'Top Nav', 'Technology',]);">SERVICES</a>
                    </li>
                   
                    <li>
                        <a href="/living/" class="" onClick="_gaq.push(['_trackEvent', 'Top Nav', 'Living',]);">PRODUCTS</a>
                    </li>
                   
                    <li>
                        <a href="/transportation/" class="" onClick="_gaq.push(['_trackEvent', 'Top Nav', 'Transportation',]);">FEET </a>
                    </li>
                   
                    <li><a href="/energy/" class="" onClick="_gaq.push(['_trackEvent', 'Top Nav', 'Energy',]);">POTS</a>
                    </li>
                   
                    <li>
                        <a href="/science/" class="" onClick="_gaq.push(['_trackEvent', 'Top Nav', 'Science',]);">PUMPKINS</a>
                    </li>
                   
                    <li>
                        <a href="/business/" class="" onClick="_gaq.push(['_trackEvent', 'Top Nav', 'Business',]);">jobs</a>
                    </li>
                   
                    <li>
                      <a href="/slideshows/" class=" last" onClick="_gaq.push(['_trackEvent', 'Top Nav', 'Slideshows',]);">cKONT</a></li>
                    <li> </li>
                   
                    </ul>


                </div><!-- header -->


                    <div id="content">




                <div id="primary-column">

                    <h1>NEWS FEED TESTING WEB PAGE SITE</h1>

                    <div id="byline">
                        <div class="author-info">
                          <p>I CAN WRITE HERE</p>
                          <p>I CAN WRITE HERE</p>
                        </div>
                    </div>

                    <div id="primary-column-content">
                        <div id="entry-body" obj="71922">
                                        
                                    <p> </p>
                                    <p> </p>
                                    <p>text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed </p><p>text that can be changed ,</p><blockquote><p>text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed text that can be changed </p>
                                    </blockquote>
                                    <p> </p>
                </div>
                       
                    
                   
                    CHANGE HERE;
                </script>



                    </div>

                    <div id="related-column">
                       
                        <h2>Related</h2>
                        <ul>
                          <li>
                            <p><a href="SHOP" _mce_href="http://itunes.apple.com/us/podcast/electronic-dance-music-sessions/id417343799 ">SHOP">http://itunes.apple.com/us/podcast/electronic-dance-music-sessions/id417343799">SH OP FOR PUMPKINS HERE</a></p>
                </li>
                           
                           
                           
                            <li>
                              <p>LOOOK I CAN WRITE</p>
                          </li>
                           
                           
                           
                            <li>
                              <p>your website ad here</p>
                            </li>
                           
                           
                        </ul>
                       

                        <div class="tower-rail-item">
                         
                        </div>
                    </div>

                </div>

                <div id="rail">
                   




                <div class="rail-item">






                  <p> </p>
                <h2 class="section-header">store  aRTICLES AND BLOG CENTER</h2>
                <div id="featured-promo-module">
                  <ul>
                   
                   
                    <li>
                        <p class="thumb left">
                            <a href="/green-architecture/walkable-roller-coaster-those-afraid-usual-kind.html" onClick="_gaq.push(['_trackEvent', 'Promo Widgets', 'Most Popular', 'Promo Image Click']);"><img src="http://media.treehugger.com/assets/images/2011/11/landmarke-eroeff1-gr.jpeg.98x98_q85_crop -center.jpg" /></a>
                        </p>
                        <h3>YOU CAN CHANGE THIS TO SOMETHING1</h3>
                        <p class="excerpt">change the topic here or add something here change everything here</p>
                        <p class="byline  avatar" style="background-image: url(http://media.treehugger.com/profiles/lloydsmile200.jpg.24x24_q100_crop-smart.jpg)">
                            BY GUY 1</p>
                    </li>
                   
                   
                   
                    <li>
                        <p class="thumb right">
                            <a href="/natural-sciences/octopus-launches-itself-land-and-walk-around.html" onClick="_gaq.push(['_trackEvent', 'Promo Widgets', 'Most Popular', 'Promo Image Click']);"><img src="http://media.treehugger.com/assets/images/2011/11/walking-octopus.png.98x98_q85_crop-cente r.png" /></a>
                        </p>
                        <h3>YOU CAN CHANGE THIS TO SOMETHING2<a href="/natural-sciences/octopus-launches-itself-land-and-walk-around.html" onClick="_gaq.push(['_trackEvent', 'Promo Widgets', 'Most Popular', 'Promo Title Click']);"></a></h3>
                        <p class="excerpt">change the topic here or add something here change everything here</p>
                        <p class="byline  avatar" style="background-image: url(http://media.treehugger.com/profiles/jjs-TH.jpg.24x24_q100_crop-smart.jpg)">
                            BY GUY 2</p>
                    </li>
                   
                   
                   
                    <li>
                        <p class="thumb left">
                            <a href="/urban-design/urban-beehive-of-the-future-unveiled-by-philips.html" onClick="_gaq.push(['_trackEvent', 'Promo Widgets', 'Most Popular', 'Promo Image Click']);"><img src="http://media.treehugger.com/assets/images/2011/11/urban-beehive-3.jpg.98x98_q85_crop-cente r.jpg" /></a>
                        </p>
                        <h3><a href="/slideshows/cars/2011-tokyo-motor-show-exclusive-innovative-green-concept-cars/" onClick="_gaq.push(['_trackEvent', 'Promo Widgets', 'Featured', 'Promo Title Click']);">CHANGE THIS</a></h3>
                        <p class="excerpt">change the topic here or add something here change everything here</p>
                        <p class="byline  avatar" style="background-image: url(http://media.treehugger.com/profiles/headshot-TH.jpg.24x24_q100_crop-smart.jpg)">
                            BY GUY 3</p>
                    </li>
                   
                   
                  </ul>
                </div>




                </div>

                <div class="rail-item"><div id="page-ad-container-x20"></div></div>



                 






                <h2 class="section-header">Featured</h2>
                <div id="featured-promo-module">
                  <ul>
                   
                   

                   
                   

                   
                   
                    <li> </li>
                   
                   
                   
                    <li> </li>
                   
                   
                  </ul>
                </div>




                </div>






                <div class="rail-item"></div>




                <div class="rail-item"></div>







                </div>

                </div>

                   

                <div id="footer">

                    <div id="page-credits">
                        <div class="networks">
                          <p>Affiliations </p>
                <h5> </h5>
                            <ul class="left-list">
                              <li><a href="BUBBLE" _mce_href="http://animal.discovery.com/">BUBBLE">http://animal.discovery.com/">BUBBLE GUM LAND</a></li>
                                <li><a href="F" _mce_href="http://dsc.discovery.com/">F">http://dsc.discovery.com/">F GOLF</a></li>
                                <li>SKI RESORT</li>
                                <li>E</li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                          </ul>
                            <ul>
                              <li>add info here</li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                          </ul>
                      </div>

                        <div class="video">
                          <h5>Video  </h5>
                            <ul>
                                <li><a href="THIS" _mce_href="http://dsc.discovery.com/videos/">T</a>HIS">http://dsc.discovery.com/videos/">T</a>HIS WILL CHANGE </li>
                            </ul>
                            <ul>
                              <li></li>
                                <!-- <li><a href="/mobile/wallpaper.html">Wallpaper &#x26; Ringtones</a></li>
                                <li><a href="/mobile/video.html">Mobile Video</a></li>
                                <li><a href="/mobile/web.html">Mobile Web</a></li>
                                <li><a href="/mobile/text-alerts.html">Text Alerts</a></li>  -->
                          </ul>

                        </div>

                        <div class="shop">
                          <h5>Shop</h5>
                            <ul>
                              <li>ENTER LINK HERE</li>
                              <li>ENTER LINK HERE</li>
                            </ul>
                        </div>

                        <div class="customer">
                            <h5>Get Connected</h5>
                            <ul>
                                <li><a href="/about/">About Us</a></li>
                                <li><a href="/about/contact/">Contact Us</a></li>
                                <li><a href="/newsletters/" rel="nofollow">Email Newsletters</a></li>
                                <li><a href="/feeds/">RSS</a></li>
                                <li><a href="Twitterhttp://www.twitter.com/TreeHugger">Twitter</a></li>
                                <li><a href="Facebookhttp://www.facebook.com/TreeHugger">Facebook</a></li>
                                <li><a href="Jobshttp://jobs.treehugger.com/">Jobs</a></li>
                            </ul>
                        </div>
                    </div>
                    <p class="footer-copy">Copyright &#xA9; 2011WEB SITE TRAINING <a href="/sitemap.xml"></a></p>

                </div><!-- end footer -->

                <script type="text/javascript">
                /* <![CDATA[ */
                var s_account="hswprodthg";
                /* ]]> */
                </script>
                <script type="text/javascript" src="http://static.treehugger.com/scripts/omniture/s_code.js"></script>
                <script type="text/javascript">
                /* <![CDATA[ */
                function writeImage(method, data, action, current) {
                    $(document.createElement("img")).attr({
                        id: 'hswOmniImage',
                        src: data
                    }).load(function () {
                        if (method !== 'none') {
                            clearTimeout(t);
                            doAction(method, action, current);
                        }
                    });
                    if (typeof method === 'string' && method !== 'none') {
                        var t = setTimeout(function () {
                            doAction(method, action, current);
                        }, 500);
                    }
                }

                function doAction(method, action, current) {
                    if (method == 'form') {
                        current.submit();
                    } else {
                        document.location.href = action;
                    }
                }

                function isPurchaseEvent(tag, lookupArray) {
                    var found = false;
                    for (key in lookupArray) {
                        if (tag.indexOf(lookupArray[key]) >= 0) {
                            found = lookupArray[key];
                            break;
                        }
                    }
                    return found;
                }

                function inArray(tag, lookupArray) {
                    var found = false;
                    for (key in lookupArray) {
                        if (tag.indexOf(lookupArray[key]) >= 0) {
                            found = true;
                            break;
                        }
                    }
                    return found;
                }

                function sendTags(tag, vars, current, eventObj, noRedirect) {
                    if (tag != '') {
                        var hswOmniImage = document.getElementById('hswOmniImage');
                        var omniImageData = "http://metrics.howstuffworks.com/b/ss/" + s_account + "/1/H.17/s45086097826030?";
                        var gotoAction = ''
                        var tagName = '';
                        var timestamp = new Date();
                        var year = timestamp.getFullYear();
                        var month = timestamp.getMonth() + 1;
                        var day = timestamp.getDate();
                        var hours = timestamp.getHours();
                        var mins = timestamp.getMinutes();
                        var secs = timestamp.getSeconds();
                        var weekday = timestamp.getDay();
                        var timezoneOffset = timestamp.getTimezoneOffset();
                        var gValue = location.protocol + '//' + location.hostname;
                        var omniPrefix = '';
                        if (location.pathname) {
                            gValue += location.pathname;
                        }
                        omniImageData += '&AQB=1';
                        omniImageData += '&t=' + month + '/' + day + '/' + year + ' ' + hours + ':' + mins + ':' + secs + ' ' + weekday + ' ' + timezoneOffset;
                        omniImageData += '&vmt=' + '4467DB86';
                        omniImageData += '&ns=' + 'hswmedia';
                        omniImageData += '&g=' + encodeURIComponent(gValue);
                        var subDomain = location.href;
                        subDomain = subDomain.substring(7, subDomain.indexOf('.', 7));
                        if (subDomain == 'recipes') {
                            if (vars) {
                                vars = vars.replace(/=/gi, '=TLC : ');
                                vars = vars.replace(/events=TLC :/gi, 'events=');
                                vars = vars.replace(/products=TLC :/gi, 'products=');
                            }
                        }

                        if (vars) {
                            omniImageData += vars;
                        }

                        var _href = $(current).attr('href');
                        if (_href) {
                            if (omniImageData.indexOf('c25=') >= 0 && omniImageData.indexOf('c7=') < 0) {
                                var endPos = _href.indexOf('?');
                                if (endPos < 0) {
                                    endPos = _href.length;
                                }
                                var startPos = _href.lastIndexOf('/', endPos);
                                var shortHref = _href.substr(startPos + 1, endPos - startPos - 1);
                                if (shortHref == '') {
                                    shortHref = _href;
                                }
                                omniImageData += '&c7=' + shortHref;
                                omniImageData += '&v9=' + shortHref;
                            }
                        }
                        omniImageData += '&pe=' + 'lnk_o';
                        omniImageData += '&pev2=' + tag.replace(/&/g, ' and ');
                        omniImageData += '&pid=' + encodeURIComponent(location.href);
                        omniImageData += '&AQE=1';
                        if (noRedirect == undefined) {
                            if (current.action) {
                                gotoAction = current.action;
                                tagName = current.nodeName || '';
                                if (omniImageData.indexOf('pev1=') < 0) {
                                    omniImageData += '&pev1=' + encodeURIComponent(gotoAction);
                                    omniImageData += '&oid=' + encodeURIComponent(gotoAction);
                                }
                                omniImageData += '&ot=' + tagName;
                                if ((current.method.toLowerCase() == 'get') && (current.name.substr(0, 15) == 'frmSelMakeModel')) {
                                    writeImage('url', omniImageData, current.action, current);
                                } else {
                                    writeImage('form', omniImageData, current.action, current);
                                }
                            } else if (_href) {
                                gotoAction = _href;
                                gotoTarget = current.target;
                                tagName = current.nodeName || '';
                                if (omniImageData.indexOf('pev1=') < 0) {
                                    omniImageData += '&pev1=' + encodeURIComponent(gotoAction);
                                    omniImageData += '&oid=' + encodeURIComponent(gotoAction);
                                }
                                omniImageData += '&ot=' + tagName;
                                writeImage('url', omniImageData, gotoAction, current);
                            } else if (eventObj.target.href) {
                                gotoAction = eventObj.target.href;
                                tagName = current.nodeName || '';
                                if (omniImageData.indexOf('pev1=') < 0) {
                                    omniImageData += '&pev1=' + encodeURIComponent(gotoAction);
                                    omniImageData += '&oid=' + encodeURIComponent(gotoAction);
                                }
                                omniImageData += '&ot=' + tagName;
                                writeImage('url', omniImageData, gotoAction, current);
                            } else {
                                gotoAction = document.location.href;
                                tagName = current.nodeName || '';
                                if (omniImageData.indexOf('pev1=') < 0) {
                                    omniImageData += '&pev1=' + encodeURIComponent(gotoAction);
                                    omniImageData += '&oid=' + encodeURIComponent(gotoAction);
                                }
                                omniImageData += '&ot=' + tagName;
                                writeImage('none', omniImageData, gotoAction, current);
                            }
                        } else {
                            gotoAction = document.location.href;
                            tagName = current.nodeName || '';
                            if (omniImageData.indexOf('pev1=') < 0) {
                                omniImageData += '&pev1=' + encodeURIComponent(gotoAction);
                                omniImageData += '&oid=' + encodeURIComponent(gotoAction);
                            }
                            omniImageData += '&ot=' + tagName;
                            writeImage('none', omniImageData, gotoAction, current);
                        }
                    }
                }

                function registerPage(pageName, vars) {
                    s.pageName = "";
                    s.hier1 = "";
                    s.channel = "";
                    s.pageType = "";
                    s.events = "";
                    s.products = "";
                    s.campaign = "";
                    s.server = "www.treehugger.com";
                    s.refresh = s.refresh || 0;
                    s.refresh++;
                    for (var i = 0; i <= 50; i++) {
                        s['prop' + i] = '';
                        s['eVar' + i] = '';
                    }
                    var currentTime = new Date();
                    var month = currentTime.getMonth() + 1;
                    var day = currentTime.getDate();
                    var year = currentTime.getFullYear();
                    if (month < 10) {
                        month = ("0" + String(month))
                    }
                    if (day < 10) {
                        day = ("0" + String(day))
                    }
                    var currentDate = (year + "-" + month + "-" + day);
                    String(currentDate);
                    s.pageName = 'www.treehugger.com/green-food/alternative-home-remedy-peppermint-oil-to-relieve-ibs.html ';
                    s.hier1 = 'TreeHugger|Living|Green Food';
                    s.channel = 'Living';
                    s.pageType = '';
                    var events = 'event4';
                    s.events = events.replace(',,', ',');
                    s.events += ',event32';
                    s.prop1 = 'blog';
                    s.prop2 = 'TreeHugger';
                    s.prop3 = 'alternative-home-remedy-peppermint-oil-to-relieve-ibs';
                    s.prop4 = '1';
                    s.prop5 = '2011-01-22';
                    s.prop6 = '';
                    s.prop7 = '';
                    s.prop8 = '';   
                    s.prop13 = '';
                    s.prop14 = '';
                    s.prop15 = '';
                    s.prop16 = 'alternative-home-remedy-peppermint-oil-to-relieve-ibs';
                    s.prop20 = '';
                    s.prop24 = '';
                    s.prop25 = '';
                    s.prop31 = '';
                    s.prop32 = '';
                    s.prop33 = '';
                    s.prop34 = 'Green Food';
                    s.prop35 = '';
                    s.prop36 = '';
                    s.prop37 = '';   
                    s.prop38 = document.title;
                    s.prop39 = '';
                    s.prop43 = '';
                    s.prop44 = '';
                    s.prop45 = '';   
                    s.prop46 = '';
                    s.prop49 = 'TreeHugger';
                    s.prop51 = 'Jess Root';
                    s.eVar2 = 'TreeHugger';
                    s.eVar42 = document.title;
                    s.eVar43 = '';

                    //Omniture Marketing campaigns
                    if (document.location.hash.indexOf('#mkcpgn=') != -1){
                        s.campaign = document.location.hash.split('=')[1];
                    }

                    if (s.prop6) {
                        s.prop6 = s.prop6.toLowerCase();
                        s.eVar18 = s.prop6;
                        var t_search = s.getValOnce(s.eVar18, 'ev18', 0);
                        if (t_search) {
                            s.events = s.apl(s.events, "event10", ",", 2);
                        }
                    }
                    s.prop36 = s.getPreviousValue(s.channel, 'gpv_p36');
                    s.prop37 = s.getPreviousValue(s.pageName, 'gpv_p37');
                    if (s.pageName && !s.eVar33) s.eVar33 = s.pageName;
                    if (s.prop1 && !s.eVar3) s.eVar3 = s.prop1;
                    if (s.prop2 && !s.eVar4) s.eVar4 = s.prop2;
                    if (s.prop3 && !s.eVar5) s.eVar5 = s.prop3;
                    if (s.prop4 && !s.eVar6) s.eVar6 = s.prop4;
                    if (s.prop5 && !s.eVar7) s.eVar7 = s.prop5;
                    if (s.channel && !s.eVar11) s.eVar11 = s.channel;
                    if (s.prop9 && !s.eVar12) s.eVar12 = s.prop9;
                    if (s.prop6 && !s.eVar18) s.eVar18 = s.prop6;
                    if (s.prop11 && !s.eVar10) s.eVar10 = s.prop11;
                    if (s.prop12 && !s.eVar17) s.eVar17 = s.prop12;
                    if (s.prop14 && !s.eVar14) s.eVar14 = s.prop14;
                    if (s.prop15 && !s.eVar19) s.eVar19 = s.prop15;
                    if (s.prop22 && !s.eVar31) s.eVar31 = s.prop22;
                    if (s.prop26 && !s.eVar22) s.eVar22 = s.prop26;
                    if (s.prop27 && !s.eVar23) s.eVar23 = s.prop27;
                    if (s.prop28 && !s.eVar24) s.eVar24 = s.prop28;
                    if (s.prop29 && !s.eVar25) s.eVar25 = s.prop29;
                    if (s.prop30 && !s.eVar26) s.eVar26 = s.prop30;
                    if (s.prop34 && !s.eVar37) s.eVar37 = s.prop34;
                    if (s.prop35 && !s.eVar38) s.eVar38 = s.prop35;
                    if (s.prop39 && !s.eVar43) s.eVar43 = s.prop39;
                    if (s.prop41 && !s.eVar45) s.eVar45 = s.prop41;
                    if (s.prop42 && !s.eVar46) s.eVar46 = s.prop42;
                    if (s.prop43 && !s.eVar47) s.eVar47 = s.prop43;
                    if (s.prop44 && !s.eVar48) s.eVar48 = s.prop44;
                    if (s.prop48 && !s.eVar1) s.eVar1 = s.prop48;
                    if (s.prop51 && !s.eVar51) s.eVar51 = s.prop51;
                    if (document.referrer) {
                        var propsArray = new Array('discovery.com', 'howstuffworks.com', 'petfinder.com');
                        var sProperty = isPurchaseEvent(document.referrer, propsArray);
                        if (sProperty) {
                            sReferrer = document.referrer;
                            sReferrer = sReferrer.substring(7, sReferrer.indexOf('/', 7));
                            if (location.hostname.indexOf('recipes') >= 0) {
                                s.prop14 = s.eVar14 = sReferrer;
                                if (document.referrer.indexOf('?') >= 0) {
                                    s.prop13 = s.eVar16 = document.referrer.substring(0, document.referrer.indexOf('?') - 1);
                                } else {
                                    s.prop13 = s.eVar16 = document.referrer;
                                }
                            }
                            if (location.hostname.indexOf('curiosity') >= 0 && document.referrer.indexOf('discovery.com') >= 0 && document.referrer.indexOf('curiosity.') === -1) {
                                s.prop14 = s.eVar14 = sReferrer;
                                if (document.referrer.substring(document.referrer.length - 1) == '/') {
                                    s.prop13 = s.eVar16 = document.referrer.substring(7, document.referrer.length - 1);
                                } else {
                                    s.prop13 = s.eVar16 = document.referrer.substring(7, document.referrer.length);
                                }
                            }
                        }
                    }
                    if (s.prop39 == 'TreeHugger' && s.pageName.indexOf('randomzone') == -1) {
                        if (s.events.length > 0) {
                            s.events += ',event44';
                        } else {
                            s.events = 'event44';
                        }
                    }
                   if (vars != '' && vars !== undefined) {
                        eval(vars);
                    }
                    var s_code = s.t();
                    if (s_code) document.write(s_code);
                }
                $(document).ready(function () {
                    $('[omniselect]').unbind('change');
                    $('#hswOmniImage').unbind('load');
                    $("a").live('click', function (e) {
                        if ((!$.browser.msie && e.button == 0) || $.browser.msie) {
                            var tag = $(this).attr('omni');
                            var vars = $(this).attr('omnivars');
                            if (tag != '' && tag !== undefined) {
                                if ($(this).attr('target') == '_new' || $(this).attr('target') == '_blank') {
                                    sendTags(tag, vars, this, e, true);
                                } else {
                                    sendTags(tag, vars, this, e);
                                    return false;
                                }
                            }
                        }
                    });
                    $("form").submit(function (e) {
                        var tag = $(this).attr('omni');
                        var vars = $(this).attr('omnivars');
                        if (tag != '' && tag !== undefined) {
                            if ($(this).attr('target') == '_new' || $(this).attr('target') == '_blank') {
                                sendTags(tag, vars, this, e, true);
                            } else {
                                sendTags(tag, vars, this, e);
                                return false;
                            }
                        }
                    });
                    $('[omniselect]').change(function (e) {
                        var tag = this.options[this.selectedIndex].getAttribute('omni');
                        var vars = this.options[this.selectedIndex].getAttribute('omnivars');
                        sendTags(tag, vars, this, e);
                        return false;
                    });
                });
                registerPage();
                /* ]]> */
                </script>

                <div id="sitemeter"><script type="text/javascript" src="

                • 5. Re: Dreamweaver CSS style sheets looks different in design mode.
                  MurraySummers CommunityMVP

                  Two things before going any further -

                   

                  1.  Does the original page validate when you go to http://validator.w3.org?

                  2.  Note that your pasted code is truncated.  Can we have the rest?

                  • 6. Re: Dreamweaver CSS style sheets looks different in design mode.
                    WebGuyDesign Community Member

                    thats the html code, in it you will find the styles sheet css that i can't edit.

                    <link rel="stylesheet" type="text/css" href="http://static.treehugger.com/stylesheets/treehugger.css">

                     

                    I just want to be able to save this to my desktop, rename it and repalce this with where it's located on my desktop and still see the boarders and layout the same in desgn mode.   If you past the full html in dreamweaver and go to design you will see how I would like it.  then save the CSS and repalce with with a new name, located the file and replace it in the html and go back to design mode and you will notice that everthing is different. 

                    • 7. Re: Dreamweaver CSS style sheets looks different in design mode.
                      Nancy O. CommunityMVP

                      You cannot edit a stylesheet on someone else's server.  You must open their stylesheet.css file in your browser, copy & paste their code into your HTML document or an external stylesheet in YOUR local site folder.

                       

                      Incidentally, the code on that site isn't what I call terrific.  Not exactly a good learning aid for beginners.  If you want to learn other people's bad habits, fine.  But if you want to learn good habits, look at any of the CSS Layouts at Project Seven or use their Column Composer Magic extension for Dreamweaver. 

                      http://projectseven.com/products/templates/index.htm

                       

                       

                       

                      Nancy O.

                      Alt-Web Design & Publishing

                      Web | Graphics | Print | Media  Specialists 

                      http://alt-web.com/

                      • 9. Re: Dreamweaver CSS style sheets looks different in design mode.
                        WebGuyDesign Community Member

                        does anyone have the answer to this without offering me a service to pay for?

                        • 11. Re: Dreamweaver CSS style sheets looks different in design mode.
                          Nancy O. CommunityMVP

                          There are loads of free resources on the web. A Google search will reveal many more.

                          Start here:

                           

                          HTML, CSS & Javascript Tutorials ~

                          http://w3schools.com/

                           

                          How to Develop with CSS? (a must read) ~

                          http://phrogz.net/css/HowToDevelopWithCSS.html

                           

                          Learn CSS positioning in 10 Steps ~

                          http://www.barelyfitz.com/screencast/html-training/css/positioning/

                           

                          HTML5 Dive In ~

                          http://diveintohtml5.org/table-of-contents.html

                           

                          BEGINNER CSS TEMPLATES

                           

                          Not Just a Grid CSS Framework

                          http://www.notjustagrid.com/demo.asp

                           

                          EZ-CSS Templates (watch the screencast to see how it works)

                          http://www.ez-css.org/css_templates

                           

                          Dreamweaver CSS Templates for beginners

                          http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html

                           

                          New DW Starter Pages

                          http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html

                           

                          Ultimate Multi-Column Layouts

                          http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-width s

                           

                          ADOBE TUTORIALS

                           

                          Adobe Developer's Center - Getting Started tutorials

                          http://www.adobe.com/devnet/dreamweaver/?view=gettingstartedF

                           

                          Adobe TV - Learn DW CS5 (video tutorials)

                          http://tv.adobe.com/show/learn-dreamweaver-cs5/

                           

                          Creating  your first web site in DW CS5 -

                          http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html

                           

                           

                           

                          Nancy O.

                          Alt-Web Design & Publishing

                          Web | Graphics | Print | Media  Specialists 

                          http://alt-web.com/

                          http://twitter.com/altweb

                          http://alt-web.blogspot.com/