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.
Similar Messages
-
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. -
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. -
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 -
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? -
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
> -
Design view not displaying but code view is ok
Hi Everyone,
my design view in dreamweaver cs5.5 is not displaying anything but all the code is there and my page online is working fine http://www.exclusivewindowtint.com.au/car-window-tinting.html
How can i fix this as easy as possible? this is only happening to this one page on my website.
Thank You
GeorgeI have to second Murray on this.
I will go a step further and say ignoring errors on your site because someone else's site has some is extremely poor advice, especially considering the volume of people visiting this forum alone with a random display problems that are solved by simply correcting the errors found in the validators.
Restoring from a backup may work this time, but why did it work? That's where validation, and understanding what the validator is telling you, pays off. You somehow inadvertantly mangled your table code, will that ever happen again? What happens if your backup also has the same mangled code next time?
Some validation errors are never going to affect display and can be completely ignored from a "how does this affect my design" point of view, like missing an alt attribute on an image for instance. Others, like missing or improperly nested html elements, can kill your design in browsers or rendering engines that can't handle major errors (like most versions of IE or DW's Design View) while everything looks fine in a browser better programmed to handle problems (like Chrome or Firefox).
Bottom line is, the validators are extremely useful tools, do not ignore the error report unless you understand which errors can be ignored. -
I only see "PHP" icons in Design View, not the executed code
I have setup a new database installation and tested it - no problem. I can open my webpage in Firefox, and the php code executes properly. When I imported this site into Dreamweaver, I am unable to see the results of any executed PHP code, just "PHP" icons.
Is it possible to view the results of the executed PHP code in Dreamweaver. I'm not talking about complicated PHP code, just a bunch of 'echo' statements really.
Thanks from a DreamWeaver newbie.I have moved your thread to the appropriate forum, Dreamweaver Application Development, which is where PHP-related issues should be discussed.
In answer to your question, PHP is a server-side language that needs to be parsed (executed) through a web server capable of handling PHP code. In order to see the output of the PHP code, you need to set up a testing server. Instructions on how to do so can be found in this article in the Dreamweaver Developer Centre. Once you have set up a testing server, you can see the output of the PHP code in Design view by activating Live View (in Dreamweaver CS4) or Live Data view in earlier versions of Dreamweaver. -
I want to control the front panel of a lab View program with C code??
I want to be able to run lab View via Corba. So I need some way to control my lab Vew programs with C code. I really hope this is enough INFO.
Hi Mikey,
As mentioned by the guru more details would help us help you.
Do you just want to start the LV app from Corba?
Do you need to specify start-up value for the LV app?
Do you want want Corba to Fiddle with buttons and controls on the FP of the LV app?
Please outline your "dream" and we will let you know what is possible.
Ben
Ben Rayner
I am currently active on.. MainStream Preppers
Rayner's Ridge is under construction -
Edits in Design View effect Indenting in Code View
I am not sure why, and if there is a resolution, to making
edits in Design View which change indents to my code in the Code
View?
If I indent my code for easier reading in the Code View and
make a change in the Design view, the indenting is changed when I
go back to the Code view.
Any solutions or work-arounds anyone might know of?
Many thanks in advance.Martin,
> If I indent my code for easier reading in the Code View
and make a change in
> the Design view, the indenting is changed when I go back
to the Code view.
First, go to Edit > Preferences > Code Format and make
sure that your
indent settings match how you want tags to be indented in the
general case.
If you have any particular tags that you want to change the
formatting
for, then go to Edit > Tag Libraries..., choose the type
(e.g. HTML) and
then the tag.
HTH,
Randy -
Accented characters copied into design view not converting in code mode?
Hello!
I just upgraded from Dreamweaver MX to CS6 (patched to v12.0.3) and am having a problem with French characters. In the past, I copied text that contained accented characters like "é" and, when I pasted it into the Design window, I could see in the Code window that the accented characters would be converted into "& eacute;" (without the space) so that it would show up properly in all broswers. This doesn't seem to be the case with CS6 - it is just pasting the "é". This is a very large problem for me - does anyone know how I can restore whichever setting it is that will cause the paste function to work the same way it did in DW MX?
I've tried playing with the settings in Edit --> Preferences --> Code Rewriting and with New Document --> Default Encoding, but I guess I just haven't found the right combo to get it to work.
Any help would be appreciated!
Thanks,
-CherieIf I understand it correctly, it doesn't. I know that modern browsers would be able to understand the characters if it is encoded with UTF-8, but I need older browsers and adaptive technologies to be able to understand the accented characters, so I don't think I can go with UTF-8 yet.
-
Hello,
I am still having trouble with a web page that I was asked to
redesign. I decided to implement CSS into the page to change the
appearance and navigation, however, the javascript (inherited) that
was used on the page is having problems. I don't not know
javascript, therefore I really can't address that issure right now.
The page is centered in all of the browsers, along with the
header and the container for the tab menu. The issue is the other
containers that have side navigation or the content within the tab
menu container.
My concern is that the page is viewing correctly in IE6 and
Opera but not in Netscape and Firefox. When I preview the page in
the browsers, I get an error message in the status bar "done but
errors on page" (still views correctly in IE & Opera).
Hopefully, this all makes sense and everyone is not off
enjoying pre-4th July celebrations to respond. -Thanks!
css styleDid you post a link to your page?
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
==================
"Iwannaknow2" <[email protected]> wrote in
message
news:e8b5du$9q2$[email protected]..
> Hello,
>
> I am still having trouble with a web page that I was
asked to redesign. I
> decided to implement CSS into the page to change the
appearance and
> navigation,
> however, the javascript (inherited) that was used on the
page is having
> problems. I don't not know javascript, therefore I
really can't address
> that
> issure right now.
>
> The page is centered in all of the browsers, along with
the header and the
> container for the tab menu. The issue is the other
containers that have
> side
> navigation or the content within the tab menu container.
>
> My concern is that the page is viewing correctly in IE6
and Opera but not
> in
> Netscape and Firefox. When I preview the page in the
browsers, I get an
> error
> message in the status bar "done but errors on page"
(still views correctly
> in
> IE & Opera).
>
> Hopefully, this all makes sense and everyone is not off
enjoying pre-4th
> July
> celebrations to respond. -Thanks!
> [email protected]
> -
Problem with PHP, CSS & Code Navigator in CS4
Hi,
I've got al little problem with code navigator. To show the problem, I created this 3 files:
test1.html
The CSS-Definition is defined static, with simple HTML.
<html>
<head>
<style type="text/css">
@import "test.css";
</style>
</head>
<body>
<p>Hello World</p>
</body>
</html>
test2.php
The CSS-Definition is defined dynamic, with PHP-Code.
<html>
<head>
<style type="text/css">
<? echo "@import \"test.css\";\n"; ?>
</style>
</head>
<body>
<p>Hello World</p>
</body>
</html>
test.css
The CSS-File which is imported in test1.html and test2.php
p {
font-size:20px;
The Problem in Dreamweaver CS4
When opening the test.html - File in Dreamweaver CS4, I can easily see the CSS-Definition of the <p>-Tag in Code Navigator. To edit these definition I can simple open the test.css by clicking on the definition in Code navigator. For a complex webpage this is a greate feature. Sadly, this does not work, when I open the test2.php. Although when going to Live View and selecting the <p>-Tag I can see the CSS-Definition and the file in which it is defined in Code Navigator. But by clicking on the definition the test.css DOES NOT OPEN!
Has anybody a solution? Because many of our projects have dynamic CSS-Definitions, it would be a shame, if this would not work.
Tanks for help! :-)I've done some testing, which might point you in the direction of an interim solution.
This is the code for related_files.php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Related files test</title>
<?php include('include.css'); ?>
</head>
<body>
<p>This is a paragraph.</p>
</body>
</html>
This is the code for include.css:
<style type="text/css">
p {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#F00;
</style>
Note that the include file contains the opening and closing style tags.
By including your styles like this in a PHP include file, Dreamweaver applies the CSS in Design view (you don't need to turn on Live View). Holding down the Alt key while clicking in Design view brings up the Code Navigator with all the details of the CSS. The one missing link in the chain is that clicking the style selector in the Code Navigator does not open the CSS file. However...
The file that contains the CSS is listed in the Related Files toolbar, so you can edit it in Split view, and see the results in Design view in exactly the same way as with an HTML page and ordinary style sheet.
As I say, not the full solution that you wanted, but it might be something worth experimenting with. -
It's in the code, but not in Design View...
I'm making a few small changes to the template of my site, and an odd problem has cropped up...
Here's the front page of the site: http://www.nemesis.to
The whole site has the same basic layout (only the "maincontent" div, the big space with a black background, has different stuff from page to page).
I'm trying to make some changes to the links in the grey panel at the top of every page - this is a div named "header2".
Somehow, I've managed to make the entire "header2" div vanish from Design View. But its code is still present and correct in Code View.
In Design View, I just see the white panel at the top of the page (the div named "header") with all its content, then the big area with the black background (the "maincontent" div), also with all its content. The grey panel which should sit between them has gone. But its code is all there!
I have no idea what caused this, or how to get Design View to show everything. I don't dare save the template, or upload any of my changes, in case the links panel disappears from my site, but I've undone all my changes so the code I'm looking at in Dreamweaver is exactly as it appears if you look at 'View Source' on the uploaded pages...
Unless, of course, I've missed something. All wise words gratefully received, because I 'm lost!This is the style sheet for the problem page....and I think I may have spotted an error. "header2" is only 300 pixels wide by 50 pixels tall. That's way smaller than it should be!
Having said that, I have no idea how that could've changed, since I didn't (knowingly) alter anything...
I'm also not sure why I have so many font declarations. Again, I didn't knowingly do it that way. I was under the vague impression that Dreamweaver flagged up redundant code...
Anyway, here comes the CSS. "header 2" should be the same width as "header" so I think that's where the problem lies...
body { font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-color: #333; text-align: center; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; height: 40px; width: 960px; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; } #container { font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-color: #000; text-align: left; width: 960px; margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto; border: 4px solid #FFF; padding: 0px; } #header { background-color: #FFF; width: 940px; height: 268px; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; } #header2 { text-align: left; width: 300px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 4px; border-left-width: 0px; border-bottom-style: solid; border-bottom-color: #FFF; background-color: #CCC; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; color: #000; border-top-color: #FFF; float: right; height: 50px; } #maincontent { font-family: Arial, Helvetica, sans-serif; color: #FFF; background-color: #000; text-align: left; width: 920px; overflow: hidden; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } #footer { background-color: #CCC; text-align: center; padding: 10px; width: 940px; border-top-width: 4px; border-top-style: solid; border-top-color: #FFF; overflow: hidden; } #footer2 { color: #000; width: 920px; border-top-width: 4px; border-top-style: solid; border-top-color: #FFF; background-color: #CCC; height: 90px; overflow: hidden; padding-top: 20px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } a { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; font-weight: bold; } #container #header #masthead { background-color: #FFF; text-align: left; float: left; height: 260px; width: 550px; padding-left: 15px; } #container #header #topadbox { background-color: #FFF; border: 4px solid #666; } #container #header #topadbox { background-color: #FFF; float: right; height: 250px; width: 300px; padding: 0px; margin-right: 0px; border-top-width: 6px; border-right-width: 20px; border-bottom-width: 6px; border-left-width: 20px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; } #container #footer #bannerbox { height: 90px; width: 728px; overflow: hidden; float: none; margin-right: auto; margin-left: auto; } #container #footer2 #creditsbox { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; color: #000; background-color: #CCC; text-align: left; float: left; height: 90px; width: 250px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; } #container #footer2 #creativecommonsbox { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; background-color: #CCC; text-align: left; float: left; height: 90px; width: 500px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; line-height: 14px; } #container #footer2 #backtotopbox { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; background-color: #CCC; text-align: left; float: left; height: 80px; width: 100px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; } .floatleft { float: left; margin-right: 8px; margin-top: 0px; margin-bottom: 8px; margin-left: 0px; } #container #footer2 a { } #container #footer2 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; } .overalltitle { font-family: Arial, Helvetica, sans-serif; font-size: 38px; font-weight: bold; color: #FF0; } .headlineband { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #FFF; } .supportband { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; } .datedetails { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: italic; font-weight: bold; font-variant: normal; color: #FFF; } .maintext { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; line-height: 19px; } .floatright { margin-top: 6px; margin-bottom: 6px; margin-left: 8px; } #container #maincontent #archiveboxleft { font-family: Arial, Helvetica, sans-serif; float: right; width: 400px; margin-right: 40px; } #container #maincontent #archiveboxright { font-family: Arial, Helvetica, sans-serif; float: left; width: 400px; padding: 0px; margin-left: 40px; } #maincontent #archiveboxright p a { font-family: Arial, Helvetica, sans-serif; color: #F00; } #container #footer2 #creditsbox a { } #container #header2 a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; } #container #maincontent #archiveboxright p a { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; } #container #maincontent #archiveboxleft a { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; } #container #maincontent .maintextbigger a { font-family: Arial, Helvetica, sans-serif; font-size: 20px; } #container #maincontent .maintextbigger a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; } .centreimage { text-align: center; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #container #maincontent .linkbox { background-color: #000; height: auto; width: 500px; margin-top: 0px; margin-right: 210px; margin-bottom: 0px; margin-left: 210px; padding-left: 20px; } #container .searchsection { text-align: center; height: 30px; width: 660px; border-top-width: 4px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFF; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; background-color: #CCC; padding-top: 10px; padding-right: 150px; padding-bottom: 10px; padding-left: 150px; margin-right: auto; margin-left: auto; overflow: inherit; } .specialheading { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; line-height: normal; font-weight: bold; color: #FF0; } .specialheading2 { font-family: Arial, Helvetica, sans-serif; font-size: 36px; font-weight: bold; } .searchtext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .frontpagecreditstext { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .maintextbandname { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FF0; font-weight: bold; } #navigationbox { background-color: #CCC; float: left; height: 50px; width: 550px; } -
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
Maybe you are looking for
-
Runtime Error............pls help...........
Hi, My scenario is like that R/3 and SMIS systems ae sending acknowledgement files to FTP in a folder. XI has to pick all the files from FTP and has to post to ORACLE by using JDBC adapter.There is a particular format based on that we need to map
-
Split and add Even and odd numbers
Hi All, I got a seven digit number any number say for example (6581231). Now i need to add even number and odd number separately. Output should be 6 + 8 + 2 = 16 5 + 1 + 3 + 1 = 10 Thanks S
-
My printer won't do duplex scan, and I need to scan a large amount of 2-sided text. So I'm going to create one document of the odd-numbered pages, and another of the even-numbered pages. I know I can manually combine them into the right order, but I'
-
Invoke command in new dos window
is there any way that i can invoke a command in a new dos window from java application? such as runtime.exec("dir"); it will open another dos window, and run dir in it. thanks
-
I get the following error when referencing a c:out value when it is a var using Workshop 10.0. For some reason I just cannot get it to work. The error: Static attribute must be a String literal, its illegal to specify an expression. The code: <%@ pag