Design View to use CSS included in header
In all views except the "Design" view, when you look at a page anything that's included in a CSS file imported from the assets/ folder will show HTML styled with the CSS.
However, in the Design view it doesn't use that linked CSS file. Any hand-coded CSS is used for HTML elements, (e.g. if I use the <style>..</style> tag), but not stuff in the imported CSS file.
Is there any way to fix this? This editor is too small for more than a couple lines of CSS -- and if it's an external file we can just edit this file in Edge code.
The workaround is to copy and paste your whole CSS file into this field.
Interesting. I think you're right about the quirks mode. Once I specify the doctype at the top, it looks consistent everywhere...with almost no padding. That kind of sucks actually.
New Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<ol style="padding-left: 10px;">
<li>stuff</li>
<li>things</li>
</ol>
</body>
</html>
I guess this site has actually had CSS that probably is doing the opposite of what they wanted for years now. Thanks. Good catch on quirks mode. I've been in the bad habit of never using the doctype declarations in my HTML documents and you've opened my eyes to start actually doing this now. I can now open, reopen, 100 times and I always get the same result.
Similar Messages
-
How to see Design View when using ?php require("header.htm"); ?
Hello
I'm new to DW CS4 and have what's probably a simple question, but I can't figure it out. I have a basic html website in which I'm using php require to call header.htm and footer.htm files. In CS4, when I open any page in the Design or Split view, it displays the header.htm file. The only way I have been able to view the content of the page is to delete the php require code in Code View. I then edit the page after which I have to paste the require code for the header.htm file back in before saving.
Is there an easy fix for this?
Many Thanks!Thanks for your response. All of my pages are php pages in which I use the php require command to display a header and footer. In CS4, when I open any page from my site in Design or Split view, all I can see is the header.htm file. I cannot see any of the content from that particular page. I have to go into code view and delete the <?php require("header.htm"); ?> from the code. The I can view and edit that page's content after which I have to paste the <?php require("header.htm"); ?> command back in and load the saved file to the server. A royal pain in the butt.
-
Live View worse than Design view, both bad, CSS & layout not applying
Howdy,
So I'm trying to do some work on the the page seen here:
http://www.juniper.net/us/en/products-services/network-management/
(I've attached a screenshot of it.)
I view the source for that page and copy it into a new blank page in code view using DW CS4.
I copy all the relevant related files, as far as I know, including at least all the CSS and image files.
I view the page in Design View, and some of the styles, primarily on the text are clearly being applied. The layout, though, is all wrong, with the navigation spread out over the top without any text styling or background images, tho a few other images do show up (one in the header area and some in the body, ones that should all be about in the same directory), and the content area pushed waay out the right.
Live View is even worse, no styling at all on any of the text, and it doesn't seem to be able to locate any of the images, so it's all plain default HTML-styled text.
This is a fresh installation of CS4.
DW 8 seemed to have a similar problem rendering this layout in design view, but appplying a few design-time stylesheets, ones that should have been applying, but somehow weren't, seemed to do it, or at least pretty close. That same strategem did not seem to work here. Plus, doesn't the fact that the correct stylesheets show up as "related files" in the related files bar mean that DW knows about them and are/should be doing its level best to be applying them already?
I'm not sure how much more I can share, but does anyone have any thoughts about how to make DW render correctly?So here's a little more info for a more complete picture of the problem...
I do have access to the original CSS, JS, and image files...When I said that I copied all the files that I believe to be relevant, I mean that I downloaded all the files from the \assets and \shared directories from the content management system, which should contain all the CSS, JS, and image files that the page uses.
When I view the file into which I saved the page's View Source on my testing server via an actual browser window, the page looks as expected.
So, to sum up:
All the support files and "related files" seem to be in place.
When viewed through a browser fed by a web server, the file/page looks as expected. Checked in Firefox v3.5.3, IE 8, and Chrome v3.0.195.24.
When viewed in Design View, the layout looks wonky, some of the styles seem not to be applied to the navigation/header area (notably, I guess, the positioning of the navigation and content area relative to the navigation, as well as some of the text styling on the navigation), and most if not all the styling (text formatting, layout) seems to be applying in the content area. The Related Files bar seems to list all the expected related files.
When viewed in Live View, no styling is being applied anywhere. Live View is based on an integrated WebKIT browser, so it should render most closely to Chrome, right?
I know little to nothing about relevant web server configuration. Could it be possible there's some web server configuration that's set up on Juniper's web server that Dreamweaver doesn't mimic, at least by default? Are there web server configuration settings for the integrated Live View "server" that I could check? -
Design View Quarks With CSS Code
Alright I have a somewhat complicated situation to explain here so I'll try and simplify this. Basically, I'm seeing the most erratic behavior when attempting to add padding to this ordered list and looking at it in Design View. Example code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<ol style="padding-left: 10px;">
<li>stuff</li>
<li>things</li>
</ol>
</body>
</html>
Now BEFORE I added that css style into the ol tag, the ordered list was all nice and indented. AFTER I add a style to it, it gets sucked up all the way to nearly touching the left edge of my page now except those 10px (I do have to say, that ruler in DW is nice for this sort of thing) as if it's forgotten any other kind of indentation at all. What is strange to me is that if I save the file and load it in a browser, indentation is normal . If I close the file in Dreamweaver and open it again, spacing is fine. Why is it doing this?
Picture below shows what happens when I first introduce the code and then after I've saved and reopened the document.Interesting. I think you're right about the quirks mode. Once I specify the doctype at the top, it looks consistent everywhere...with almost no padding. That kind of sucks actually.
New Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<ol style="padding-left: 10px;">
<li>stuff</li>
<li>things</li>
</ol>
</body>
</html>
I guess this site has actually had CSS that probably is doing the opposite of what they wanted for years now. Thanks. Good catch on quirks mode. I've been in the bad habit of never using the doctype declarations in my HTML documents and you've opened my eyes to start actually doing this now. I can now open, reopen, 100 times and I always get the same result. -
DW design view not displaying CSS correctly
Hello,
I am having a problem using the position:relative CSS. I've
created a simple page that has 3 div tags. Below is the code:
<body>
<div id="headerleft"><img src="/images/header.gif"
width="303" height="120" /></div>
<div id="headerright">Right Side</div>
<div id="toplinks">
<a href="www.google.com">Link 1</a> |
<a href="www.google.com">Link 2</a> |
<a href="www.google.com">Link 3</a> |
</div>
</body>
Below is my CSS code:
#headerleft {
position: relative;
z-index:2;
margin-bottom:-40px;
float:left;
#headerright {
float:right;
#toplinks {
position: relative;
z-index:3;
text-align:center;
clear:both;
What this page does is shows a image in the top left corner.
In the top right the phrase "Right Side". Then my third div
'toplinks' displays a bunch of links. Since my headerleft id has
margin-bottom:-40px, I need to use z-index and position:relative so
that my links are shown above the headerleft id.
I publish the page and view it in IE and everything works
fine. However, in Design View in DW my toplinks div is displayed
right under the rightheader id. For some reason it's not being
displayed under the left and right floats(headerleft and
headerright id's). Not sure why because I have 'clear:both' set for
that div's CSS.
I take the position:relative out of the toplinks id, and
everything looks fine in DW. My toplinks id then drops under the
both headerleft and headerright. However, when I view this is IE
then the links on the left are no longer active. I guess because
z-index needs position:relative to work?
Anybody have any suggestions?
ThanksI'm not sure what you are trying to accomplish, but try this
much simpler
and less convoluted code -
<style type="text/css">
<!--
#headerright {
float:right;
#toplinks {
text-align:center;
width: 300px;
float: right;
-->
</style>
</head>
<body>
<div id="headerleft">
<div id="toplinks"> <a
href="www.google.com">Link 1</a> | <a
href="www.google.com">Link
2</a> | <a href="www.google.com">Link
3</a> | </div>
<div id="headerright">Right Side</div>
<img src="/images/header.gif" width="303" height="120"
/> </div>
</body>
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"esuweb" <[email protected]> wrote in
message
news:[email protected]...
> Hello,
> I am having a problem using the position:relative CSS.
I've created a
> simple
> page that has 3 div tags. Below is the code:
>
> <body>
> <div id="headerleft"><img
src="/images/header.gif" width="303"
> height="120"
> /></div>
> <div id="headerright">Right Side</div>
> <div id="toplinks">
> <a href="www.google.com">Link 1</a> |
> <a href="www.google.com">Link 2</a> |
> <a href="www.google.com">Link 3</a> |
> </div>
> </body>
>
> Below is my CSS code:
>
> #headerleft {
> position: relative;
> z-index:2;
> margin-bottom:-40px;
> float:left;
> }
>
> #headerright {
> float:right;
> }
>
> #toplinks {
> position: relative;
> z-index:3;
> text-align:center;
> clear:both;
> }
>
> What this page does is shows a image in the top left
corner. In the top
> right
> the phrase "Right Side". Then my third div 'toplinks'
displays a bunch of
> links. Since my headerleft id has margin-bottom:-40px, I
need to use
> z-index
> and position:relative so that my links are shown above
the headerleft id.
>
> I publish the page and view it in IE and everything
works fine. However,
> in
> Design View in DW my toplinks div is displayed right
under the rightheader
> id.
> For some reason it's not being displayed under the left
and right
> floats(headerleft and headerright id's). Not sure why
because I have
> 'clear:both' set for that div's CSS.
>
> I take the position:relative out of the toplinks id, and
everything looks
> fine
> in DW. My toplinks id then drops under the both
headerleft and
> headerright.
> However, when I view this is IE then the links on the
left are no longer
> active. I guess because z-index needs position:relative
to work?
>
> Anybody have any suggestions?
>
> Thanks
> -
In Design View, not seeing PHP includes
I'm on a new Vista laptop using DW CS3, and pages whose
contents displayed
in Design View before aren't displaying in Design View.
They're PHP pages
with some includes, such as this one:
http://www.miraverse.com/manifold20/studio/music-room.php
In Design View, I only see the non-include parts of the page.
That preference under Invisible Elements, to view SSIs in
Design View, IS
checked.
Any help will be MUCH appreciated!
Patty Ayers | Adobe Community Expert
www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet>I see that you wrote, "But if you want to work with DW,
you must not have
> <html>, <head>, or <body>
> tags in your includes."
I conditionally retract that statement, since CS4 seems to
tolerate this
pretty well.
Let's restate it this way -
If you have such tags in your include files, then you MUST
NOT HAVE THEM IN
THE PARENT PAGE. In other words, the final assembled page
must have only a
single set of <html>, <head>, or <body>
tags.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"hbograd" <[email protected]> wrote in
message
news:[email protected]...
>I see that you wrote, "But if you want to work with DW,
you must not have
> <html>, <head>, or <body>
> tags in your includes."
>
> I'm a generally experienced computer user (but not a
programmer), but new
> to
> web design and dreamweaver. I just had a volunteer web
designer go through
> our
> nonprofit group's big website and create a test site
converting all .html
> files
> to .php, and using server side includes. The test site
seems to work now
> in
> Firefox and Internet Explorer, but I can't view the
stuff from the
> includes in
> Dreamweaver. Our volunteer has no experience with
Dreamweaver.
>
> It sounds like the key to the problem might be that he's
used <html>,
> <head>,
> or <body>
> tags in our includes. Here, as an example, is the text
of footer.php:
>
> </div></body></html>
>
> Is the solution to re-enter the <html>,
<head>, and <body> tags in each
> individual file? I'd love to see an example of where
they go in relation
> to the
> includes.
>
> A more basic question: When people talk about "SSI's" in
this forum, do
> they
> mean server side includes?
>
> Can you point me to any kind of tutorial or other
resources that deal with
> using server side includes with Dreamweaver?
>
> Thanks.
>
> Harriet
>
>
>
>
>
> "</div></body></html>
> -
Design View Renders YUI CSS Incorrectly
I am evaluating Dreamweaver CS3 and find that opening a web
page using YUI reset-fonts-grids CSS does not render correctly
within design view. I'm rather surprised by this since improved CSS
support is supposed to be a major feature of this version.
Am I missing something? Or does rendering CSS styled pages
remain a problem with Dreamweaver?SumBodyElze wrote:
>> And interestingly enough, neither do the browsers.
So you will always need to
> test your
> > pages in the browsers that matter to your end
users.
>
> True. But the whole point of using YUI's CSS is to
minimize the discrepancies
> from browser to browser.
Remember that that CSS is optimized for display in browsers,
not within development tools. Dreamweaver won't respond to the
hacks (see below) the same way a browser will.
> Anyway, here's the actual page:
>
http://www.eugenebarnes.com/dw_cs3_test/index.php
>
> And here's a screen capture of the same page from
Dreamweaver CS3:
>
http://www.eugenebarnes.com/dw_cs3_test/DW_CS3_screen.gif
>
> As you can see, Dreamweaver fails to stretch the inner
DIVs to their full
> width in display view. It doesn't even come close.
There no way I'm going to go through all the compressed
mashed up code for the CSS that you have attached to your document
to see if there are any issues with some specific CSS in there.
A casual glance at the CSS code *seems* to indicate that the
code does include some CSS hacks to accomplish what it does for
browsers. Because DW isn't a browser, it won't have the same CSS
parsing issues as a browser has (not to say that it won't have any
issues). It will react differently than browsers will to the hack
code, and potentially to "regular" code as well. Once you throw a
hack into the mix, you're really not working in a realm that
Dreamweaver will be able to accurately represent the hacks.
You might be able to work around some of the issues by
creating a new CSS file and attach it as a design time style sheet
( Text -> CSS Styles -> Design time) , and set the width of
the wrapper for the columns to something that displays what you
want it to, perhaps it's 100% or perhaps its a fixed width. That
may allow Dreamweaver to display the content similar to the way
that your browser does.
HTH
Danilo Celic
| Extending Knowledge Daily :
http://CommunityMX.com/
| Adobe Community Expert -
Design View and a CSS Div layout page
There are a few pages l
ike this. I am assuming it is because everything is layed out w
ith div tags, but there mush be a way to correct the desging view. Everything shows up great o
nline. Here is a screenshot:
Here is the code:
<body onload="initHomePage(); addReferToLinks();">
<!-- ################# TOOLBAR ############## -->
<script type="text/javascript" src="/shared_assets/toolbar_v2/toolbar.js"></script>
<!-- end TOOLBAR -->
<img src="/profile/image/logo_linknet.gif" />
<!-- Main div for entire page layout -->
<form name="frmSearch" action="" method="get" title="Resources" class="scopedSearch">
<input class="textInput" name="qt" value="THIS SECTION ONLY" id="searchField" size="20" />
<input class="button" type="submit" value="Search" name="submit" />
<input type=hidden name="col" value="mpr dno dnos1" />
</form>
<div id="main">
<!-- ###################### LEFT NEWS ################################## -->
<div id="newsBox" class="box">
<div class="boxHeader">
<div class="headerLeft"><h2>MP News</h2></div>
<div class="headerRight"><a href="/news/news/index.htm" class="more">more »</a></div>
</div>
<div class="boxContent">
<h3>
<script type="text/javascript">var x=new Date(); document.write(x.toLocaleDateString());</script>
</h3>
<div id="newsContent">
<div class="loading">
Loading...
</div>
</div>
<!-- -->
<h3>My Subscriptions</h3>
<ul style="list-style-type:none;">
<li><a href="http://rss/">Setup Subscriptions - Get Help</a></li>
<li><a href="http://">View Subscriptions</a></li>
</ul>
<!-- MEDIA CENTER -->
<div class="imgFrame"><a href=""><img src="image/mc_logo2.jpg" alt="Media Center" hspace="0" vspace="0" border="0" /></a></div>
<!-- COLUMNS -->
<div class="imgFrame"><a href="http/"><img src="image/columns.gif" hspace="0" vspace="0" border="0" alt="The Northwestern Columns" /></a></div>
</div>
</div>
<!-- #### end LEFT NEWS ########### -->
<!-- ###################### CENTER CONTENT ################################## -->
<div id="content">
<!-- MAIN CONTENT WELL -->
<!-- optional notice (visible only when critical news exists) -->
<div id="alert" class="box highlightBox">
<div class="boxHeader">
<div class="headerLeft"><h2>Important Notice</h2></div>
<div class="headerRight"> </div>
</div>
<div id="alertContent" class="boxContent">
<div class="article">
<a href="" class="headline">Avoid lock out - Install LINK 22.2 now</a>
Users who do not install LINK 22.2 before the version enforcement date of July 31 will be
unable to access their PCs.
</div>
</div>
</div>
<div id="home_page_id">) Home Page</div>
<!-- Activities -->
<div id="activities" class="box highlightBox">
<div class="boxHeader">
<div class="headerLeft">Welcome<span id="username"></span><h2>What would you like to do?</h2></div>
<div class="headerRight"> </div>
</div>
<div class="boxContent">
<div style="width:100%;">
<ul>
<li><a title="Find information and tools for recruiting new representatives" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Recruiting: <select style="font:message-box; width:19em;" onchange="if(this.value){window.navigate(appendReferer(this.value))};">
<option name="selectRecruit" selected="selected">*** make selection ***</option>
<option value="http.htm">Sourcing & Prospecting</option>
<option value="http://.htm">Selecting & Assessing Candidates</option>
<option value="http://_process.htm">Post Acceptance Process</option>
<option value="http">Developing an Internship Program</option>
<option value="http.htm">Tracking Activity, Results & Accountability</option>
<option value="http://.htm">Recruiter Development</option>
</select></a></li>
<li><a href="/objective/mpr_secure/mp_ldorgdev.htm" title="Find information and tools for developing leaders in your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Leadership & Organizational Development </a></li>
<li><a href="/objective/mpr_secure/mp_supvsn.htm" title="Find information and tools for effective supervision" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Supervision</a></li>
<li><a href="/objective/mpr_secure/mp_stfop.htm" title="Find information and tools for managing your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Staffing & Operations</a></li>
<li><a href="/objective/mpr_secure/mp_plnperform.htm" title="Find information and tools for business planning and performance monitoring" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Planning & Performance</a></li>
<li><a href="/objective/mpr_secure/mp_mngmntcompben.htm" title="Find information regarding income, fees, expenses, allowances and benefits" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Management Compensation & Benefits</a></li>
<li><a href="/objective/mpr_secure/mp_repdev.htm" title="Find information and tools regarding mentoring and professional growth" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Representative & Specialist Development</a> </li>
</ul>
<div id="slideshow1" class="activitySlideshow" style="height:212px;">
<img src="image/slideshow_photos/photo06.jpg" />
<img src="image/slideshow_photos/photo07.jpg" />
<img src="image/slideshow_photos/photo08.jpg" />
<img src="image/slideshow_photos/photo09.jpg" />
<img src="image/slideshow_photos/photo10.jpg" />
</div>
</div>
</div>
</div>
<!-- Lower div under activities (2 columns) -->
<div class="leftColumn">
<!-- Events Calendar -->
<div class="box">
<div class="boxHeader">
<div class="headerLeft"><h2>Events Calendar</h2></div>
</div>
<div class="boxContent"><ul>
<li>April 25-30<br />
<a href="http_020110.htm" target="_blank"></a></li>
<li>May 12-14<br />
<a href="http://030510.htm" target="_blank"></a></li>
<li>June 16<br />
<a href="http://.htm" target="_blank">Series conversation</a></li>
</ul>
</div>
</div>
<!-- Spotlight -->
<div class="box">
<div class="boxHeader">
<div class="headerLeft"><h2>Spotlight</h2></div>
<div class="headerRight"> </div>
</div>
<div class="boxContent">
<div class="article">
<!-- Leave "Market volatility resources available" at the top -->
<div class="headline"><a href="http.htm?tern Mutual Association dues decline form available</a> </div>
The $25 association membership fee will be charged to June 30 home
office supply bills. Representatives who wish to decline membership
may submit a <a href="http://.htm" target="_blank">decline
form</a>.
<div class="headline"><a href="http://.htm">Surplus notes information available</a> </div>
Find answers to common questions and hear insights from about the company’s recent surplus notes offering.
<div class="headline"><a href="http://.htm">Stay up to date on 2010 estate tax repeal </a> </div>
Consider the new Estate Tax Repeal page on LINKnet “home base” for information on the 2010 repeal and resources to use when talking to clients about this topic.
<div class="headline"><a href="http/index.htm">Withstanding Market Challenges</a> </div>
Access resources to highlight the company’s strength and stability, find sales strategies and share marketing and market-related materials to help address client concerns.
<div class="headline"><a href="http:///year.htm">Dividend resources available</a> </div>
The Current Year Scale page on LINKnet provides the latest information
and sales support materials based on the 2010 dividend announcement.
<!-- Leave "Market volatility resources available" at the top -->
</div>
</div>
</div>
</div>
<div class="rightColumn">
<!-- Approaching Deadlines -->
<div class="box">
<div class="boxHeader">
<div class="headerLeft"><h2>Approaching Deadlines</h2></div>
</div>
<div class="boxContent">
<ul>
<li>April 30: <a href="http.htm">Submit 2010 Commitment to Excellence Award nbominee</a></li>
<li>May 25: <a href="http.htm">Submit applications for Intern Community Service Award</a></li>
<li>June 30: <a href="http://pdf">Submit 2010 Managers Membership Award Application to NAIFA</a> <img src="/shared_assets/image/doc_icons/pdf.gif" alt="PDF File" /></li>
</ul>
</div>
</div>
<!-- Tech Alerts -->
<div id="techalerts" class="box">
<div class="boxHeader">
<div class="headerLeft"><h2>Priority Tech Alerts</h2></div>
<div class="headerRight"><a href="http://.htm" class="more">more »</a></div>
</div>
<div class="boxContent">
<div class="loading">
Loading...
</div>
</div>
<iframe name="techalerts" src="/statusdisplay/001_summary.htm" onreadystatechange="if(this.readyState=='complete'){this.previousSibling.innerHTML = formatTechAlert(frames['techalerts'].document.body.innerHTML);}"></iframe>
</div>
</div>
</div>Dreamweaver is pretty good these days at showing the page in Design View how it will be viewed when online. HOWEVER having said that it does largely depend on the way you write the css.
I guess for Dreamweaver it's impossible for it to show every concievable way you can write css correctly. Unfortuantely if your css is not compatible with what Dreamweaver likes it won't make a great job of rendering the site correctly in Design View, that's always been the case.
The css is not wrong but I've seen many display issues in Dreameaver Design View caused as a direct result of the css being overly complex to crack simple presentation. I guess it's in the lap of the gods if you are fortunate enough to have found the way to write css that Dreamweaver likes. -
Trouble printing webpage designed in DW using CSS
I'm using CSS for the first time to design a website in Dreamweaver MX 2004. I'm using a stylesheet for all of the styling, but when I preview the document in the browser, and try to view it in print preview, the printer continuously spools more and more pages for printing. There shouldn't be any more than 2 - 3 pages for the printer to spool, but it keeps spooling pages until I have to cancel the document altogether. I've tried to create another external "print' stylesheet, but that hasn't had any affect on the printer spooling the document continuously. Any ideas on what could be causing this? Thanks for any assistance that you can provide.
I don't believe that it's either my browser or my printer. Both of those seem to be working fine whenever I print out other webpages. I think that it may be something going on with my coding. I've attached a copy here. Maybe you can help me troublehoot it.
Thanks, -
Design view no longer displaying included files properly or at all
Hello,
The site I need help with is a classic asp site. I am using Dreamweaver CS5.5 and am working in Windows 7 Professional.
For over a year I have been opening files directly from two separate servers (one is testing, the other is live) and the files previewed fine in design view. One day design view stopped working for asp files on both servers and I do not know what caused this. HTML files still preview fine.
On the live server, design view is not recognizing the included files at all. On the test server design view is recognizing the html from the includes but not any images or files with a "/" as the first character in the path.
The loss of design view is making my styleing very challenging. I think I need to tell dreamweaver where the root of the testing and live server are. I'm not sure is this is the solution and if it is I am not sure how to implement it. Perhaps I should try to uninstall/reinstall Dreamweaver. Any help would be greatly appreciated. Thank you.
PaulPlease show us the code from a sample parent page and an included page.
-
Hi
I have just started to use css. When I publish the html page
which uses the css everything looks great but when I try and view
the page in deign view I can only see 1 layer - the footer. The
"prevent overlap box" in the layer panel is not checked and all
layers are "Visable" and all have the "Eye icon" next to them. I
have a horrible feeling that I'm being thick!!. I'm using
dreamweaver MX V6. Can someone PLEASE tell me what I need to do,
learning css is hard enough and I'm afraid my brain is going to
explode if I can't sort this out.
Thanks to anyone taking the time to read this
Welsh Babe
If it's any help you can see the page by going to
http://www.kingsandqueenswales.com/layout.html>It can get very confusing for people just staring out.
Oh boy, ain't dat de troof!
Jo
"Osgood" <[email protected]> wrote in
message
news:[email protected]...
> Welsh Babe wrote:
>
>> Hi
>> I have just started to use css. When I publish the
html page which uses
>> the css everything looks great but when I try and
view the page in deign
>> view I can only see 1 layer - the footer. The
"prevent overlap box" in
>> the layer panel is not checked and all layers are
"Visable" and all have
>> the "Eye icon" next to them. I have a horrible
feeling that I'm being
>> thick!!. I'm using dreamweaver MX V6. Can someone
PLEASE tell me what I
>> need to do, learning css is hard enough and I'm
afraid my brain is going
>> to explode if I can't sort this out. Thanks to
anyone taking the time to
>> read this
>> Welsh Babe
>> If it's any help you can see the page by going to
>>
http://www.kingsandqueenswales.com/layout.html
>>
>
> I can see all of your layers in v7 of DW design view.
>
> However I'm afraid I have bad news. You are not going
about using css to
> position your elements in the correct way.
>
> Laying out a page using layers, which are absolutely
positioned, is only
> going to get you deeper and deeper into trouble.
>
> If you are wanting to leap from a table design to an all
css design then
> the learning curve is going to be steep and has little,
or nothing to do
> with using layers.
>
> A good all css design uses <div> containers not
layers. Although they
> appear to be the same they are not. It can get very
confusing for people
> just staring out.
>
> A layer is an absolutely positioned container to which
you give a top and
> a left position. IT WILL NOT MOVE FROM THIS POSITION.
This is usually not
> desirable. Test out your current construction by using
the zoom text tool
> available in most modern browsers. See how quickly the
page breaks down as
> the layers being to overlap one another.
>
> A <div> container is mearly a box into which you
load content. You can
> then give it a position on the page by using margin or
you can float
> <divs> to put them side by side.
>
> If you know how to use tables then I would strongly
recomend you stay with
> them until you know how to position correctly using css.
You can still use
> css to style tables, there is nothing wrong with using
simple tables.
>
> If you want to study how to use css correctly for
positioning take some
> time out and read through a couple of tutorials:
>
>
>
http://www.projectseven.com/tutorials/css/qdmacfly/index.htm
>
>
> Tutorial 8 and 9 here
>
>
http://css.maxdesign.com.au/floatutorial/
>
>
>
>
>
> -
Includes no longer displaying in design view
Somehow my #includes are not showing in split or design view. Example: <!--#include virtual="/includes/topNav/topNav_housing.asp"-----------> This would be my header and navigation file. In the past it showed in design view right at the top of the page. Now not displaying. I know design view is not accurate and not neccessary, but really bugging me that I can't see the whole page anymore.... Side Note: my home page index file located in the root folder DOES display this info. All files located down a level do not.
These have been showing for years, now in CS5 and previously in version 8. I didn't change any settings, they just stopped showing today. The pages work properly online. I use this code snippet for a variety of objects per page. All .asp files. I feel like something stupid accidentally got changed. Just not sure what. I have found lots online about initial set-up errors, but mine was working.
advice?Thanks Nancy... Here is what I found. Maybe you (or someone could shed some light on this for me).
Here is what is placed in all of my documents:
<!--#include virtual="/includes/topNav/topNav_housing.asp"----------->
The home page that displayed properly in Dreamweaver looked like this:
<!--#include virtual="/includes/topNav/topNav_home.asp"-->
Removing all but two of the dashes as the end of the code snippet fixed the problem and the Header started to disply in Design view. I am not a programmer, and my HTML/CSS knowledge is self taught, but this code has been in place from a previous designer for years. Does it make a difference? What could have changed? I have thousands of these pieces in my site, I guess I need to fix them all..... -
Cannot view css styles in design view
Is there a way to get Dreamweaver to display style in design
view when the css files are in virtual folders?
Have tried using ASP (Vbscript) snippet to write in the
server URL and using Liveview, but still doesn't display. It
appears that DW only recognizes hard coded relative links or hard
coded full URLs.
Browser displays these documents with no errors.
Please Help! I have users who will be confused attempting to
edit the documents without visible style, and need to use the
virtual folders.
Thanks.
Sean> Is there a way to get Dreamweaver to display style in
design view when the
> css
> files are in virtual folders?
Try using Design Time Stylesheets.
Open the Design-Time Style Sheets dialog box by doing one of
the following:
1. Right-click in the CSS Styles panel, and in the context
menu select
Design-time, or
2. Select Text > CSS Styles > Design-time.
Regards
John Waller -
.clearfix css doesnt render in DW Design View
I have used the css .clearfix code in my site to enable two
divs to clear a floated element. It works fine in browsers like
IE6, IE7, FF, Safari, etc. But the clearfix code doesnt make the
divs clear when I am designing in Dreamweavers Design View. They do
not clear. I have to use <br style="clear:both;"/> after the
two divs to make them clear in Design View.
The problem is that actually adding <br
style="clear:both"/> after the two divs in DW renders the
.clearfix solution redundant as it has the same effect of clearing
the float.
Basically Im saying its a shame that the excellent .clearfix
code doesnt render in Desing View. Or does anyone know how to make
it render in Design View without using the <br style... code?
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */Hi there, in case anybody comes across this issue again, I had the same prob, compounded by 'edge case' situations where the .clearfix class wasn't enough. A solution (not ideal, but it does solve the problem) can be found here:
http://forums.adobe.com/message/130568#130568
It involves using a float clearance CSS technique, and then adding markup to enforce clearance in Design Mode, as suggested by Billy - the differnce is that you also set line-height and height styles to 0px on the added markup. I know adding markup is hardly ideal, but I added an alt="PLACEHOLDER" attribute to my markup clearance div (or <br /> in Billy's case), so I could 1) search and replace it out it later and 2) generate a validation error so I definately wouldn't miss it.
-d -
Organising text into columns using CSS?
Hello again guys,
Another day another problem.
This community has been really friendly and helpful so far with what I'm sure must appear to many of you to be really simply problems, so I'm hoping that you can bear with me and help me out again!
Basically, I'm designing my page using CSS, and I've come to a part where I would like to have 3 columns of text, of a fixed width, with a fixed gap in between. Using my very limited knowledge and experience, I inputted the code that I thought would work, but whenever I go to enter more text, it doesn't jump to a new line when it reaches the maximum width of the column, it carries on on the same line and pushes the rest of the text across.
How do I sort this out?
I can't actually upload my site until Monday, but I've included some screen below which I hope will help.
Thanks again guys.
Text in columns:
http://i51.tinypic.com/2s9vyhg.png
When I type some more, it doesn't stay in the column width:
http://i55.tinypic.com/dlno7b.png
The code that I thought would work:
http://i54.tinypic.com/yjoed.png
http://i56.tinypic.com/2dax46c.pngHi Murray,
Apologies. I had made a mistake. I've got it working now. Thank you.
Another tiny thing, if you check out this screen:
http://i54.tinypic.com/elcep.png
you can see that the line starts right near the top, and goes all the way down to the bottom.
Is there some way to amend the code that you gave me to adjust the height of the line? I tried adjusting the size of the image but that didn't seem to have an effect?
Ideally, I would like to line at the top of the 'T' of 'This is a news story', and finish at the bottom of the 'M' of 'More'. That height.
Something else which has confused me. I have that 'More' link aligned to the right, and in my design view in DW it is so aligned, but then when I preview the page, it jumps to the left hand side of each column. The alignment seems to disappear when the page is 'live'?
Thanks again for all of your help. You really are a star!
Maybe you are looking for
-
Long time no visit! I haven't been here for a while coz all my ipod/itunes has been going so well - many updates went thru very easliy. Our household seems to be awash with ipods and 3 PCs running iTunes all very happily! However (groan!) I tried to
-
I just got the IPhone 4 & It's not sending/receiving messages
Hello, I just got the I Phone 4 just a few days ago & I can't receive or send any messages to non- I Phone phones. Or receive any calls . and they can't get my texts... Whats up with this?
-
Burning songs from itunes Please Help !! Help help Help!!
Is there a way i can burn songs right from itunes onto a jump drive ?! please help me or could i compress them when i burn them onto itunes so i could fit like more then 20 songs on a disk?!
-
Page Content Won't Display in Contribute (Edit Mode) or Dreamweaver (Design View)
I have pages on my site that have decided they don't want to display content either in Contribute (in edit mode) or in DreamWeaver (in design view). They always look fine in Live view, prior to hitting the 'edit' button or when viewing in a browser.
-
Gingerbread is out, tech support and store reps state I should be able to get the update... I am concerned with all the negative posts about the update.... Verizon is suspsosed to be super huge and awesome network....what makes some people more eligi