DW8 - won't display CSS layout

I've just started a new website in DW and the layout isn't
being renderred within DW but works fine in the browser.
My div colours are displaying with no problems but the widths
etc. just aren't appearing.
All my visual aids are on so can't understand why.

There are many "web forum features" that we don't see,
thankfully.
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
==================
"Al Sparber- PVII" <[email protected]> wrote in message
news:enon2v$emn$[email protected]..
> "stevieg_83" <[email protected]> wrote in
message
> news:enokpd$cbr$[email protected]..
>> yeah the one that's checked as the answer :)
>>
>> Try VIEW | Style Rendering > Display Styles.
>
>
> To note, many of the users here who provide the answers
use an NNTP
> connection for speed, or other reasons, and do not see
check boxes, which
> are only a web forum feature.
>
>
> --
> Al Sparber - PVII
>
http://www.projectseven.com
> Extending Dreamweaver - Nav Systems | Galleries |
Widgets
> Authors: "42nd Street: Mastering the Art of CSS Design"
>
>
>
>

Similar Messages

MX won't display CSS in Design View

I built a site for a client using CSS for the layout. The
client wants to do her own updates with Dreamweaver MX. We've found
that the layout does not show in Design View, so she's doing minor
updates in code view (which she's comfortable with).
A secod site she manages was done with tables and displays
properly in Design View.
Can I assume that the problem is just that MX does not
display CSS layout? She needs an answer so she can ask her boss to
spend the money for an upgrade.
-Jesse

Yes .. I agree. :)
However .. I would still recommend Contribute for a
non-webpro.
Nancy
"Murray *ACE*" <[email protected]> wrote
in message
news:g2othk$f5d$[email protected]..
> If I were going to give a client DW, I would surely not
give them DMX.
>
> --
> 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
> ==================
>
>
> "Nancy" <[email protected]> wrote in message
> news:g2orsi$d9l$[email protected]..
>> CSS display improved markedly as of DW 8. Even
better with CS3.
>>
>> I would be hesitant to give a client Dreamweaver
however .. I would
>> rather recommend giving a client Contribute.
>>
>>
>> --
>> Nancy Gill
>> Adobe Community Expert
>> Author: Dreamweaver 8 e-book for the DMX Zone
>> Co-Author: Dreamweaver MX: Instant Troubleshooter
(August, 2003)
>> Technical Editor: Dreamweaver CS3: The Missing
Manual,
>> DMX 2004: The Complete Reference, DMX 2004: A
Beginner's Guide
>> Mastering Macromedia Contribute
>> Technical Reviewer: Dynamic Dreamweaver MX/DMX:
Advanced PHP Web
>> Development
>>
>> "JesseLY" <[email protected]> wrote
in message
>> news:g2orog$d4k$[email protected]..
>>>I built a site for a client using CSS for the
layout. The client wants to
>>>do
>>> her own updates with Dreamweaver MX. We've found
that the layout does
>>> not show
>>> in Design View, so she's doing minor updates in
code view (which she's
>>> comfortable with).
>>>
>>> A secod site she manages was done with tables
and displays properly in
>>> Design
>>> View.
>>>
>>> Can I assume that the problem is just that MX
does not display CSS
>>> layout? She
>>> needs an answer so she can ask her boss to spend
the money for an
>>> upgrade.
>>>
>>> -Jesse
>>>
>>>
>>>
>>>
>>
>>
>

Site recently hacked, now FF won't display css style - other browsers will

So my site beaq.org.au was recently hacked - a phishing attack. A .php file was uploaded to the css directory it seems. My host promptly removed the css directory, and I replaced it with a backed up css directory. Problem solved! (or so I would have hoped)...
This did solve the problem in all browsers I have tested in - except Firefox. The site looks as it should in safari, IE, chrome etc. CSS style is used, but FF won't use it. I believe this is a result of the site being reported as an attack site...for example, if I choose preferences > security and then uncheck "Block reported web forgeries", then reload the page - it loads as it should.
I have requested removal from the forgery list here: http://www.google.com/safebrowsing/report_error/?tpl=mozilla
And the site is not listed as containing malware in Google Webmaster tools. So nothing to do there.
Is it simply a matter of waiting till firefox recognises the site as not being a web forgery or containing malware? Is there something else that can be done to resolve problem? Or is there something that could be done to expedite the removal from FF's list of phishing / attack sites?
It's been over a week already and still waiting. Not a good look having a website that is completely messed up. Thanks for your help in advance!

I hadn't checked that link, but I can confirm that the CSS file isn't loaded because of a block via the phishing protection.<br />
Google Chrome doesn't even open the main page and immediately shows the phishing warning page.
<blockquote>Warning: Suspected phishing site!<br />
The website at www.beaq.org.au has been reported as a “phishing” site. Phishing sites trick users into disclosing personal or financial information, often by pretending to represent trusted institutions, such as banks.</blockquote>

Native Inspect Element tool won't display CSS/elements along right-side of window anymore.

I recently updated to Firefox 20.0 and noticed that the native Inspect Element tool doesn't have an option to display the page css elements along the right-side of the window like it used to.
Is there a button somewhere I'm missing that allows this view?
I also noticed that I cannot hit escape to exit the inspector anymore.
Why would this option have been removed?
Screenshot of the issue explained a little better... http://exceptionalsheet.com/error.jpg

I agree with all the above - it's utter shite now. Before it was elegant and useful, now it's a waste of space.
How can I downgrade until those morons in your design department work this out?

My website won't display css properly in firefox but does with ALL other browers

I built my site in asp.net 4.0 - works and displays great in other browsers IE8 IE9 Opera Safari - but doesn't display properly at all in Firefox - I am running the latest version - 6.0 -
I've put way too many hours in to this, and can't figure out why this site looks perfect in IE (which I hate) and yet Firefox can't display it.

A good place to ask questions and advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.<br />
The helpers at that forum are more knowledgeable about web development issues.<br />
You need to register at the mozillaZine forum site in order to post at that forum.<br />
See http://forums.mozillazine.org/viewforum.php?f=25

CS4 Live View Won't Display External CSS

I have a simple .html file - all located on my local machine
with an external .css file located in the same folder as the .html
file. Everything displays fine in a browser. Live View won't
display items in my external css file. It displays items in the
inline file fine. If I move items from the external to the inline
file they will appear. Links are relative to the Document in the
site setup. No default images folder defined (images are in a
folder called "images").
I know it's something simple and dunderheaded. Just getting
back into html after a little hiatus. Any help greatly
appreciated.

> If this is a static site, ignore the Live View button.
> Test it in browsers using F12.
Live view will work fine in a static site, though.
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
==================
"Alan" <[email protected]> wrote in
message
news:C5713A99.31982A%[email protected]..
> suggestion-
>
> Make every line in the site defintion Correct.
> If not sure what it should be, ask.
>
>
> If you use site root relative paths, enable using temp
files in dw
> preferences->Preview in browser
>
> The link to the external css file is a site root
relative path.
> Change it to a document relative path
>
> There is a pulldown at the bottom of the "browse to
file" dialog box to
> choose linking method.
>
> --
> Alan
> Adobe Community Expert, dreamweaver
>
>
http://www.adobe.com/communities/experts/
>
>
>

DW8: image won't display in Design View

Folks:
DW8 on MacOS 10.4.8 (fully updated) on Intel iMac.
What would keep an image from displaying in DW Design View?
What are the causes of the grey box with the superimposed "X"? Is
there any diagnostic output that might help? Is the grey box and
"X" substituted by DW8 for an invalid or un-drawable graphic, or is
this done by the OS?
The problem:
I've got a 1912 x 1481 graphic, a geographic map, in AI that
I'm trying to use as an ordinary web image, but DW won't display it
in Design View. Instead all I see is a big grey box and "X". For
test purposes, I'm starting from a new "Basic" HTML web page and
all I'm doing is inserting this one image. I need to get this
working so I can draw hotspots on this graphic to make it
"clickable" .
Here's what I've tried:
o Triple-checking that the inserted image reference is
correct. Yes, the image file is correctly linked. With the image
selected, the inspector shows a tiny but recognizable miniature of
the expected image. Further, when the page and the image are
uploaded to the web server and I look at it via a browser, the
expected image is _always correctly displayed.
o Exporting the graphic "for the web" from AI as both a GIF
and a medium-quality JPG. Neither of these are displayed in Design
View; both are served up correctly after being uploaded
o I found a larger JPG on a different site I'm managing. This
always displays as expected in both DW Design View and when served
up. I substituted the failing map JPG image. The result: A grey
box.
o Checking the map images: The JPG and GIF versions seem to
be visible in all environments (image readers, browsers, etc.) I've
checked _except_ DW8 Design View.
o Checked on another system. I made the failing image
available to a very helpful ACE, who performed a similar
experiment. It worked fine for him. I used his exact HTML and
directory structure -- and it failed for me. Grey box with "X".
It seems to me that I've checked most of the obvious
possibilities. Now it is time to check the less obvious ones.
Suggestions are very welcome!
Thanks,
Henry

Randy:
Thanks for your response.
This is a virtual memory system, so -- in theory-- it should
accommodate anything that will fit on the hard drive, more or less,
if I'm wiling to wait the hours (days?) it will take to swap on and
off the disk. That assumes DW8 takes advantage of the capability.
It may not.
"Larger"? The JPG image I compared to is 1692 x 2160 pixels,
but weighs slightly less, 289K bytes. I'm losing track of all my
test images that fail, but a representative one is 1912 x 1481
pixels and weighs 332Kb on the disk. "Roughly comparable" might be
a better description. The point is still reasonable: DW8 does
handle images of this size on my system.
One issue that occurred to me recently is that I may have
caused some grief by monkeying with the "Save for web" settings at
the Illy export. Perhaps I asked for some configuration that's
normal for Illy to export --or it would have warned me, I hope--
but too strange for DW to grok. DW should complain more
informatively than painting a gray box and "X" when that happens, I
would think.
Henry

Firefox 3.6.2 won't display the CSS correctly in VBulletin 4.1. Safari, Explorer and Firefox 4 beta work fine!

My upgraded site: http://www.thesabrehood.org/thehood/forum/ has CSS that displays fine with Safari and IE and the new Firefox Beta 4... but it won't display with the latest upgrade of FF3.6x. Obviously you fixed some code in V4 beta.. how about fixing 3.6x while you're at it!!!!

I also have this problem and it just started in the last week or so. It seems to be dependent on my home network and the problem only exists with firefox. I have used chrome and IE8 with no issues. I can verify tomorrow that it only exists in my network but one thing I was able to test is that the problem exists even on my linux boot. I am totally dumbfounded with this problem and I can't find anything that will allow the gmail page to load. All other pages I have tried load fine, all be it a little slower than normal but they load. If anyone knows of a difference between firefox and all other browsers on how it goes through the router I would appreciate the info cause I don't know of any differences.

CSS won't display on DW page files to which template is applied

CSS links fine to template, but when applying template to page, styles won't display even though path to CSS file is correct in template.
When file is uploaded to server it links just fine to CSS and styles display online as they should.
See: http://dstall.com/sfm/
But I cannot see page as styled when working on files.
This is very annoying as I cannot see what final output will be when laying out my pages because styles won't display in page files, only in template file.

change this:
<link href="css/sfm.css" rel="stylesheet" type="text/css" />
<head>
to this:
<head>
<link href="css/sfm.css" rel="stylesheet" type="text/css" />
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
Tutorials - http://w3schools.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

CSS Layout in DW CS 3

I'm kinda wondering why the id's are preceded with a class if
you open any of the premade CSS layouts in DW CS3.
example:
Two Columns, all widths in percent, with right sidebar header
and footer.
CSS:
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and
padding of the body element to account for differing browser
defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5*
browsers. The text is then set to the left aligned default in the
#container selector */
color: #000000;
.twoColLiqRtHdr #container {
width: 80%; /* this will create a container 80% of the
browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a
width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center
on the body element. */
.twoColLiqRtHdr #header {
background: #DDDDDD;
padding: 0 10px; /* this padding matches the left alignment
of the elements in the divs that appear beneath it. If an image is
used in the #header instead of text, you may want to remove the
padding. */
.twoColLiqRtHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the
#header div will avoid margin collapse - an unexplainable space
between divs. If the div has a border around it, this is not
necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will
allow you to keep the element away from the edges of the div */
/* Tips for sidebar1:
1. since we are working in percentages, it's best not to use
padding on the sidebar. It will be added to the width for standards
compliant browsers creating an unknown actual width.
2. Space between the side of the div and the elements within
it can be created by placing a left and right margin on those
elements as seen in the ".twoColLiqRtHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element
is rendered, you may occasionally run into unexplained bugs with
percentage-based columns. If you need more predictable results, you
may choose to change to pixel sized columns.
.twoColLiqRtHdr #sidebar1 {
float: right; /* since this element is floated, a width must
be given */
width: 24%;
background: #EBEBEB; /* the background color will be
displayed for the length of the content in the column, but no
further */
padding-top: 15px 0; /* top and bottom padding create visual
space within this div */
.twoColLiqRtHdr #sidebar1 h3, .twoColLiqRtHdr #sidebar1 p {
margin-left: 10px; /* the left and right margin should be
given to every element that will be placed in the side columns */
margin-right: 10px;
/* Tips for mainContent:
1. the space between the mainContent and sidebar1 is created
with the right margin on the mainContent div. No matter how much
content the sidebar1 div contains, the column space will remain.
You can remove this right margin if you want the #mainContent div's
text to fill the #sidebar1 space when the content in #sidebar1
ends.
2. to avoid float drop at a supported minimum 800 x 600
resolution, elements within the mainContent div should be 430px or
smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the
zoom property is used to give the mainContent "hasLayout." This
avoids several IE-specific bugs.
.twoColLiqRtHdr #mainContent {
margin: 0 26% 0 10px; /* the left margin should mirror the
margin on the header and footer for proper alignment. */
.twoColLiqRtHdr #footer {
padding: 0 10px; /* this padding matches the left alignment
of the elements in the divs that appear above it. */
background:#DDDDDD;
.twoColLiqRtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in
the footer will avoid the possibility of margin collapse - a space
between divs */
padding: 10px 0; /* padding on this element will create
space, just as the the margin would have, without the margin
collapse issue */
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right
in your page. The floated element must precede the element it
should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left
in your page. The floated element must precede the element it
should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class should be placed on a div or
break element and should be the final element before the close of a
container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
take a look at this
.twoColLiqRtHdr #container {
width: 80%; /* this will create a container 80% of the
browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a
width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center
on the body element. */
how do you interpret
.twoColLiqRtHdr #container?
in the code, .twoColLiqRtHdr is a class for the <body>
tag only.
So i guess I just need some enlightenment on how this CSS
works, maybe I'm used to just defining the ID of <div> tags
(ex: #wrapper {}).
Is this use for inline styles only?
what's the advantage of using this type of styles?
I hope someone can take a look at this, thank you in advance!
:)

Yeah.... I can't really see a use for class here at all. But
that's me
(and now you!)....
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
==================
"Thierry | www.TJKDesign.com" <[email protected]>
wrote in message
news:f0lh1l$ng$[email protected]..
> Murray *ACE* wrote:
>> I use this often when I have a single template with
variable layout
>> (i.e., section-specific layouts). You can use either
>> server-scripting or template parameters to change
the ID attribute on
>> the body tag, which will trigger an entirely
different set of CSS
>> selector assignments.
>
> FWIW, I believe it makes more sense to use an ID
attribute - as you do -
> rather than a class on "BODY" as this element is unique
through the
> document.
>
> --
> Thierry
> Articles and Tutorials:
http://www.TJKDesign.com/go/?0
> The perfect FAQ page:
http://www.TJKDesign.com/go/?9
> CSS-P Templates:
http://www.TJKDesign.com/go/?1
> CSS Tab Menu:
http://www.TJKDesign.com/go/?3
>
>

Looking for a two-column CSS layout

I am looking for a two-column CSS layout that is centered
with blank space
on the sides, so the layout does not expand across the entire
screen, but
instead uses a portion of it (such as 75%). The left column
would be for
navigation and I haven't decided if I want it to be liquid or
fixed, but the
right column for content would be liquid. There would also be
a heading div
and navigation div across the top and a footer across the
bottom.
While looking for sample sites I keep finding ones that use
three columns,
and I'm worried that if I remove the third column that the
layout will break
at some point, even if I don't see it in my test browsers.
I'm also
discovering that some of the sample pages out there don't
respond well when
I resize the browser window. The columns don't have a minimum
width or they
stack on top of each other at some point.
There are so many different techniques to use when designing
a layout with
CSS, some better than others, that I thought maybe some
people here may
already know what's tried and true and what should be
avoided. Are any
layouts robust enough to allow a third column to be added at
a future date
if needed? I also like the idea of putting the content div
first in the
code, to improve search engine indexing and also to aid those
who may be
using a screen reader, but if that feature makes the coding
much more
complex then I could see why I might avoid it for now.

Sorry Nancy, I didn't see your post for some reason. At least
we agree (o:
Jo
"josie1one" <[email protected]> wrote in message
news:g4tv32$57f$[email protected]..
>I have DW8 and am very happy with this:
>
http://projectseven.com/products/templates/pagepacks/cssmagic/index.htm
>
>
> --
> Jo
>
>
> "Matt" <[email protected]> wrote in message
> news:g4tg96$isq$[email protected]..
>>I am looking for a two-column CSS layout that is
centered with blank space
>>on the sides, so the layout does not expand across
the entire screen, but
>>instead uses a portion of it (such as 75%). The left
column would be for
>>navigation and I haven't decided if I want it to be
liquid or fixed, but
>>the right column for content would be liquid. There
would also be a
>>heading div and navigation div across the top and a
footer across the
>>bottom.
>>
>> While looking for sample sites I keep finding ones
that use three
>> columns, and I'm worried that if I remove the third
column that the
>> layout will break at some point, even if I don't see
it in my test
>> browsers. I'm also discovering that some of the
sample pages out there
>> don't respond well when I resize the browser window.
The columns don't
>> have a minimum width or they stack on top of each
other at some point.
>>
>> There are so many different techniques to use when
designing a layout
>> with CSS, some better than others, that I thought
maybe some people here
>> may already know what's tried and true and what
should be avoided. Are
>> any layouts robust enough to allow a third column to
be added at a future
>> date if needed? I also like the idea of putting the
content div first in
>> the code, to improve search engine indexing and also
to aid those who may
>> be using a screen reader, but if that feature makes
the coding much more
>> complex then I could see why I might avoid it for
now.
>>
>
>

Design view of CSS layout is innacurate

Hello all -
I'm beginning to redraft my company's hompage using a full
CSS layout instead of our current nested table layout. Since I need
to ensure that other staff members can edit pages freely - and I'm
the only person comfortable doing straight code - it's important
that the design view is as accurate as possible.
When editing in Dreamweaver 8, my three column layout (a left
table of contents, a center content column, and an additional
content right column) breaks so that the table of contents
dissapears. Some people have spoken with have suggested that my
problem might be the negative margins I'm using to position the
floated columns that form the meat of the page.
You can view the page here:
http://www.southernenvironment.org/test/home_redraft.html
The CSS is here:
http://www.southernenvironment.org/test/style_redraft.css
In addition, the header navbar also appears strangely. In
Design View, two word titles (ie. "Our Programs") break on to two
separate lines, instead of staying in one line as they do in
browsers I've tested.
The frustrating thing about this is that my design seems to
work in most browsers - but without a somewhat accurate
representation in Dreamweaver, I won't be able to sell the idea of
a standards-based revamp to other staff here.
Any ideas?
Matt

Your CSS is not tight enough to get accurate columns. You
shouldn't try to
define the columns with the body tag. For a purely CSS site,
you really find
out why the code is called 'cascading' styles. They cascade
all right. We've
just finished wrestling with a similar re-design with CSS and
the order of
how tags and files come into play is very important.
We have defined the body tag with background color, 0 margins
and font
family, color and size only. Header/footer and columns are
defined by ID.
The three "content" columns are within a page container,
header and footer
outside the page container. How these elements are placed is
important, as
they cascade.
We use 3 linked main css files, 1) Page Layout (3 or 4
different options) 2)
Page presentation (all text styles) 3) Page menu styles (only
menu styles).
They are in that order, as the only body tag is in Page
Layout.
If a page has a watermarked background we import the code
just for the
watermark.
This is not true for the home page, but all other pages in
the site.
http://www.nic.bc.ca/index.asp
I hope this helps.
Marianne
"homestar79" <[email protected]> wrote in
message
news:[email protected]...
> Hello all -
>
> I'm beginning to redraft my company's hompage using a
full CSS layout
> instead
> of our current nested table layout. Since I need to
ensure that other
> staff
> members can edit pages freely - and I'm the only person
comfortable doing
> straight code - it's important that the design view is
as accurate as
> possible.
>
> When editing in Dreamweaver 8, my three column layout (a
left table of
> contents, a center content column, and an additional
content right column)
> breaks so that the table of contents dissapears. Some
people have spoken
> with
> have suggested that my problem might be the negative
margins I'm using to
> position the floated columns that form the meat of the
page.
>
> You can view the page here:
>
>
http://www.southernenvironment.org/test/home_redraft.html
>
> The CSS is here:
>
>
http://www.southernenvironment.org/test/style_redraft.css
>
> In addition, the header navbar also appears strangely.
In Design View,
> two
> word titles (ie. "Our Programs") break on to two
separate lines, instead
> of
> staying in one line as they do in browsers I've tested.
>
> The frustrating thing about this is that my design seems
to work in most
> browsers - but without a somewhat accurate
representation in Dreamweaver,
> I
> won't be able to sell the idea of a standards-based
revamp to other staff
> here.
>
> Any ideas?
>
> Matt
>

CSS Layout Nightmare!

OK, I've recently decided to convert from table based layout to div layouts using CSS. I'm pretty proud of the outcome and found it a nice approach to designing. HOWEVER, when i click to edit pages in contribute, it strips out all of the css outline visual aids (like you see in wysiwig editors like Dreamweaver). This is going to be a major problem for my client and wysiwig style editing. Does anybody know how i can get contribute to display this in edit mode and also the best option for my client to select divs in order to copy and paste content. This would be pretty easy in table based layout as contribute lets you select a table and copy and paste it. Ideal way for my client to copy and paste additional news items same format. Any help would be gratefully appreciated. Thanks in advance.

Not.
Walt
"SamDesign.be" <[email protected]> wrote in
message
news:ets71o$ark$[email protected]..
> Hallo Brandon,
> Make de "<div id="divContent">" smaller
> Sheers
> www.SamDesign.be
>
>
> "Brandon" <[email protected]>
a écrit dans le message
> de news: ets5tg$9fo$[email protected]..
>> Working on CSS Layout for the first time (always
have used Tables) . . .
>> can you look at the page below (in initial stages)
and tell me how I can
>> move everything UP? It's driving me crazy. The
picture in the center
>> needs to come up, the main nav buttons need to move
up, and the "boxes"
>> in the left column all need to move up under each
other.
>>
>>
http://www.presentationsdirect.com/2007/
>>
>> --
>> Brandon
>>
>>
>
>

CSS layout box model?

Hi, I'm using Dreamweaver cs4. I downloaded a diablo 3
fansite kit from blizzard, and was looking at their code &
style sheets and such for reference while learning to use DIV to
layout new websites. I pretty much have the same DIV box going for
all the content in the middle. But when i click on their DIV box,
it shows margin on the left and the right, and while in design
view, automatically centers their DIV box.
I created a page, setup a div box 1000px wide, centered it,
and it does not give me a preview of it centered while in design
view, nor does it show me the margins & padding (displays
diagonal white transparant stripes where the padding & margins
goes). i made sure i clicked the "CSS Layout Box Model" in the
visual aid menu, but it does not want to work on my page, yet i can
turn it on and off on the fan site index page. How do i make it
work on my page?
Thx

Which page? Can we see the other one too?
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
==================
"ZzarkZul" <[email protected]> wrote in
message
news:[email protected]...
> Heres the code for the .css document.
>
>
>
> /* Stylesheet 1 -------------------------------*/
>
> body { margin:0; font:12px Tahoma; color:#FFFFDD;
> background:url(../images/bg1.jpg) 50% 0 #170f05
repeat-x; }
>
> #ev_bg {
> background:url(../images/ev_bg1.gif) repeat-y;
> width:1064px;
> margin:auto;
> }
> #everything { width:1000px; margin:0 32px;
> background:url(../images/stone-dark.jpg); border:1px
solid black;
> border-width:0px 1px; }
>
> #header { height:162px;
background:url(../images/d3_header1.jpg) right
> no-repeat; padding:0 20px; }
> #header h1 {
> padding-top:115px;
> margin:0;
> color:white;
> }
>
> #middle { clear:both;
background:url(../images/borderb1.gif) repeat-x;
> padding:20px 10px; }
>
> #left_column { width:195px; float:left; }
> .horizontal #left_column { width:auto; float:none; }
> #navigation a { background:url(../images/button_bg1.gif)
no-repeat;
> width:170px; height:25px; display:block;
padding-left:25px; margin:5px 0;
> font-size:13px; color:white; text-decoration:none;
line-height:25px;}
> #navigation a:hover { background-position:0 bottom; }
> .horizontal #navigation a { float:left; }
> #more_information { padding-top:15px;}
>
> #middle_column { float:left; width:50%; margin:0px 20px;
> #middle_column.two_column { float:left; width:75%; }
> .horizontal #middle_column { width:auto; float:none; }
> .date_break { font-size:19px; border-bottom:1px solid
#680808;
> margin-bottom:10px; }
> .post { background:url(../images/leather-heavy.jpg);
border:1px solid
> #221100; margin-bottom:35px; line-height:18px; }
> .post h1 { background:url(../images/title_bg1.gif)
repeat-x #0d2368;
> padding:2px 10px; margin:0; font-size:15px;
color:white;}
> .post_body { padding:5px 15px; }
> .post .postedby { float:left; clear:both; }
> .post .timestamp { float:right }
>
> ul { margin:20px; padding:10px; }
> li { list-style:none;
background:url(../images/bullet.gif) 0 5px
> no-repeat;
> padding-left:30px; line-height:25px; }
> .list_left, .list_right { width:48%; float:left }
>
> .post_info { clear:both; padding-top:10px; }
>
> #right_column {
> width:26%;
> float:left;
> }
> .box { background:url(../images/leather-vdark.jpg);
border:1px solid
> #545454; margin:10px 0 25px 0; padding:10px; }
>
> #footer { clear:both; padding:20px }
> #subnav { margin:10px 0;}
> #subnav a { color:#7A0C0C; }
> #subnav a:hover { color:#E51414 }
> .copyright { font-size:10px;}
>

CSS layout

Hi
A couple of embarrassingly basic questions but would
appreciate help:
1. I'm using a CSS layout template and need to alter the
position of a div border (to coincide with another border). How do
you physically do this? Can't seem to "drag and drop" the border
2. I've aligned a Heading to the "left" but when I display it
on the browser it either stays to the left or moves to the center
of the div. depending on the size of my window. How do you prevent
this?
3. Currently my html and css codes are in 2 different
(linked) documents. When I publish to the web do I simply load both
files or do I need to copy and paste the css coding into my html
document?
Thanks once again

Posting our code would be helpful
> 1. I'm using a CSS layout template and need to alter the
position of a div
> border (to coincide with another border). How do you
physically do this?
> Can't
> seem to "drag and drop" the border
I'm not sure what you're asking here ... positioning a
border? the div
border is always, well, on the perimeter of the div. Do you
want to move one
edge of the div over 10 px? If so (and assuming its the left
border...) ,
try subtracting 10 px from the div width and giving the div a
margin-left of
10px. As for "drag and drop," what are we dragging? What are
we dropping?
> 2. I've aligned a Heading to the "left" but when I
display it on the
> browser
> it either stays to the left or moves to the center of
the div. depending
> on the
> size of my window. How do you prevent this?
can we see the code here? It sounds to me like you're running
into problems
with an element being set to 500px wide and then a browser
window that is
400px wide. A wide img maybe? I'm only guessing at things
without seeing th
ecode though
> 3. Currently my html and css codes are in 2 different
(linked) documents.
> When
> I publish to the web do I simply load both files or do I
need to copy and
> paste
> the css coding into my html document?
Yep. Just make sure they stay relative to each other in the
same way. In
other words, if both your htm file and css file are in the
same folder on
your local machinge then they must remain in the same folder
on your server.
If your css is in a subfolder called "css" then you need to
make sure your
css file is in a similar subfolder on the server
Alex

DW8 - won't display CSS layout

Similar Messages

Maybe you are looking for