Dreamweaver CSS displayed overlaps

I am using Dreamweaver 8 and when I was loading a page in
Dreamweaver and as usual typing ahead something briefly flashed and
disappeared. I assume it was some dialogue asking some question. I
never saw what it was but the end result was when Dreamweaver
loaded the page it was overlapping areas in the Dreamweaver
display. I've posted these before and after shots to show what
happened at DoylePark.com/dwerror.
I can't figure out what happened nor make sense of it because
if I load the page to the website it displays just fine but not in
Dreamweaver. Any suggestions on what happened? (I suspect
Dreamweaver was asking some display question and deleted or changed
something.) It has also affect every page on that web site (within
Dreamweaver) though not in other websites that use essentially the
same CSS style sheet - those still display ok so I assume the
problem is site specific.
Any suggestions would be very much appreciated.

If you are using an external stylesheet, it's probably a bad path to the CSS file.
See this link:
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
If that doesn't help, upload page to your web server and post a URL.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Similar Messages

CSS - Display issues in Explorer browser

I hate Internet Explorer. Just wanted to get that out front.
I did a website: www.siriusaboutdogs.org. Displays great in all
other browsers EXCEPT Explorer. I have played with the CSS over and
over and cannot get the right column where it belongs. Just used a
Dreamweaver CSS fixed two column layout. Didn't do a lot of
tweaking, just added a left margin on the main content to get that
over where i Needed it.
Any help would be greatly appreciated.

The trick is to make sure your HTML and CSS are all valid. In
your case,
neither are.
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww. siriusaboutdogs.org%2F
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.siriusaboutdogs.org%2F
Fix those and see how it looks.
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
==================
"cheryljames" <[email protected]> wrote in
message
news:glo5mh$n1b$[email protected]..
>I hate Internet Explorer. Just wanted to get that out
front. I did a
>website:
> www.siriusaboutdogs.org. Displays great in all other
browsers EXCEPT
> Explorer. I have played with the CSS over and over and
cannot get the
> right
> column where it belongs. Just used a Dreamweaver CSS
fixed two column
> layout.
> Didn't do a lot of tweaking, just added a left margin on
the main content
> to
> get that over where i Needed it.
>
> Any help would be greatly appreciated.
>

Dreamweaver not displaying last 30 lines of code, GoLive does display them

My issue here is that Dreamweaver is displaying lines 1
through 71 of an .html document but there are 124 lines of code
when opened in Go Live. Here are the undisplayed lines of code...
any suggestions on how to reveal them in Dreamweaver CS3?
<input type="hidden" name="id" value="1">
<input type="hidden" name="amount" value="1200">
<input type="hidden" name="amount_base" value="1200">
<input type="hidden" name="quantity" value="1">
<input type="hidden" name="item_number" value="3">
<input type="hidden" name="item_name" value="Sabre 2 - 300
Jumps">
<input type="hidden" name="on0" value="warranty">
<input type="hidden" name="or0" value="1">
warranty: <select name="os0"
onchange="UpdatePrice(this.form);">
<option value="None">Please
select</option><option
value="Warranty=100">Warranty</option>
</select>
<br>
<input type="image" src="images/ppcart1.gif" border="0"
name="submit" alt="">
</div>
</td>
</tr>
<tr>
<td colspan=2><div
class="paypalsb"></div></td>
</tr>
</form>
<script language="JavaScript">

</script>
</table>
</td></tr></table>

<p> </p>
</td>


<td width="20%" valign="top" class="ntkRightColumn">
<p><b><div class="paypalsb">Shopping
Cart</div></b></p>
<script language="JavaScript">

</script>
</td>

</tr>
</table>

<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr class="ntkBottomRow">
<td> 
<span class="paypalsb" style="color:
#808080;">©2005 NTK Software. All rights
reserved.</span>
</td>
</tr>
</table>
</body>
</html>

And the file is corrupt turns out to not be the answer....
Again I try a different fresh file that follows the same
guidlines and the code is cut off at line 92, there are 133
total.... I've provided the code below with a line to show what
shows up and what doesn't - Any suggestions?
<html>
<head>
<title>testing</title>
<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Expires" CONTENT="0">
<script language="JavaScript" type="text/javascript">

</script>
<script language="JavaScript"
src="ntkcartconfig.js"></script>
<script language="JavaScript"
src="ntkcartpp.js"></script>
<script language="JavaScript"
src="ntkcart.js"></script>
<script language="JavaScript"
src="menu.js"></script>
<script language="JavaScript"
src="ntkmenuconfig.js"></script>
<script language="JavaScript"
src="ntkcategoryconfig.js"></script>
<link href="project1.css" rel="stylesheet"
type="text/css">
<meta name="generator" content="PayPal Shop Builder
v2.0.0.1">
</head>
<body>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">

<tr class="ntkTopRow">
<td><img src="images/paypalsb_logo.png"
border="0"></td>
</tr>
</table>
<table width="100%" height="100%" border="0"
cellspacing="0" cellpadding="0" class="ntkMain">
<tr>

<td width="20%" height="100%" valign="top"
class="ntkLeftColumn">
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr><td nowrap>
<script type="text/javascript" language="javascript">
if (document.getElementById) {
oMenu_root.Render();
} else {
document.write(ntk_browserNotSupported);
</script>
</td></tr>
</table>
<br>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr><td nowrap>
<span
class="paypalsb"><b>Browse</b></span>
</td></tr>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr><td nowrap>
<script type="text/javascript" language="javascript">
if (document.getElementById) {
oCat_0.SetHighlight(); //*** need to set highlight to the
current cateogry or page
oCat_root.Render();
} else {
document.write(ntk_browserNotSupported);
</script>
</td></tr>
</table>
</td>


<td valign="top" class="ntkMidColumn">

<p><b><div
class="paypalsb">Categories > Rigs</div></b></p>

<table class="ntkTable">
<tr class="ntkTableAltRow">
<form name="pp1" onSubmit="return
SubmitItemToCart(this);">
<td width="200" valign="top"><a
href="Product_view_Rigs_1.html"></a></td>
<td width="99%" valign="top">
<a href="Product_view_Rigs_1.html">2</a>
<br>
<a href="Product_view_Rigs_1.html">Mirage G4</a>
<br>
<input type="hidden" name="id" value="1">
<input type="hidden" name="amount" value="1200">
<input type="hidden" name="amount_base" value="1200">

<input type="hidden" name="discounttype" value="0">

<input type="hidden" name="shiptype" value="0">
<input type="hidden" name="quantity" value="1">
<input type="hidden" name="item_number" value="2">
<input type="hidden" name="item_name" value="Mirage
G4">
<input type="hidden" name="on0" value="Color">
<input type="hidden" name="or0" value="0">
<input type="hidden" name="shipping" value="1">
<div id="div_amount_1" name="div_amount_1">Price:
$1,200.00


Color: <select name="os0"
onchange="UpdatePrice(this.form);">
<option value="None">Please select</option>
<option value="Green=0">Green</option>
<option value="red=0">red</option>
</select>
<br>
<input type="image" src="images/ppcart1.gif" border="0"
name="submit" alt="">
</td>
</form>
<script language="JavaScript">

</script>
</tr>
</table>

<br>
<table width="100%" border="0" cellspacing="0"
cellpadding="0"><tr>
<td align="right"><div
class="paypalsb">Items 1 to 1 of 1</div></td>
</tr></table>
<br>
<p> </p>
</td>


<td width="20%" valign="top" class="ntkRightColumn">
<p><b><div class="paypalsb">Shopping
Cart</div></b></p>
<script language="JavaScript">

</script>
</td>

</tr>
</table>
</body>
</html>

Dreamweaver webpage display

Dreamweaver does not display my webpage as it looks on my
website - The fonts are all wrong!
This makes it difficult to make changes in Dreamweaver since
it does not display properly. Are my CSS not working? Please
help!

Is it just the fonts that aren't displaying correctly or
other aspects of
your page (in DW?)
VIEW|STYLE RENDERING Menu - do you have SCREEN MEDIA TYPE
TICKED and
DISPLAY STYLES ticked?
It could be an inheritence issue with the way you have the
classes set up.
If you are using Tahoma for the majority of the site, why not
set that font
on the body element and then only change the smaller areas to
another font
when needed.
Do you have Tahoma on your system? (silly question maybe, but
if you don't
then you will see a default font).
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
"tkmgwebmaster" <[email protected]> wrote in
message
news:f4ke5k$g39$[email protected]..
> Dreamweaver does not display my webpage as it looks on
my website - The
> fonts
> are all wrong!
>
> This makes it difficult to make changes in Dreamweaver
since it does not
> display properly. Are my CSS not working? Please help!
>

Element Width 0 When Changing CSS Display

Hello
I have a webpage containing several Divs which contain individual 'pages'. I have defined the following CSS styles to control which the user sees:
.hideDiv{
    display: none;
.showDiv{
    display: inline;
I have a simple Javascript function which switched the CSS styles to display the required page:
function hideShow(hideDiv, showDiv){
          //alert("hideShow");
          if(document.getElementById(hideDiv)!=null){
                    document.getElementById(hideDiv).className = "hideDiv clear";
          if(document.getElementById(showDiv)!=null){
                    document.getElementById(hideDiv).className = "showDiv clear";
          return false;
Within each 'page' div are 1 or more simple tables containing images. The CSS on these tables positions them from the right like this:
<table style="position:absolute; right:40px; bottom:30px; z-index:1;">
          <tr><td>
                    <img src="{media}" alt="{mediaAlt}" style="display:block; position:relative;"/>
                    <p class="padCaption">{mediaCaption}</p>
          </td></tr>
</table>
When I display page 2 (the first page to have its CSS display property changed from 'none' to 'inline') the image is displayed off to the right and down too low. As soon as I slightly resize the browser window it jumps to the correct position.
I suspected that the browser was unable to ascertain the image's width and height and so assumes 0 pixels for both. This being the case the right and bottom edges were correctly positioned but only assuming the image has a width and height of 0 pixels!
I extended my Javascript function to check this and ,my thoughts were confirmed.
Fortunately (for once) our client has IE6 and this problem isn't seen by them. All of the elements in the complete html file apper to be cached when the page initially loads and it has no problem with the images.
We need to use Safari for some presentations and can't seem to resolve this. I tried positioning the div to one side and then moving it but it all happens before the UI updates and the browser is still none the wiser as to the dimensions of the image.
Any advice would be gratefully received.
Thanks
Chris

Hello Jon
Thanks for the prompt reply. Sorry I can't share the page but I can extract some elements to show. Each 'page' div is like this:

<div class="showDiv clear" id="page1">
    <div id="bgPic-components">
        
        <h1>Sub-Heading</span></h1>
        
        <div class="contentTextArea fullWidth">
            <div style="position:absolute; width:280px; z-index:2;">
                <p>Some body text here.</p>
            </div>
            <table style="position:absolute; right:40px; bottom:40px; z-index:0;">
                <tr><td>
                    <img src="../../medialibrary/3DI/3DI0315.02.01.jpg" style="display:block; position:relative; height:440px;"/>
                    <p class="padCaption">Annotation</p>
                </td></tr>
            </table>
            <table style="position:absolute; bottom:24px; z-index:0;">
            <tr><td>
                <img src="../../medialibrary/photographs/P0825.01.01.jpg" alt="" style="display:block; position:relative; height:300px"/>
                <p class="padCaption">Annotation</p>
            </td></tr>
        </table>
        </div>
    </div>
</div>
Thanks
Chris

Dreamweaver CS4 displays generic icon

This is not a functional problem, but being a visual perso
n, its driving me crazy. Dreamweaver CS4 displays a generic icon on my desktop, o
n the start menu, and also in the installation directory. All of the other CS4 programs (from Design Premium) display properly. I have tried reinstalling Dreamweaver, replacing the icon manually ("change icon") and done a disk cleanup to get rid of any temp and cached files but to no avail.
Any idea what is causing this or how to fix? I am running Windows 7 Pro.
Thanks
Donna S

I have the same problem except with ALL jpegs, not just small ones. Other file types (pdfs, eg) preview just fine in cover flow, and I am able to open all the jpgs by themselves in any program, they just don't render in cover flow.
I think this happened in conjunction with the upgrade to 10.5.1.
Any help would be most appreciated!

Dreamweaver not displaying my home page.

For some strange reason Dreamweaver not displaying my home page. However it will display all other pages on the site. Does anyone know why this is happening?

Because you have made an error. If you want to share the error with us please post a link to your site.
Gramps

Does electronic version Adobe Dreamweaver CSS with PHP content question

Does electronic version Adobe Dreamweaver CSS with PHP come with the labs or files used in a college course? What is on the CD and is there a way to get the content with the Barnes and Noble e-book? This should be a Barnes and Nobel question but they seem to have troubles answering the questions like this.

Electronic version comes with absolutely nothing about your course. All you get is everything in this link:
<http://www.adobe.com/cfusion/tdrc/index.cfm?product=dreamweaver>
The link will give you 30 days of free use of DW after which you might get bored with DW or you will have given up on your course and started your own business to pay your school fees.
hth

Dreamweaver CSS Mac writes image links wrong... img src="/www/images/asian_sales_office.jpg"

Dreamweaver CSS Mac writes image links wrong... <img src="/www/images/asian_sales_office.jpg" width="x" height="x" alt="x"> Took me a bit to find this, now back to hand coding all image links and also checking other code. Any fixes?

That looks to me like you may have your site definition set up incorrectly and you appear to be using "Site Root Relative" vs "Document Relative"
Go to Site > Manage Sites > click the site you are working on > Click the Edit icon > Advanced Settings > Links relative to: should be set as Document, unless you have a very specific reason for choosing Site Root there
If your server root folder is called www, you'll need to remove that folder from your site root. You are only transferring files from root to root, so the name of your local root folder is not important (the files inside it go to the server root). It is important not to accidentally have a duplicate of the server root folder inside your local root though which would accidentally nest your files within another folder when transferring to the server.

CSS display in Dreamweaver vs. IE

The following code in Dreamweaver shows "an example of"
vertically, instead of horizontally as it does in IE. It can be
fixed in Dreamweaver by adding "width: 150px;", but I would like to
see if anyone can help me understand why Dreamweaver isn't
displaying this the same as IE. Thanks, Rob
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Positioning</title>
<style type="text/css">
.big {
font-family: Helvetica, Arial, sans-serif;
font-size: large;
font-weight: bold;
</style>
</head>
<body>
<div style="position: absolute; left: 125px; top: 75px;"
class="big">
This is the first line of text being positioned.
<div style="position: absolute; left: 25px; top:
30px;">
This is <span style="position: relative; left: 10px; top:
30px; width: 150px;">an example of</span> a second line.
</div>
</div>
</body>
</html>

It looks exactly the same to me in DW8, IE6, and FF1.5.0.6.
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
==================
"Rob in AZ" <[email protected]> wrote in
message
news:ec86me$i1i$[email protected]..
> The following code in Dreamweaver shows "an example of"
vertically,
> instead of
> horizontally as it does in IE. It can be fixed in
Dreamweaver by adding
> "width: 150px;", but I would like to see if anyone can
help me understand
> why
> Dreamweaver isn't displaying this the same as IE.
Thanks, Rob
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
> charset=iso-8859-1" />
> <title>Positioning</title>
> <style type="text/css">
> .big {
> font-family: Helvetica, Arial, sans-serif;
> font-size: large;
> font-weight: bold;
> }
> </style>
> </head>
> <body>
> <div style="position: absolute; left: 125px; top:
75px;" class="big">
> This is the first line of text being positioned.
> <div style="position: absolute; left: 25px; top:
30px;">
> This is <span style="position: relative; left: 10px;
top: 30px;
> width:
> 150px;">an example of</span> a second line.
</div>
> </div>
> </body>
> </html>
>
>
>
>

Dreamweaver css-background-image display in design area

dreamweaver 8 does not display css-assigned
background-images in the design-area... how can you teach him to do
so? dreamweaver mx still did this without any fuss... in dw8 you
search endlessly and in vain for a button to teach him the trick...
or has dreamweaver under adobe forgotten, what it already could
do??
can somebody please tell me? thanks!
[email protected]
ps: the background-image you assign using an id
(example:
#maindiv{
background-image:url(../pictures/capriccio-ornamentraender.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#CC3333;
is not shown (browsers do it however!), but if you assign the
image using
style="background-image:url(pictures/capriccio-ornamentraender.jpg"
within the tag, it's shown... poor performance by dw8...

dreamweaver 8 does not display css-assigned
background-images in the design-area... how can you teach him to do
so? dreamweaver mx still did this without any fuss... in dw8 you
search endlessly and in vain for a button to teach him the trick...
or has dreamweaver under adobe forgotten, what it already could
do??
can somebody please tell me? thanks!
[email protected]
ps: the background-image you assign using an id
(example:
#maindiv{
background-image:url(../pictures/capriccio-ornamentraender.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#CC3333;
is not shown (browsers do it however!), but if you assign the
image using
style="background-image:url(pictures/capriccio-ornamentraender.jpg"
within the tag, it's shown... poor performance by dw8...

Dreamweaver and CSS display problem

Hi,
I am new to CSS layouts and trying to build a site in pure
CSS but I am having a problem with how it is dispayed within
dreamweaver.
here is
the html page as it looks in a browser
But
here is how the page currently looks is dreamweaver
As you can see, my divs which run along the bottom of the
page in the browser are actually shown contained in another div in
dreamweaver which is very misleading!
Is this due to something i have done or is this how it
displays in dreamweaver?
HTML code as follows:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Untitled Document</title>
<link href="lovellkits.css" rel="stylesheet"
type="text/css">
</head>
<body>
<div id="main">
<div id="logo"></div>
<div id="navbar">Nike Kits | Optimum Kits | Lovell
Rugby Kits | Training Wear | Equipment</div>
<div id="bannerlarge"></div>
<div id="smlbanner1"></div>
<div id="smlbanner2"></div>
<div id="smlbanner3"></div>
<div id="smlbanner4"></div>
</div>
</body>
</html>
and
my CSS can be found here
Thanks for reading
Steve

FWIW, there were significant rendering improvements made in
DW8, so it
may be worth the upgrade if you're creating layouts in DW.
In the meantime, try adding some content to the bannerlarge
container. I
think DW may be incorrectly collapsing that tag since it's
empty.
HTH,
Randy
> Dreamwaever MX 2004 for the mac

Dreamweaver 8 Display Mode renders website differently from IE7 and Firefox2

I'm trying to create a webpage with the following rows setup:
Header
Navigation/Issueinfo (2-column)
Left/Middle/Right (3-column)
OtherLeft/OtherRight (2-column)
Footer
It renders correctly in Dreamweaver 8's display window, but in IE7 and Firefox 2 the Navigation/Issueinfo row renders differently, and I can't figure out what the problem is. I've attached images of D8 and IE7 as well as the HTML and CSS codes. All help is greatly appreciated!
Dreamweaver 8's Display View: http://img28.imageshack.us/i/70399536.jpg/
Internet Explorer 7: http://img3.imageshack.us/i/ie7e.jpg/
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="/favicon.ico" type="image/x-icon">
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="navigation">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="archive.html">ARCHIVE</a></li>
<li><a href="blogs.html">BLOGS</a></li>
<li><a href="calendar.html">CALENDAR</a></li>
<li><a href="staff/staff.html">STAFF</a></li>
<li><a href="msms/msms.html/">MSMS</a></li>
</ul>
</div>
<div id="issueinfo">
VOLUME 21 ISSUE 3
</div>
<div id="left">
    Left side text...
</div>
<div id="right">
    Right side text...
</div>
<div id="middle">
    Middle column text...
</div>
<div id="otherleft">
Otherleft text...
</div>
<div id="otheright">
Otherright text...
</div>
<div id="footer">Footer...</div>
</div>
</body>
</html>
CSS:
/* CSS Document */
/* Specify blanket rules for all elements */
body {
    color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
    padding:0px;
background-color:#000077;
a{
color:#000077;
text-decoration:none;
a:hover{
text-decoration:underline;
#container {
width:1020px;
margin:0px auto 0px auto;
background-color:#FFFFFF;
#header {
    clear:both;
    width:1020px;
height:130px;
background-image:url(images/banner.jpg);
#navigation {
float:left;
width:800px;
text-align:center;
background-color:#000077;
#navigation li{
display:inline;
list-style-type:none;
padding-right:30px;
#navigation a{
color:#FFFFFF;
text-transform:capitalize;
#issueinfo {
clear:right;
color:#FFFFFF;
text-transform:capitalize;
text-align:center;
margin:0px 0px 0px 800px;
background-color:#000077;
#left {
    clear:left;
float:left;
    width:318px;
padding:0px 10px 0px 10px;
#right {
    float:right;
    width:318px;
padding:0px 10px 0px 10px;
#middle {
margin:0px 340px 0px 340px;
padding:0px 10px 0px 10px;
#otherleft {
float:left;
width:510px;
#otherright {
margin:0px 0px 0px 510px;
#footer {
clear:both;
color: #FFFFFF;
text-align: center;
background-color: #000077;

DW Design View is only an approximation of what various browsers will do.
Try this (note changes in red): Tested in FF 3.6.
#navigation {
    float:left;
    width:800px;
    text-align:center;
    background-color:#000077;
    line-height: 2em; /**ADD THIS**/
#issueinfo {
   clear:right; /**REMOVE THIS**/
    color:#FFFFFF;
    text-transform:capitalize;
    text-align:center;
    margin:0px 0px 0px 800px;
    background-color:#000077;
    line-height: 4em; /**ADD THIS**/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web-design.blogspot.com/

Dreamweaver CSS Template Issue

Hi all,
Having a slight problem with creating CSS from a template in Dreamweaver. I have made templates before and created editable regions and usually can add CSS to the page. Though for some reason it's not accepting any CSS. I'll created the rule and hit ok and then it just disappears - though the CSS of the .dwt remains - as it should do.
If anyone could cast any light on this, would be greatly appreciated. Please see attached code for the dwt below:
<!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>Untitled Document</title>
<style type="text/css">

</style>
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<div class="outer">
<div class="leftCol">
<div class="logo"><a href="index.html"><img src="images/logo.png" width="117" height="62" class="img" /></a></div>
      <div class="nav_buttons"><a href="../index.html">Home</a></div>
      <div class="nav_buttons"><a href="../salons.html">The Salon</a></div>
      <div class="nav_buttons"><a href="../hairdressing-price-list.html">Hair Price List</a></div>
      <div class="nav_buttons">Beauty Price List</div>
      <div class="nav_buttons">Children's Parties</div>
<div class="nav_buttons"><a href="../careers.html">Careers</a></div>
      <div class="nav_buttons"><a href="#">Contact Us</a></div>
</div>
<div class="main">
<div class="flashBanner">
    <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="625" height="315">
      <param name="movie" value="../images/HairPriceList.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      
      <param name="expressinstall" value="../Scripts/expressInstall.swf" />
      
      
      <object type="application/x-shockwave-flash" data="../images/HairPriceList.swf" width="625" height="315">
        
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="../Scripts/expressInstall.swf" />
        
        <div>
          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
        
      </object>
      
    </object>
</div>

<div class="mainContent"></div>

<div class="footer">
    <div class="sub_tabs">
      <div class="sub_tabs_01_02">
        <div class="sub_tab_description"><strong>CHIC OF NEWTON ABBOT</strong><br />
          9 Market Hall, Opposite Somerfield<br />
          Newton Abbot,<br />
          Devon,<br />
          TQ12 2RX<br />
          <strong>Telephone: </strong>01626 362600</div>
      </div>
      <div class="sub_tabs_03">
        <div class="sub_tab_description"><strong>OPENING TIMES</strong><br />
          Monday - Saturday: <strong>9.00 - 5.00</strong><br />
          Late appointments available on request.</div>
      </div>
      <div class="sub_tabs_04">
        <div class="sub_tab_description"><strong>ABOUT CHIC</strong><br />
          Opened in 2009, having proved a great success, we've undergone a major reburnishment, we now have a beauty treatment room and offer a wide range of treatments.</div>
      </div>
    </div>
</div>
</div>
<div class="right_col"></div>
<div class="right_col_attention">
<div class="right_image"><img src="images/how_to_book_white.png" alt="" width="172" height="34" /></div>
<p>Call today or pop in to discuss your requirments with one of our dedecated team of technicians who will be happy to help. </p>
<p><strong>CHIC OF NEWTON ABBOT<br />
</strong>Telephone: 01626 362600</p>
</div>
<div class="created"><img src="../images/created-by.png" width="199" height="12" alt="Created by Kristopher Kerr" /></div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Your <style> tags are not within an editable Template region. You might want to move your CSS rules to an external stylesheet then link your Template to the external.css file. It's a more efficient way of managing your site.
See this link for details:
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

CSS display problem

I have an unusual problem that must be something to do with
my Dreamweaver set-up.
All of a sudden all of my sites do not display the CSS in the
dreamweaver application. The CSS details all appear and I can
select them in the usual way but nothing appears on screen.
When I preview any page from any site in a browser it is
fine.
Does anyone have any idea what the problem might be?
Thanks
Dave

VIEW | Style Rendering > Display Styles
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
==================
"davecheet" <[email protected]> wrote in
message
news:f65vv5$flb$[email protected]..
>I have an unusual problem that must be something to do
with my Dreamweaver
> set-up.
> All of a sudden all of my sites do not display the CSS
in the dreamweaver
> application. The CSS details all appear and I can select
them in the usual
> way
> but nothing appears on screen.
> When I preview any page from any site in a browser it is
fine.
>
> Does anyone have any idea what the problem might be?
>
> Thanks
>
> Dave
>

Dreamweaver CSS displayed overlaps

Similar Messages

Maybe you are looking for