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
>

Similar Messages

Change the design with css

As in many other threads told, I try to change the color of my E-Recruiting with css.
I copied the MIME folder with BSP_UPDATE_MIMEREPOS to my harddisk. After that I imported those files on a personal folder e.g. myroot.
After that I changed the BSPTHEMEROOT to myroot and changed some css-files.
But there is the problem that new css-files are not used when I start the website. Have I forgotten anything to do or why are they not used??
Edited by: Holger Lindacher on Oct 30, 2008 12:39 PM

I wrote my problem to SAP and they told me, it's necessary where I import my mimes. It must be directly under SAP/PUBLIC/BC/UR/themes/Z_THEME.
Only in this directory the files will be linked with the nicf-node

Vertical Menu with CSS

Hi there.
I have been working through the excellent tuturial posted by
Adrian Senior and its the Designing with CSS – Part 4:
Creating a Two-Column Layout one.
I'm happy with doing all that and have successfully completed
what he has done, but I want to know how to stretch the left
floating horizontal menu so that the height is the same as the
content.
I want to be able to create a page with a menu and content,
exactly as the tuturial, but with the background colour of the menu
actually going to the bottom of the page, so however long the
content happens to be.
If anyone can help, I would be very grateful!
Thanks in advance,
Craig Shaw

Google "faux column".
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
==================
"craig_shaw" <[email protected]> wrote in
message
news:etr29e$nsj$[email protected]..
> Hi there.
>
> I have been working through the excellent tuturial
posted by Adrian Senior
> and
> its the Designing with CSS ? Part 4: Creating a
Two-Column Layout one.
>
> I'm happy with doing all that and have successfully
completed what he has
> done, but I want to know how to stretch the left
floating horizontal menu
> so
> that the height is the same as the content.
>
> I want to be able to create a page with a menu and
content, exactly as the
> tuturial, but with the background colour of the menu
actually going to the
> bottom of the page, so however long the content happens
to be.
>
> If anyone can help, I would be very grateful!
>
> Thanks in advance,
>
> Craig Shaw
>

Stylin' with CSS Book (3rd Edition) Recommendation

Has anyone used the "Stylin' with CSS: A Designer's Guide" (3rd Edition)? I was wondering what users experience have been with this book. I have some experience with HTML and CSS. However, I still consider myself a beginner but a fast learner. Would this be a decent book for beginner to intermediate level? I am not sure if the book is styled more like an example book or a tutorial (which my preference).
eBook Deal of the Week | Peachpit Press

http://css-tutorial-review.toptenreviews.com/stylin-with-css-a-designer-s-guide-review.htm l

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

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

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.

Create Portal Page Design with Dynamic content in Moss2007(without using Visual Studio)

Hi All,
I am facing a issue while designing a page in MOSS 2007. I can't use custom code as the client doesn't want it to be used.
The page is with dynamic content coming from sharepoint lists and picture library. I tried using SharePoint Listview after adding zones as per my page design..but was unsuccessful because I am unable to change its design and css styles in its xslt view.
Plesae help me to find any alternative so that I can easily style my page with the dynamic content. Is there any way using Content editor webparts? Can we get List data in Content editor html as this can be easily styled. I googled and tried it by using javascript
and jquery but again unsuccessful.
Please help me with some solution.
Thanks..!!

I recommend your repost this in the WebLogic Portal forum.
WebLogic Portal

Problems with Dynamic PDF design

I have created a dynamic PDF Form having 30 text fields in a row. All these fields are bounded to XSD. The design is like, a row of fields display a single user informations. When I import a XML with 100 user informations, then my PDF crashes. If I import a XML with 50 user informations, then it works fine. Anything beyond that count causes the PDF to close automatically. I believe, its the number of fields which causes the problem. I may be wrong.
I also needs to enter 100 user informations by adding rows one by one. The PDF becomes very slower when I add beyond 35th row. I'm using Livecycle designer 8.0 for designing dynamic PDFs and using Adobe reader 8.1.0 for viewing.
Can anyone help me on this?

Here is the link:
http://www.destiny-seminars.com/dev/index.html
The dev directory contains:
index.html
contact.html
speaking.html
training.html
about.html
The first page to look at where I had the most recent, most completed page, is - about.html. That will be my template for the rest. Also, there was supposed to be a feed from my blog showing up on this page; it was also perfect at first. Then, my shaded black site links section and and the copyright footer quit showing up. When I commented out the blog feed code, the footers showed up again. At one time, it all was working. so this is yet another problem I cannot figure out why stuff is changing seemingly by itself.
These pages were originally created in an online tool called webflow.com. It worked great, but they did not honor the full trial changes before they made site updates that eliminated any free use at all. This code for all files and images were exported into a zip file. The CSS files are titles as follows, in the css directory:
normalize.css
timothy-hartwell.css
webflow.css
Please help!

Site examples of using css to design for smartphone, tablet, projection

Hi,
Can anyone recommend a site that uses css to design for different platform using css. Not a standalone mobile site, but one where the existing site uses jquery to show the sites differntly.
I saw a video of it using cs5.5 and it seems to be the way forward, but would love to see how others designed/structured their sites to use this technology.
Cheers
Dave

Hi
The best place to view demo's regarding the jQuery mobile framework is the official site at - http://jquerymobile.com/. But remember designing and building a site specifically for mobiles, (tablet/mobile/cell devices) is no longer a completely different process to a normal site and all smart-phones can now display a normal desktop web site as good as a desktop pc, (and when it comes to html5/css3 even better).
The use of redirects for mobile devices is now an old outdated recommendation, and is the equivalent of saying to any tablet/smart-phone user, "Use IE7 or go-away", so unless you are mainly targeting pre-2008 devices do not bother, (Google and similar do this because they are covering 'all' devices and present a very simple page design which convert to mobiles without much difficulty). It is now a more widely accepted method to use media-queries to display a link to a mobile specific site, that is hidden on larger displays.
Do not get hung-up as some do on this site with the iPhone, it is only one of the devices that must be targeted, and is not even the most popular having a smaller market share than Android powered devices, (I personally use the iTouch, (which has the same web capabilities as the iPhone) and the Samsung Galaxy S2 for my personal testing, then SDK's and 3rd party testing services for other devices) a popular blog with many links that is specific to mobile development is - http://www.visionmobile.com/blog/.
With regards to testing on mobiles, you do not require a iPhone specifically, and if you are on the mac you can download the SDK for accurate testing, (but then what does one do for all the other devices?) and the true mark of a professional, (which I do not claim to be, my clients may, but I do not, and anyone saying they are whilst 'insulting' others must be viewed with suspicion, as inter-personal skills are also part of any designers/developers necessary skills) is knowing that you must test on all popular OS's and devices, (similar to browsers, and just testing on the iPhone is like just testing your site in IE8 and ignoring everything else) so for setting up a local testing suite see - http://www.mikebrittain.com/blog/2010/01/31/browser-testing-for-mobile-web-applications/, and/or you can also use a 3rd party service such as - http://www.deviceanywhere.com/.
For a number of tutorials on using CS5/5.5 for developing mobile site see, - http://www.adobe.com/devnet/devices/mobile-web.html.
PZ

Creating standards-compliant web designs with Fireworks CS4 Problems

Hello,
i have some problems with using background image slices.
here is it(from the DevNet arcticle creating standards
compliant web designs with fireworks cs4):
With this feature, seeing really is believing, so let's get
straight to it:
1. Create a new 500 × 500 document.
2. Draw a 200 × 40 rectangle.
3. Set the background color as #000099.
4. Set its fill to be a Linear gradient.
5. Change the first Gradient node's color to #9999FF.
6. Select Edit > Insert > Rectangular Slice.
7.
Change the following properties In the Property Inspector:
* Name: bg_rect
* Width: 1px
* Type: Background Image
* Repeat: repeat-x
* Horizontal position: left
* Vertical position: top
8. Using the Optimize panel, set the slice's export format
to GIF - Exact.
9. Export as bg_slice.htm using CSS and Images.
10. Locate the file and preview it in your primary browser.
i followed these steps exactly but i get no tiled background
only the 200 x 40 rectangle.can anyone tell me what's wrong ?
Kind Regards,

I followed these steps exactly and also viewed the HTML/CSS
exported in Firefox 3.0.5, and the rectangle appeared with the
correctly tiled gradient background. (I'm on a Win XP SP3 machine.)
I tried changing the canvas color to transparent, moving the
rectangle and slice around, changing the width of the slice, and
even changing the horizontal and vertical positioning of the
background image, and the export was still correct. Is it possible
your background image slice is not placed over the gradient? Have
you looked at the CSS exported to confirm that "bg_rect.gif" is
listed as the background image for the DIV and that the .GIF file
is being exported and is a narrow gradient image? Are all of the
export options correct? (There's only a few export options for CSS
and images (.htm), so I doubt this is your problem...)
At risk of asking the obvious, are you using Fireworks CS4
with the updated CSS/HTML extension from the article installed?
HTML/CSS export works differently between CS3 and CS4 - John
Wylie's extension was created for CS3, and Matt Stow updated it for
CS4.

Can Designer generate ADF Entity Objects, View Objects and Apps Module ?

Hi all,
On what way can Designer integrate with JDeveloper (+ ADF) ?
Can Designer generate ADF Entity Objects, View Objects and Apps Module ?
Thank you for your help,
xtanto

Designer itself has no direct integration with JDeveloper. However, there are three options. First of all, you can get a JDeveloper extension (download this separately) that lets you create a Connection to a Designer repository. From that Connection you can find modules that you defined in Designer and generate Entity and View objects for the tables and columns that you used in those modules, and an Application Module. It does not create JSPs or other user interface objects.
Another option is to buy JHeadstart from Oracle. This contains a set of code generators and ADF extensions that include an ability to get information from a Designer repository. JHeadstart works fine for non-Designer users too, but was built by the same people who wrote Designer Headstart - they know the repository API intimately.
The third option is to download Oracle Designer Extension Builder (ODEB) which was just recently made available. This is a product of a collaboration between Designer users from the Oracle Development Tools Users Group (ODTUG) and Oracle to extend the capabilities of Designer with user written tools and utilities. You could use ODEB to write your own generators for ADF Business Components. Or you could wait and see if someone else in the user community does this. I hope that you or whoever does such a generator will be willing to share it with us all.

Collaborating with a Graphic Designer

Hello,
I am going to be working on a new website for my employer and
I was
hoping some of the web professionals could give me some
advice.
I did our previous website by myself using Dreamweaver 4 and
Fireworks
4. When creating the visual look of the old site, I used
Fireworks to
create a mock-up of the way I wanted the page to look. I then
used
Dreamweaver to create a web page that duplicated the mockup.
Any fancy
graphic images (such as the masthead) were sliced up using
Fireworks and
imported as an HTML table into Dreamweaver. This worked
pretty well for
me while working solo.
However, for this new website I will be working with a
graphic designer.
What is the best way to take the graphic design that she
produces and
translate it into HTML+CSS in Dreamweaver? Can I use a
process similar
to what I used while solo? (i.e. let the designer create a
mockup in a
graphic program and then try to duplicate it in Dreamweaver
as best I
can with HTML and importing graphics as needed.) Or is there
a better way?
Keep in mind that the designer we are using is not
knowledgable about
creating websites or using tools like Dreamweaver/Fireworks.
I believe
she uses with Photoshop/Illustrator/Quark Xpress. (I will be
talking
with her tomorrow.)
Also, what software should I plan on ordering? I am planning
on
upgrading our software to Adobe CS3 Web Standard. But if she
is using
Photoshop, should I get plan on getting the Premium version?
Can
Fireworks import Photoshop files well, or do I need
Photoshop?
Thanks for you help.

Deaf Web Designer
Perhaps I should correct my sentence, that in my opinion
(once I was a
graphic designer) photoshop and illustrator was a great tool
for me both
to create web images for the web and for print design. The
save for web
dialog box has helped me a lot for optimizing the web images.
I also used firework for creating websites. But It seems for
me that
photoshop and illustrator is very perfect for me to create
artwork both
for the web and print design. No matter how complicated the
job, the two
programs were indeed very helpful for me.
I'm not saying that fireworks is bad for creating web images.
Since this
program is only for the web design (I really think so).
Remember that
Will's designer is only familiar with both program. I think
it would be
wise for his designer to stick with his tool rather than
learning a new
tool.
But. for years, even though I had fireworks, Photoshop and
Illustrator I
choose to stick with both program to works. So user friendly,
and both
program share the same interface.
I don't think that Illustrator is mainly for vector-based
application,
mobile developer also use its capability for creating svg
images, and
also for animation. And photoshop is not only for creating
bitmap, it
also often use for beautifying video and 3D animation.
Whatever it is, choose what you like. As long as you are
comfortable
with it.
Cheers
Deaf Web Designer wrote:
> Dreamworms,
>
> I am afraid that you provide inaccurate information
about primary purpose of
> Photoshop and Illustrator.
>
> Illustrator is mainly a vector-based application, while
Photoshop is a
> high-end image editing application (which is a
bitmap-based image editing app).
> While Fireworks is ideally a web image *and* web graphic
(including
> fundamentals of vector-based and bitmap-based app),
where Fireworks does a nice
> job in opitmize the file size that is specifically
designed for faster-loading
> web images or web graphics. To make it work, you need to
have a better
> understanding on how Fireworks works.
>
> As for workflow between Photoshop, Illustrator,
Fireworks and Dreamweaver, it
> can be accomplished. But again, you need to know and
understand the primary
> functionality and the primary difference between these
applications per se.
>
> But when you say "Photoshop and Illustrator are the
image editing tools that
> are perfect..." that is very inaccurate statement.
>
> Cheers, Brian
>
>
quote:
Originally posted by:
Newsgroup User
> Photoshop and Illustrator are the image editing tools
that are perfect
> for the web.
>
> Will G. wrote:
> > Hello,
> >
> > I am going to be working on a new website for my
employer and I was
> > hoping some of the web professionals could give me
some advice.
> >
> > I did our previous website by myself using
Dreamweaver 4 and Fireworks
> > 4. When creating the visual look of the old site, I
used Fireworks to
> > create a mock-up of the way I wanted the page to
look. I then used
> > Dreamweaver to create a web page that duplicated
the mockup. Any fancy
> > graphic images (such as the masthead) were sliced
up using Fireworks and
> > imported as an HTML table into Dreamweaver. This
worked pretty well for
> > me while working solo.
> >
> > However, for this new website I will be working
with a graphic designer.
> > What is the best way to take the graphic design
that she produces and
> > translate it into HTML+CSS in Dreamweaver? Can I
use a process similar
> > to what I used while solo? (i.e. let the designer
create a mockup in a
> > graphic program and then try to duplicate it in
Dreamweaver as best I
> > can with HTML and importing graphics as needed.) Or
is there a better way?
> >
> > Keep in mind that the designer we are using is not
knowledgable about
> > creating websites or using tools like
Dreamweaver/Fireworks. I believe
> > she uses with Photoshop/Illustrator/Quark Xpress.
(I will be talking
> > with her tomorrow.)
> >
> > Also, what software should I plan on ordering? I am
planning on
> > upgrading our software to Adobe CS3 Web Standard.
But if she is using
> > Photoshop, should I get plan on getting the Premium
version? Can
> > Fireworks import Photoshop files well, or do I need
Photoshop?
> >
> > Thanks for you help.
>
>
>
>

Native Multi-VRF-Lite Design with EIGRP Question

Hello,
we think about to implement a VRF-Lite design (no MPLS and MBGP) in our campus network (10,000 ports, 20x 6500Sup720, 400x L2-Switches). MPLS is from our point of view oversized for our requirements. We need only a segmentation from different departments. Our IGP is eigrp.
In the latest IOS-Release for the cat6500 (12.2.18SXD) is finally a VRF-Lite support for EIGRP inside.
We could test successful a design with different VRFs in our lab, the division workes fine. But we didn't found a way to implement shared service. These are in our case DHCP, DNS, InternerAccess and some others. We thought about a redistribution between our global EIGRP routing table and the EIGRP-vrf tables, but we didn't found a way to do this.
How can we do this?
Thanks

Use a crossover cable to connect a port belonging to the global routing table to a port belonging to a VRF. This way you can leak EIGRP routes from the global routing table into the VRF (through that physical connection). The drawback is that you use 2 ports (that could instead be used for other things...).
Another way to this, would be to use static routing; use ip route vrf VRF x.x.x.x m.m.m.m n.n.n.n global to allow traffic to go from the VRF into the global routing table.
Hope that helps...

Will Java UFLs satisfy reports designed with COM UFLs

cr_xi_java_ufl.pdf notes that "When using Crystal Reports" to design reports that contain user-defined function libraries (UFL), you can use only Java UFLs or only COM UFLs, but not both".
Is that purely a statement about configuring the Developer to access the UFLs or does it indicate some sort of distinction between COM and Java UFLs.
In particular can I take a report designed on Microsoft Windows and including a call to a UF that happened to be exposed by a COM UFL and then run it under Crystal Reports Server XI R2 for Linux using JRC and have the function call evaluated by a Java UF of the same signature within a Java UFL?

Business Objects led me wrong. Java UFLs DO satisfy reports designed with COM UFLs.
If I take a report that was designed under Microsoft Windows and I added functions that were there via COM UFLs (certainly I have proved it by typing the UFL name in directly into the formula editor; I presume it will also work if you drag the COM UFL into the formula editor) and I then place that rpt file on my Linux machine and view that report using Crystal Reports Server XI R2 and Tomcat and JRC and I have Java UFLs on that Linux machine that have the same name and arguments as the COM one then the report runs OK and the Java UFLs do their job.
(Now that is great news)

Designing with CSS in Design View

Similar Messages

Maybe you are looking for