Photoshop CS3 to Dreamweaver CS3 CSS question
Hi all,
I am sorry if this is allready dicussed a couple of times.I did a search and just could not find it. When I export a site from Photoshop CS3 to DIV (generate CSS by ID) it is aligned to the left and all DIV's have a specific position on the page. How can I get my site to center in Dreamweaver CS3 without having to adjust al separate DIV's?
For Example: When I export from Photoshop all slices are exported as folowed.
#Table_01 {
position:absolute;
left:auto;
top:0px;
width:832px;
height:562px;
right: auto;
#test-13 {
position:absolute;
left:275px;
top:26px;
width:9px;
height:189px;
#test-14 {
position:absolute;
left:284px;
top:26px;
width:128px;
height:98px;
I know how to make a DIV center (with Margin auto left and right) but I do not know how to center all DIV's at once.
I hope you are willing to help me with this. In case you have more questions let me know.
The answer is to not let Photoshop write either your HTML or your CSS for you. What you show is a disaster waiting to happen, really, and is characteristic of the kind of mess produced by any wizard that writes HTML based on a graphic layout. Use your graphics editors to produce your graphics. Build your page in DW. It's a much better way to go.
I know how to make a DIV center (with Margin auto left and right) but I do not know how to center all DIV's at once.
I hope you are willing to help me with this. In case you have more questions let me know.
Leaving your page with all absolutely positioned elements is really asking for trouble, but here's how to make them all center at once -
Change this -
</head>
to this -
<style type="text/css">
#wrapper { width:760px; margin:0 auto;position:relative; }
/* 760px will display on an 800px screen maximized browser window without */
/* horizontal scrollbars. Change as needed */
</style>
</head>
change this -
<body ...>
(the ellipsis represents any other attributes that might be mentioned in the body tag, and SHOULD NOT BE INCLUDED EXPLICITLY!)
to this -
<body ...>
<div id="wrapper">
and this -
</body>
to this -
<!-- /wrapper -->
</div>
</body>
and see if that helps.
Similar Messages
-
Photoshop CS to Dreamweaver CS3
I am using Photoshop and Indesign CS on a PC. I would like to
get Dreamweaver (probably CS3 because I can get it for less money.)
Will the two programs be compatible? Can I import Photoshop cs
.psds (or Indesign .pdfs) into Dreamweaver cs3? Or will I have to
also upgrade Photoshop and InDesign?
Thanks for any advice.> Can I import Photoshop cs .psds (or Indesign .pdfs) into
> Dreamweaver cs3?
No. But that is true for an version of PS/ID/DW, as Jerry has
said.
Taking a Fireworks comp to a CSS-based layout in Dreamweaver
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
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
==================
"jbrine1" <[email protected]> wrote in
message
news:gm2ni6$3eh$[email protected]..
>I am using Photoshop and Indesign CS on a PC. I would
like to get
>Dreamweaver
> (probably CS3 because I can get it for less money.) Will
the two programs
> be
> compatible? Can I import Photoshop cs .psds (or Indesign
.pdfs) into
> Dreamweaver cs3? Or will I have to also upgrade
Photoshop and InDesign?
> Thanks for any advice.
> -
Flash CS3 versus Dreamweaver CS3??
Hi all,
i am about constructing a profotionnal web site...
and i don't know the best and more wide and advanced software
doing that,
i am ezitated between Adobe Flash CS3 and Adobe Dreamweaver
CS3 ??
Is there another one better than these 2??
Please advise me,
ThanksI don't really think that learning Dreamweaver is easier then
Flash. In the end, it's all up the everyone's personal abilities.
Before you start building your web page, you should have a clear
plan about what you are trying to create. Depending on that data,
you will be able to choose between Flash or Dreamweaver. If you
want an interactive web page with animations or simply with a more
complex user interaction, then you'll be going for Flash ; on the
other hand, if you just want something up an running, then you
should go for Dreamweaver.
PS: reagarding the "Flash is harder to learn then
Dreamweaver", not really true. Why ? Because once you understand
Flash and you start creating web pages, you won't have to worry
about cross-platform compatibility. On the other hand, learning
Dreamweaver will also imply learning, Javascript, CSS, PHP ( maybe
not all three, but CSS is for sure ), and getting your site to look
good on different browsers could easily end up in a huge waste of
time and neurons... Both Flash and Dreamweaver have advantages and
disadvantages, you must choose the one that suits your project the
best. ;) -
Flash CS3 versus Dreamweaver CS3! Or Other??
Hi all,
i am about constructing a profoshionnal web site...
and i don't know the best and more wide and advanced software doing that,
i am ezitated between Adobe Flash CS3 and Adobe Dreamweaver CS3 ??
Please advise me,
ThanksDreamweaver and Flash are different, but complimentary, tools. They do different things.
I would say that if you're not not familiar enough with Flash to judge how well it might work for you, then you're better off putting Flash to the side and worry about a tool like Dreamweaver for now.
Dreamweaver has many competitors, but you're unlikely to find any to match it for production work. However, for iTunes U, the tough part is getting your transfer CGI working -- that is your biggest concern -- and neither Flash nor Dreamweaver is going to help you much in that department. Best to concentrate on getting the transfer CGI working, in my humble opinion. 'Course no harm in learning Dreamweaver while doing so. -
Fireworks CS3 and Dreamweaver CS3 (Menu problems)
I am trying to develop buttons in fireworks, import them into Dreamweaver, but for some reason it it cause my menu at the top of the page to expand outward. Take a look here. http://www.gcfa.org/episcopal-revision.html Any help would be great. Thanks in advance.
I figured it out. It was really stupid and to tell you the truth I am not sure what happened. But I fixed it by taken out all of the menu and redoing it.Weird huh! Thanks anyway.
-
hi there,
how should I sychronize my allready exsisting adobe photoshop cs3 adobe dreamweaver cs3 from my home computer on my windows surface pro tablet 8.1@@Was this from disc or download?
If from disc, you'll need to connect an external disc drive via USB to the Surface. -
Adobe Dreamweaver CS3 has shopped working
In the past two days I have been getting the following error
message when I try to make changes to an open page in Dreamweaver
CS3:
"Adobe Dreamweaver CS3 has stopped working"
"A problem caused the program to stop working correctly.
Windows will close the program and notify you if a solution is
available".
I am running Windows Vista Ultimate. I have not installed any
new programs recently, so I'm thinking that either a recent Windows
Update or and Adobe Update may be causing this new problem. Is this
a known issue? Does anyone know of a solution to this
problem?Rene wrote:
> In the past two days I have been getting the following
error message when I try
> to make changes to an open page in Dreamweaver CS3:
This is probably the answer to your problem:
http://www.adobe.com/go/kb402776
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/ -
Version Cue CS3 with Dreamweaver
How am I supposed to use Version Cue CS3 with Dreamweaver CS3. Am I supposed to install VC on the production server?
Thanks,
ChrisPlease ask about version cue in the VC forum.
-
Copy & Paste from PS CS3 to DW CS3?
Hi Everyone,
I have my nice shiny new copy of Creative Suite 3 (Design
Premium) and have tried an eagerly anticipated feature with
absolutely no luck! I've been trying to copy an image ( small
photo) from PS into DW. Sometimes DW grays out the paste menu item
like it doesn't think there's anything on the clipboard (Win Vista
Business) and other times it allows the paste, but all I get in DW
is an alphanumeric string like "WCD07". Has anyone else had this
issue? Any ideas for a fix/work-around?
Thanks!
BillYes.
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
==================
"Walt F. Schaefer" <[email protected]> wrote in
message
news:f4pi2p$scj$[email protected]..
> Interesting. I'm guessing that when you execute the
paste you get a DB to
> save the file, set compression, select PNG or JPG, etc.
Is that accurate?
>
> Thanks Gary.
>
> --
>
> Walt
>
>
> "Gary White" <[email protected]> wrote in
message
> news:[email protected]..
>> On Wed, 13 Jun 2007 09:33:56 -0700, "Walt F.
Schaefer"
>> <[email protected]> wrote:
>>
>>>> tried an eagerly anticipated feature
>>>
>>>Just curious, on what basis were you anticipating
this feature?
>>
>> Perhaps because of this:
>>
http://www.adobe.com/products/dreamweaver/upgrade/
>>
>> Adobe Photoshop and Fireworks integration
>>
>> Copy and paste directly from Adobe Photoshop®
CS3 or Fireworks® CS3 into
>> Dreamweaver CS3 to leverage assets from your
prototype in your finished
>> project.
>>
>> Gary
>
> -
Design view in DreamWeaver CS3 disabled for CSS & Java
I currently use Adobe Dreamweaver CS3, and only some files have the option to view them in code AND in design view. This works for most files (HTML, PHP, etc). However, anytime I create a new CSS or Java file, the design view is disabled:
I have already tried the two other solutions I've found in this forum.
First I tried Preferences > File Types / Editors, and I deleted all of the file types in the "Open in Code View" menu (pictured below).
I restarted DW, and it didn't work.
Then I tried several steps to re-create the Configuration folder (which it did, but the problem remained) listed here: http://kb2.adobe.com/cps/401/kb401118.html.
Still nothing. HTML, PHP, ASP and all other files have the Design View and Split View available, but CSS and Java do not. I would really like to use DW to start editing CSS, but do not know it well enough to write in code and therefore could really use that handy Design View so I can learn as I tweak it.
Any help much appreciated - thanks!HTML, PHP, ASP and all other files have the Design View and Split View available, but CSS and Java do not.
That's correct. That's as it should be.
A CSS file contains a bunch of text only CSS rules. Javascript is text-only script. There's no layout to see for CSS and JS files in Design and Split View so they're disabled.
Files with layout e.g. .htm, .php have Design View because they're web pages with a layout which can be viewed.
I would really like to use DW to start editing CSS, but do not know it well enough to write in code and therefore could really use that handy Design View so I can learn as I tweak it.
Open any .htm or .php (or other) web page and its associated CSS file.
Then tweak the CSS either via Code View in the CSS file, or using the DW CSS Editor when viewing the .htm/.php file, and see the formatting changes applied in Design View in the .htm (or .php) file.
Do not rely on DW's Design View as an absolute reference for pixel perfect accuracy. It will always be an approximation only to assist visually oriented web designers while editing.
Always test all CSS rules and edits in a range of browsers. Browser support for CSS rules and effects varies. Not all browsers support everything on offer in CSS1, CSS2 and CSS3. -
Dreamweaver CS3 Upgrade question
Which version of Dreamweaver is upgradable to CS3 version:
Macromedia Dreamweaver MX (Educational Version)
Macromedia Dreamweaver MX 2004
Macromedia Dreamweaver 8
Please help. Thanks!Eligibility Chart shows you which upgrade path you can take:
http://www.adobe.com/products/creativesuite/web/upgrade/
You cannot however, upgrade from owing a Macromedia suite and
upgrading to a
stand-a-lone version of a product, like Dreamweaver CS3 only.
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
Spry Widget Examples
http://www.dreamweaverresources.com/spry-widgets/
"NdptDsngWmn" <[email protected]> wrote in
message
news:f6qp9a$kbj$[email protected]..
> Which version of Dreamweaver is upgradable to CS3
version:
> Macromedia Dreamweaver MX (Educational Version)
> Macromedia Dreamweaver MX 2004
> Macromedia Dreamweaver 8
> Please help. Thanks!
>
> -
DReamweaver CS3 tryout question
I have installed the tryout version of Dreamweaver CS3 on my
computer.
Is there a way to make a "custom" installation? Presently it
just installs everything without giving the opportunity to make
selections, except for the installation location and the file
associations. Is this because I am dealing with a tryout, or would
I have the exact same procedure if I were to buy the "boxed"
edition?
As I already have Photoshop CS2 installed, I already have its
version of Bridge installed. So, now I find myself with 2 Bridges.
Is this OK? Is there a way to uninstall one of them?
Also, the tryout version installs something called "Bonjour
Service" Can anybody tell me what is the function of this
application? What does it do exactly? Do I need it?
Thanks to allThere is no way to alter the installation process,
unfortunately.
And Bonjour is a way for DW to discover any online network
servers for
VersionCue, even though the latter app doesn't work in CS3.
Unfortunate....
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
==================
"Soula-55" <[email protected]> wrote in
message
news:f3eebv$71u$[email protected]..
>I have installed the tryout version of Dreamweaver CS3 on
my computer.
>
> Is there a way to make a "custom" installation?
Presently it just installs
> everything without giving the opportunity to make
selections, except for
> the
> installation location and the file associations. Is this
because I am
> dealing
> with a tryout, or would I have the exact same procedure
if I were to buy
> the
> "boxed" edition?
>
> As I already have Photoshop CS2 installed, I already
have its version of
> Bridge installed. So, now I find myself with 2 Bridges.
Is this OK? Is
> there a
> way to uninstall one of them?
>
> Also, the tryout version installs something called
"Bonjour Service" Can
> anybody tell me what is the function of this
application? What does it do
> exactly? Do I need it?
>
> Thanks to all
> -
Help! Sometimes Dreamweaver CS3 can't see my .css file
Once a day or so dreamweaver cs3 can't see my .css file. So
all my files that I am working with turn to poop. To fix I have to
close each file and re-open. Then my .css returns and all my files
are how they should be. Anyone else ever have this problem?That I do not know - I've never looked. From the styles
panel, I do know that it does not completely disapear - it shows
the .css - just all the rules are missing. I will look next time.
Usually only happens when multiple files are open. Thanks -
Missing CSS and other layouts in Dreamweaver CS3
I just recently upgraded to CS3 Mac -- I know, a little late
-- and when I hit New > New Document window pops up with the
type of new document selectable on the left and an empty field on
the right when certain options on the left are selected, such as
CSS. No options appear, like they do for HTML. I bought the
download products (CS3 Design Premium ) and even reinstalled
Dreamweaver. Still no bonus layouts. Suggestions?? I do not have
the disc with this download product. It is genuine Adobe. I
upgraded from Dw 8, but I have deleted 8.
Thanks.This is as designed. When you select CSS as the document
type, you will get
a blank CSS declaration and you can type CSS rules to make a
CSS page. That
is what it is supposed to do. If you want the CSS layouts
that come with
the product, then select HTML (or ASP, PHP, etc) and the CSS
layouts are in
the second pane over. Select the document type like HTML and
then select
the layout you want to use in the second column and then
click the Create
button.
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
"mcjack" <[email protected]> wrote in
message
news:gbcjsf$g4k$[email protected]..
>I just recently upgraded to CS3 Mac -- I know, a little
late -- and when I
>hit
> New > New Document window pops up with the type of
new document selectable
> on
> the left and an empty field on the right when certain
options on the left
> are
> selected, such as CSS. No options appear, like they do
for HTML. I bought
> the
> download products (CS3 Design Premium ) and even
reinstalled Dreamweaver.
> Still
> no bonus layouts. Suggestions?? I do not have the disc
with this download
> product. It is genuine Adobe. I upgraded from Dw 8, but
I have deleted 8.
> Thanks.
> -
I just upgraded from Panther to Leopard and need to upgrade my PhotoShop 7.0 to CS3. What do I need to do to insure the upgrade is successful? And... what do I need to pull from my OS 9 before I delete it?
*"What do I need to do to insure the upgrade is successful? "*
You shouldn't have to do anything...just install CS3.
Regardless, since Photoshop is not an Apple product, you should post your questions on Adobe's discussion forums, rather than an Apple forum that focuses on the isntallation of OS X:
http://www.adobeforums.com
Maybe you are looking for
-
Discoverer 4i report..please help
Hi, I have to create a crosstab report in discoverer 4i . The output depends on a date range which is a parameter. The output has to show the count of say category of items bought per month within the date range. There is no limit to the number of mo
-
IPad mini Cannot Connect to ANY network, best course of action?
iPad mini was working until around 6 PM, where it just stopped connecting to wifi and internet just stopped. Tried all methods that was discussed in the past post, which included resetting network setting in Settings section, hard reset, putting the
-
Changes after firmware upgrade in nokia 3250
hi i have nokia 3250 and want to are there any changes after upgrading firmware beacuse before i owned nokia 6270 and after upgrading firmware the music volume on my headset became very low and i dont want same wit my 3250
-
Hi All, I am trying deploying my apache restful webservice in Weblogic12c application server and I am facing below issue: <Sep 9, 2014 2:56:52 PM IST> <Error> <HTTP> <BEA-101216> <Servlet: "Jersey" failed to preload on startup in Web application: "ap
-
Exporting issues with transission
Hello I have actaully two issues. issue one: my wife has a HD flip camera, now she asked me to edit some of the footage she shoot. When brining the clips onto the time line I get a red line and the audio is not playing back, which makes it hard to ed