-
1. Re: Dreamweaver CSS style sheets looks different in design mode.
Nancy O. Dec 13, 2011 11:04 AM (in response to WebGuyDesign)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
-
2. Re: Dreamweaver CSS style sheets looks different in design mode.
WebGuyDesign Dec 13, 2011 11:14 AM (in response to Nancy O.)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. Dec 13, 2011 11:19 AM (in response to WebGuyDesign)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
-
4. Re: Dreamweaver CSS style sheets looks different in design mode.
WebGuyDesign Dec 13, 2011 11:49 AM (in response to Nancy O.)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 'Huggers with our aspiring clean, fiber-rich diets probably aren'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 & 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 © 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 Dec 13, 2011 12:06 PM (in response to WebGuyDesign)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 Dec 13, 2011 12:29 PM (in response to MurraySummers)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. Dec 13, 2011 12:35 PM (in response to WebGuyDesign)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
-
8. Re: Dreamweaver CSS style sheets looks different in design mode.
MurraySummers Dec 13, 2011 1:04 PM (in response to Nancy O.)Agree 100%.
-
9. Re: Dreamweaver CSS style sheets looks different in design mode.
WebGuyDesign Dec 27, 2011 1:40 PM (in response to MurraySummers)does anyone have the answer to this without offering me a service to pay for?
-
10. Re: Dreamweaver CSS style sheets looks different in design mode.
John Waller Dec 27, 2011 2:58 PM (in response to WebGuyDesign)Is this the link to the website which you're trying to emulate?
http://www.treehugger.com/green-food/alternative-home-remedy-peppermint-oil-to-relieve-ibs .html
-
11. Re: Dreamweaver CSS style sheets looks different in design mode.
Nancy O. Dec 27, 2011 2:53 PM (in response to WebGuyDesign)There are loads of free resources on the web. A Google search will reveal many more.
Start here:
HTML, CSS & Javascript Tutorials ~
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


