CSS and Design View

I have used Dreamweaver since v3 and CSS for 4 years.
Previously I have had no difficulty seeing the result of my linked
style sheet in the design view when viewing an html page. I have
recently updated to Dreamweaver 8.02. I also use Style Master 4.51
for CSS work. Could either of these be influencing the application
rendering the css in design view or is it something else? Any
ideas?

From your main Dreamweaver menu:
View > Style Rendering
Make sure you have not inadvertantly turned off style
rendering.
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"
"mimbee10" <[email protected]> wrote in
message
news:epbltn$p1g$[email protected]..
> In design view I do not see the page rendered with the
CSS style,
> instead it is
> plain- formatted as though the style sheet can not be
found. What is
> the
> correct way to reference the css when attached
externally? Or, is
> Style master
> taking over the CSS rendering function???
>

Similar Messages

Problem with code and design view

When I try to have both the code and design view
side by side in Dreamweaver CS4 on a PC -- I get the html code in both sections.
How do I see the layout while looking at the code?
Thanks for help.
Library Friend

You've probably got View > Split Code checked.
Click View > Code and Design

Is it possible to turn off CSS and design text with HTML only?

I'm trying to design text with HTML only ie: Font, Color, Size. The only method I'm aware of is to highlight the text and then go to Insert> Html> Text Objects. That method is tedious and time consuming.
I'm not looking for arguments or reasons as to why I should use CSS, I'm simply looking for a solution to disable CSS and design with HTML. I'm using Dreamweaver CS5.
Thank you,
Paul

Murphy,
Thank you for your response. I checked the preferences as you advised and could not find any option to turn off CSS. I don't understand why there doesn't seem to be a straightforward solution to this, it seems so simple. The reason is that the code will be inputed into an eBay listing and therefore CSS code is not supported.
Any other input for a seemingly simple yet complex solution to this is welcome and appreciated.

Combined code and design view broken

I use Dreamweaver MX 2004 and normally work in the "split"
(code and design) view. I just opened a site to work on it and that
mode does not work - I click on the link in the toolbar, but it
does not take effect. I also cannot make it work from
View-->Code and Design. The individual Code and Design views DO
work so I suspect it's a configuration problem. I checked
Edit->Preferences->Filte Types/Editors, and .html is not
listed in the "open in code view" dialog box. What would cause this
feature to suddenly stop working? I've Googled every conceivable
keyword and phrase to find an answer, without success. Has anyone
else experienced this behavior?

Never mind - figured it out. Duh, do I feel like a dummy! I
had apparently dragged the bottom border of the code window all the
way down, so the design view was hidden. Sorry!

Dreamweaver Momentarily Freezing When Moving Between Code and Design View

I have Dreamweaver CS4 and have had a problem that just started yesterday. I have rebooted my machine to no avail. The local copy and the live copy of the site are on two different servers that we access through a local network.
Dreamweaver slows to a standstill if I click to another program and then attempt to go back into Dreamweaver or if I switch between design and code view.
I haven't made any changes to Dreamweaver in the way of added extensions or updates. Is it possible that the cause of this could be either a server problem or a connectivity to the server problem?
Many thanks in advance for any help you could provide.
Andy

You can use CTRL+# to switch between Code and Design View.
By the way, this is the Dreamweaver Application Development forum which deals with questions about using server-side scripting languages like PHP or ColdFusion. General Dreamweaver questions should be posted in the regular Dreamweaver General Discussions forum.
And while I´m at it: please use descriptive headlines such as "how to switch between Code and Design View" for your posts -- mentioning your screen name "Goula129" is not helpful to other users.

Upgrade work better w/ css in design view?

I have DW8. With css based pages it sometimes is quite
awkward in design view. Has the latest version of DW improved in
that respect? I don't mean preview mode, I mean design mode where I
edit text.

How does it appear in the browser preview? Does the page
validate here -
http://validator.w3.org
Does the CSS validate here -
http://jigsaw.w3.org
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
==================
"dpatadobe" <[email protected]> wrote in
message
news:gjt7qj$mfa$[email protected]..
>I don't think it is goofy css. Even if I look at a design
from an
>acknowledged
> expert columns and boxes are not in the same place as
the final view. e.g.
> a
> column may be shifted down in the edit view or even
overlapped which makes
> it
> impossible to read text. (thi is in dw 8).
>

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
>>>
>>>
>>>
>>>
>>
>>
>

Designing with CSS in Design View

Hey guys, I'm working on learning CSS. One problem I'm having
is that while I'm working on the code, what shows in the design
view in dreamweaver isn't the same, (not even close), to what it
looks like in any browser. For example the location of a div will
be totally different.
It seems like it would be very hard to design this way. Why
doesn't dreamweaver attempt to reflect what it looks like in one of
the browsers. Is this just the way it is when designing with css?
If so, how the heck do people do it? Do you just have to keep
previewing the site every time you change the css?
Using dreamweaver MX
thanks, mike

> Using dreamweaver MX
Sadly, that's the dullest knife in the drawer. Is it DMX6.0
or 6.1?
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
==================
"southdaytona" <[email protected]> wrote in
message
news:f08qoq$bed$[email protected]..
> Hey guys, I'm working on learning CSS. One problem I'm
having is that
> while
> I'm working on the code, what shows in the design view
in dreamweaver
> isn't the
> same, (not even close), to what it looks like in any
browser. For
> example the
> location of a div will be totally different.
>
> It seems like it would be very hard to design this way.
Why doesn't
> dreamweaver attempt to reflect what it looks like in one
of the browsers.
> Is
> this just the way it is when designing with css? If so,
how the heck do
> people
> do it? Do you just have to keep previewing the site
every time you change
> the
> css?
>
> Using dreamweaver MX
>
> thanks, mike
>

3rd party tags and design view customization

I know that Dreamweaver allows me to replace third party tags
with images in design view. My question is can I make my jsp widget
tags look dependent on attributes of that tag?
And why can’t I say that my <widget:suggestionBox
… size=”10” /> should look like a <input
size=”10” /> in design view?
Are there plans to support this long overlooked functionality
in the near future?

Well I am sure you wrote in good faith and I appreciate
anybodys help . However, I do not want to be rude, but if you have
nothing to say, than please don't post something useless. I am sure
there are many areas where you can post real solutions.
Of course DW works nicely with xsl in design view. My problem
was finally answered in another thread, I hope that link works.
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?catid=190&threadid=1266443&fo rumid=12
I mark this as the answer, so everybody with that problem
knows where the solution is.
Joe

Flash Builder 4.7 and design view question

I have programmed a large, commercial level mobile application using Flash Builder 4.6. It is working GREAT when ran on both iOS and Android devices.
I was using the trial version of Flash Builder 4.6 to develop this application. I used the states feature that FB has built in to handle Portrait, Landscape, and Phone / Tablet configs. This means that I built 4 different layouts for all 8 of my views in my mobile application. Using the design view in FB 4.6 was what allowed me to do this.
I have to say that I LOVE Flash Builder so far. GREAT tool.
My trial ended just last week. I had to purchase version 4.7 of the software, only to find out that they REMOVED the design view from the software.
All complaining aside, what have other programmers who are in the same boat as me done as a solution? I would like to continue to program in AS and Flash Builder as I have taken the time to write the application and learn the whole platform.
As it stands now, I am in the process of downgrading my liscence keys from 4.7 to 4.6, but in order to do this I had to RETURN my retail version of FB 4.7 premium (bought online) and buy a volume liscening version (NOT through adobe, only allowed to do this through a reseller such as CDW). then once I have a key for 4.7 through volume liscencing, it can be downgraded to 4.6.
I'm hoping to get input from others in the same boat. Did you change Programming languages? if so, to what? Did you change IDE's? If so, to what?

Joe -
     I actually never completed the downgrade to 4.6 so I've been using 4.7 without the design view.    In 4.6, I would put a control on the view within design view. Then I would change each state, move it around, and it would be placed that way. In my case, each view has 4 states - portraitPhone, landscapePhone, portraitTablet, and landscapeTablet.   I had to do this 4 times for each control under 4.6
     So I went back and looked at my code in 4.7 and all the resulting code was these explicit x, y, height, and width values. See the code below:
<s:states> <s:State name="portraitPhone" stateGroups="phone,portrait"
/>
<s:State name="landscapePhone" stateGroups="phone,landscape"/>
<s:State name="portraitTablet" stateGroups="tablet,portrait"/>
<s:State name="landscapeTablet" stateGroups="tablet,landscape"/>
</s:states>
<s:List id="lstMake" x="10" y="19" height="25%" allowMultipleSelection="false"borderVisible="
true" click="changeMake(event)" labelField="label"width.landscapePhone="
295" height.landscapePhone="105"x.landscapeTablet="
25" y.landscapeTablet="54" width.landscapeTablet="461"height.landscapeTablet="
292" fontSize.landscapeTablet="24"width.portraitPhone="
182" height.portraitPhone="175"x.portraitTablet="
16" y.portraitTablet="35" width.portraitTablet="399"height.portraitTablet="
360" fontSize.portraitTablet="24">
<s:dataProvider>
<s:ArrayList id="makeCollection">
<fx:Object label="Cadillac" data="18"/>
<fx:Object label="Chevrolet" data="1"/>
<fx:Object label="Dodge" data="2"/>
<fx:Object label="Ford" data="3"/>
<fx:Object label="GMC" data="4"/>
<fx:Object label="Isuzu" data="6"/>
<fx:Object label="Jeep" data="7"/>
<fx:Object label="Licoln" data="8"/>
<fx:Object label="Mazda" data="9"/>
<fx:Object label="Mercury" data="10"/>
<fx:Object label="Nissan" data="11"/>
<fx:Object label="Oldsmobile" data="12"/>
<fx:Object label="Sterling" data="20"/>
<fx:Object label="Suzuki" data="13"/>
<fx:Object label="Toyota" data="14"/>
</s:ArrayList>
</s:dataProvider>
</s:List>
<s:Label x="10" y="8" fontSize="11" text="Vehicle Make"x.landscapeTablet="
10" y.landscapeTablet="23" fontSize.landscapeTablet="24"fontSize.portraitTablet="
24"/>
<s:Label x="143" y="11" fontSize="11" text="Vehicle Year"x.landscapePhone="
354" y.landscapePhone="10"x.landscapeTablet="
517" y.landscapeTablet="23" width.landscapeTablet="143"height.landscapeTablet="
26" fontSize.landscapeTablet="24"x.portraitPhone="
204" y.portraitPhone="8"x.portraitTablet="
446" y.portraitTablet="11" fontSize.portraitTablet="24"/>
<s:List id="lstYear" x="145" y="20" height="25%" allowMultipleSelection="false"borderVisible="
true" click="doYearChange(event)" dataProvider="{yearCollection}"labelField="
value"x.landscapePhone="
313" y.landscapePhone="19" width.landscapePhone="157"height.landscapePhone="
105"x.landscapeTablet="
524" y.landscapeTablet="54" width.landscapeTablet="343"height.landscapeTablet="
292" fontSize.landscapeTablet="24"x.portraitPhone="
200" y.portraitPhone="19" height.portraitPhone="194"x.portraitTablet="
453" y.portraitTablet="37" width.portraitTablet="276"height.portraitTablet="
358" fontSize.portraitTablet="24">
</s:List>
<s:List id="lstModel" x="10" y="147" height="30%" borderVisible="true"dataProvider="
{modelCollection}" labelFunction="lblFunct"width.landscapePhone="
460" height.landscapePhone="99"x.landscapeTablet="
13" y.landscapeTablet="384" width.landscapeTablet="992"height.landscapeTablet="
309" fontSize.landscapeTablet="24"x.portraitPhone="
10" y.portraitPhone="221" width.portraitPhone="301"height.portraitPhone="
184" allowMultipleSelection="false"click="doModelSelected(event)" fontSize.portraitPhone="
12"x.portraitTablet="
16" y.portraitTablet="428" width.portraitTablet="742"height.portraitTablet="
521" fontSize.portraitTablet="24"></s:List>
<s:Label x="12" y="132" fontSize="11" text="Vehicle Model"x.landscapeTablet="
10" y.landscapeTablet="354" fontSize.landscapeTablet="24"x.portraitPhone="
10" y.portraitPhone="207"x.portraitTablet="
10" y.portraitTablet="401" width.portraitTablet="154"height.portraitTablet="
21" fontSize.portraitTablet="24"/>
So instead of continuing to try and modify these values by hand, then run the program, using trial and error, I took a different tact.   I removed ALL x y height and width values. Then, I wrapped all the mxml code in either <s:HGroup or <s:Vghroup tags depending on what I wanted. Then I would just set the vertical and horizontal align on these groups. This allows everything to scale correctly based on the size of the view (each device really is a little different).   Finally, I hand entered things like font sizes by using State Groups like this:   fontSize.phone="12" fontSize.tablet="22".    It still took testing on the screen to see how my layouts worked but it just makes the UI so much easier to change around and works so much better with out all the static stuff in it.
If you have some time , I would suggest taking one of your 4.6 views that has all these static variables and trying to modify it to work like I said above.    My modified code (to do the same thing as above) is below:
<s:states> <s:State name="portraitPhone" stateGroups="phone,portrait"
/>
<s:State name="landscapePhone" stateGroups="phone,landscape"/>
<s:State name="portraitTablet" stateGroups="tablet,portrait"/>
<s:State name="landscapeTablet" stateGroups="tablet,landscape"/>
</s:states>
<s:VGroup height="100%" width="100%" verticalAlign="top">
<s:HGroup paddingTop="10" width="100%" height="50%">
<s:VGroup width="60%" paddingLeft="5">
<s:Label fontSize="11" text="Vehicle Make"fontSize.tablet="
24"/>
<s:List id="lstMake" width="100%" allowMultipleSelection="false"borderVisible="
true" click="changeMake(event)" labelField="label"fontSize.tablet="
24" fontSize.phone="12">
<s:layout>
<s:VerticalLayout horizontalAlign="contentJustify" requestedMaxRowCount.portraitTablet="8" requestedMaxRowCount.phone="6" requestedMaxRowCount.landscapeTablet="4"gap="
0" rowHeight.phone="28" variableRowHeight="false" rowHeight="55"verticalAlign="
middle"/>
</s:layout>
<s:dataProvider>
<s:ArrayList id="makeCollection">
<fx:Object label="Cadillac" data="18"/>
<fx:Object label="Chevrolet" data="1"/>
<fx:Object label="Dodge" data="2"/>
<fx:Object label="Ford" data="3"/>
<fx:Object label="GMC" data="4"/>
<fx:Object label="Isuzu" data="6"/>
<fx:Object label="Jeep" data="7"/>
<fx:Object label="Lincoln" data="8"/>
<fx:Object label="Mazda" data="9"/>
<fx:Object label="Mercury" data="10"/>
<fx:Object label="Nissan" data="11"/>
<fx:Object label="Oldsmobile" data="12"/>
<fx:Object label="Sterling" data="20"/>
<fx:Object label="Suzuki" data="13"/>
<fx:Object label="Toyota" data="14"/>
</s:ArrayList>
</s:dataProvider>
</s:List>
</s:VGroup>
<s:VGroup width="30%">
<s:Label fontSize="11" text="Vehicle Year"fontSize.tablet="
24"/>
<s:List id="lstYear" width="100%" allowMultipleSelection="false" borderVisible="
true" click="doYearChange(event)" dataProvider="{yearCollection}"labelField="
value" fontSize.phone="12" fontSize.tablet="24">
<s:layout>
<s:VerticalLayout horizontalAlign="contentJustify" requestedMaxRowCount.portraitTablet="8" requestedMaxRowCount.phone="6" requestedMaxRowCount.landscapeTablet="4"gap="
0" rowHeight.phone="28" variableRowHeight="false" rowHeight.tablet="55"verticalAlign="
middle"
/>
</s:layout>
</s:List>
</s:V

Code hints and Design view preview missing

Using FB with Flex sdk 3.3 and AFCS SDK 0.91. I installed the
SDK per the instructions in the ACFS dev guide. I then added the
FP9 afcs.swc to my project build path and compile for fp 9.0.124
The sample apps do compile and run.
However
1. I am getting no code hinting for the acfs classes
2. IN design view, the components show as white rectangles
with red x's and obscure the flex components
3. The design view>components view, the acfs folder is
empty, while the "custom" folder is full of acfs components.
Any idea as to what might be incorrect?
Thanks,
Will

Hi Will,
I think it turns out we made a slight error in the dev guide
in the setup instructions - we mention that you should link the
AFCS source into your project in order to debug. Unfortunately this
seems to override the useful metadata baked into the SWC which
makes the SDK work with FB more seamlessly.
Advice : Remove the source path, then go to the library
path. Where you see AFCS.swc, expand it and select "source
attachment". Hit the edit button and add the source path there.
This seems to do the trick, allowing you to debug into the code
without overriding the swc itself.
We'll get the docs fixed up to reflect this better way to
set up the SDK.
thanks
nigel

Virtual includes and design view

I am working on a redesign of our Intranet and have found a
weird problem
with the includes that I am trying to use. Our Intranet is
located at
http://swvtc06/swvtc (I understand
that no one will be able to see it), the
swvtc is a virtual directory in IIS. If I code my includes
like this,

Then I can see the included file in Dreamweaver, but when I
execute the
page, it gives me an error, "Include file not found". So I
must change the
include code to,

in order for the code to work properly. This however removes
the included
file from the design view.
Am I missing something in the site setup?
Thanks,
Drew

Drew
Unless you are running off a properly configured IIS server
it is often
better to use FILE includes rather than Virtuals. The issue
is that your
intranet has been hung as a virtual directory off the default
website found
at localhost.
Paul Whitham
Certified Dreamweaver MX2004 Professional
Adobe Community Expert - Dreamweaver
Valleybiz Internet Design
www.valleybiz.net
"Drew" <[email protected]> wrote in message
news:ekpmrn$dq2$[email protected]..
>I am working on a redesign of our Intranet and have found
a weird problem
>with the includes that I am trying to use. Our Intranet
is located at
>
http://swvtc06/swvtc (I understand
that no one will be able to see it), the
>swvtc is a virtual directory in IIS. If I code my
includes like this,
>
> 
>
> Then I can see the included file in Dreamweaver, but
when I execute the
> page, it gives me an error, "Include file not found". So
I must change
> the include code to,
>
> 
>
> in order for the code to work properly. This however
removes the included
> file from the design view.
>
> Am I missing something in the site setup?
>
> Thanks,
> Drew
>

Root relative images and design view

I have many sites that have root relative image paths
(src="\images\sample.gif") that I've coded by hand in DW8.
I don't use design view that much, buy one of our designers
does. The problem is none of the images with root-relative paths
will appear in design view.
I have specified valid paths in my site definitions, so
what's the issue?

> I have specified valid paths in my site definitions, so
what's the issue?
Hard to say - perhaps the developer's site is not properly
defined. There
should be no issue displaying root relative linked images in
DW's Design
view, since DW knows where the root of the site is. What is
in the HTTP
address field of the local site definition?
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
==================
"Diodeus" <[email protected]> wrote in
message
news:g91jhj$imv$[email protected]..
>I have many sites that have root relative image paths
> (src="\images\sample.gif") that I've coded by hand in
DW8.
>
> I don't use design view that much, buy one of our
designers does. The
> problem
> is none of the images with root-relative paths will
appear in design view.
>
> I have specified valid paths in my site definitions, so
what's the issue?
>

How to center page in Split and Design view?

When I look at my template in Design or Split View, it is flush right on my screen with a top margin of 20 px or so. But when I check it in Live View, or when I preview it on Firefox/Safari/Chrome/Opera, it is centered and flush against the top of the screen.
I should add that the template was fine in Design and split, until I started mucking about the a spry menu. My page fell apart, I deleted the spry with plans ot start over. But then I discovered my template flush right (in Design and Split, anyway).
Can anyone please tell me how to correct this? I suppose it's more of a nuisance than a tragedy, as long as the page is centered when it goes online. But it is a nuisance to work on the right side of the screen.
Coding follows:
    margin-top: 0px;
    margin-left: 0px;
#wrapper {
    background-image: url(../template%20images/mainBody.jpg);
    background-repeat: repeat;
    overflow: hidden;
    width: 800px;
    background-color: #CCC;
    margin-right: auto;
    margin-left: auto;
#wrapper #header {
    height: 150px;
    width: 800px;
    background-color: #CCC;
    background-image: url(../template%20images/header.jpg);
#wrapper #navBar {
    height: 55px;
    width: 800px;
    background-color: #666;
    background-image: url(../template%20images/navBar.jpg);
#wrapper #mainBody {
    width: 80%;
    margin: 0 auto;
    padding-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
#wrapper #footer {
    background-image: url(../template%20images/footer.jpg);
    width: 800px;
    height: 60px;
    text-align: center;
    font-size: 16pt;
    clear: both;
<!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>2000_template</title>

<link href="../CSS/layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>
<body>
<div id="wrapper">
<div id="header">
</div>
<div id="navBar">
</div>
<div id="mainBody">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dolor libero, aliquam vitae scelerisque in, malesuada non neque. </p>
<p>Phasellus dignissim arcu eget velit posuere vel varius magna dapibus. Phasellus pharetra imperdiet nunc, vel interdum dolor fermentum id. Integer luctus mollis tempor. Nunc lacus urna, blandit sollicitudin cursus at, ultrices et erat. Sed rhoncus, ipsum vitae dictum scelerisque, diam felis euismod augue, a facilisis massa augue ut nibh. </p>
<p>Sed ac ante magna. Nulla consequat posuere ullamcorper. In interdum, elit sed tempor suscipit, quam mauris egestas justo, sed lobortis sem magna a mi. Etiam tincidunt fringilla sapien, congue condimentum augue adipiscing ut. Nam pretium egestas lacus in elementum. Vivamus eros erat, varius nec aliquam quis, congue at orci.</p>
<p>Vivamus eget felis purus, in porta tellus. Nullam ac orci eu arcu luctus ornare. Aliquam quis ligula metus. Morbi congue cursus justo, et sagittis sem adipiscing blandit. </p>
<p>Quisque sed bibendum nisi. Curabitur ultrices imperdiet lacus in ullamcorper. Etiam pulvinar magna et neque congue eu aliquam metus semper. </p>
</div>

<div id="footer">
<p> ‹ ‹ Previous    1 :: 2 :: 3 :: 4    Continue › ›</p>
</div>
</div>
</body>
</html>

Get rid of this.
    margin-top: 0px;
    margin-left: 0px;
The universal selector (asterisk) applies whatever styles you give it to EVERY PAGE ELEMENT regardless of where it is. So unless you know exactly what you're doing, don't use universal selectors.
To center your page
body {
width:900px /**some width in pixels, ems or %}
margin:0 auto;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

'Mastered' CSS and design, moving to development, where to start?

Having got to grips after months of trying with the design
using dreamweaver, using css, i now wish to begin learning
application development to add some interactivity to my sites. The
problem being i do not now know where to start with this. Should i
learn some basic programming before heading off into SQL or PHP?
Furthermore which of these should i head off into and are books the
best route for a novice?
Thanks a lot for your help
lukey

lukey233 wrote:
> Having got to grips after months of trying with the
design using dreamweaver,
> using css, i now wish to begin learning application
development to add some
> interactivity to my sites. The problem being i do not
now know where to start
> with this. Should i learn some basic programming before
heading off into SQL or
> PHP? Furthermore which of these should i head off into
and are books the best
> route for a novice?
No, you don't need to learn basic programming before diving
into
PHP/MySQL. Dreamweaver will do much of the code generation
for you, but
it is important to have a general understanding of how PHP
works so that
you can customize the code to suit your own needs better.
If you're looking for a book, one you should consider is
mine,
"Foundation PHP for Dreamweaver 8". Naturally, I think it's
the best
thing since sliced bread, but a lot of other people seem to
like it
(read the reviews on Amazon). The book assumes no prior
knowledge of
PHP, and gives you a basic grounding in the language before
showing you
how to use all the Dreamweaver server behaviors. It also
shows you how
to build some simple server behaviors of your own. More
details on my
website:
http://foundationphp.com/dreamweaver8/
David Powers
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
Author, "Foundation PHP 5 for Flash" (friends of ED)
http://foundationphp.com/

CSS and Design View

Similar Messages

Maybe you are looking for