CSS Layout Design

Hi,
Quick question here. I decided to begin to learn design my
website without any table but, it's harder than I was thinking...
What are the main differences between Elastic layout and liquid
layout? Those two concept seem very close to me (as I read on some
site...), so I would like to make that clear.
Thanks for your help!
Martin C.
http://www.martinc.biz

"Michael Fesser" <[email protected]> wrote in message
news:[email protected]..
> .oO(Thierry)
>
>>The short story:
>>fluid layout:
>> the width of the latout changes according to the
width of the
>> browser's
>>window (not necessarely related to "%")
>> example:
http://tjkdesign.com/
>>elastic layout:
>> the width of the latout changes according to
font-size (related to
>> "em")
>> example:
>>
http://tjkdesign.com/articles/keyboard_friendly_dropdown_menu/EK.asp
>
> Hmm. For me distinguishing between them both makes it
more complicated
> than it has to be. IMHO a layout is either flexible (a
third term ;-) )
> enough to accomodate for different client parameters
like window size
> and font size, or it is not. I really don't want to
think about whether
> it's fluid but not elastic, or elastic but not fluid ...
>
> To make it more complicated it also depends on how the
browser reacts on
> changes to the font size: Firefox only zooms the text,
which fits into
> the definition of "elastic". Opera zooms and re-renders
the entire page
> with images, which also works for "non-elastic" pages.
And IE 7 tries
> both, but fails completely ...
That's why I started with the words "short story", because
I've been part of
these dicussions in the past and I know it can take us very
far :)
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
Keep your markup *clean* with these DW extensions and
scripts:
http://www.divahtml.com/products/scripts_dreamweaver_extensions.php

Similar Messages

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
>

How to create new pre-designed CSS layouts in DW CS4?

Since I'm a relative newcomer to Dreamweaver and CSS, I normally begin my new pages with one of Dreamweaver CS4's pre-designed CSS layouts in the Blank Page HTML section - 2 column fixed left sidebar, 1 column elastic centered, 3 column fixed header and footer, etc.
Lately I'm expanding to some more elaborate layouts and I'll like to be able to create new pre-designed CSS layouts of my own to add to this list. So I have a couple of questions:
1) What types of files are these layouts? They all seem to have an accompanying style sheet in addition to having a page template. What I'm getting at is, if I were to revise one of these, how would I save my revised version so that it would show up in this list of pre-designed layouts in the future?
2) Related to the first question, where are these pre-designed CSS layouts stored within Dreamweaver's file and folder structure? I can't seem to find them anywhere.
I appreciate your input on this.

Adobe scrapped the old Starter pages. Many things have changed since they were first introduced.
You'll find newer Templates and Starter Layouts below:
Dreamweaver CSS Templates for beginners
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html
New DW Starter Pages --
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Ultimate Multi-Column Layouts -
http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-width s
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

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

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 problems - css and tables

Hi guys,
Well as some of you suggested months ago, I've been trying to
learn to layout with CSS... It's actually getting a bit rewarding
now as I start to figure a few things out but there's still plenty
of questions!!!
If anyone can take a look at what I'm working on at the
moment and give me some help I'd REALLY REALLY appreciate it!!
My main trouble (I think) is working with a drop-down menu
system that I found on the web and I'm dying to use it because it's
perfect for this design. It's layed out using a table so I'm trying
to incorporate that...
Click
[url=http://home.iprimus.com.au/jediwdog/ltc/mockup2.jpg]here[/url]
for a picture of what i'm trying to get this page to look like and
[url=http://home.iprimus.com.au/jediwdog/ltc/example1.html]here[/url]
to see how far I've got. You can download the stylesheet from
[url=http://home.iprimus.com.au/jediwdog/ltc/example1.css]here[/url].
Here's what I need to know:
1. I'm trying to push the table down so it looks better lined
up with the logo but when I tell it to be further from the top, it
doesn't seem to move. Any ideas on why?
2. As you can see, I've inserted some blank space into the
middle of the menu so that the logo doesn't cover any of the menu
items. I can't seem to get the same 1px black border on this
section.
I assume this is because the border on the other parts is a
layer/div border? Will I have to somehow put a div in there so as
to create the same border effect?
3. I'd really like to keep the header and footer visible at
all times, even if there's lots of content to scroll through. I
found this:
http://www.cssplay.co.uk/layouts/basics2.html#Top
but when I tried to implement this on my page, it all went haywire!
Is this going to be a possibility?
4. I guess other than that, have I completely stuffed this
up!? I don't think I have but it's worth asking I guess!
THANKS IN ADVANCE! I'm really loving using css layout rather
than tables - it's soooo much more versatile. I just need to get
past some obstacles I think!
Cheers
Neil

On Wed, 24 Jan 2007 22:17:20 +0000 (UTC), "Barb S."
<[email protected]> wrote:
>Ok, I made your suggested changes and have this:
>
> body {
> font-family: Georgia, "Times New Roman", Times, serif;
> text-align: center;
> font-size: 1em;
> font-style: normal;
> text-decoration: none;
> top: 15px;
> background-image:
url(/images/backgrounds/background1.gif);
> padding-top: 15px;
>>>> width: 70%;
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
> }
>
> #body {
> margin: 0 auto;
> text-align:left;
> width: 760px;
> padding-right: 20px;
> padding-bottom: 20px;
> padding-left: 20px;
> background-color: #FFFFCC;
> padding-top: 20px;
> font-family: Georgia, "Times New Roman", Times, serif;
> font-size: 1em;
> color: #003366;
>
> }
>
>
http://www.japanesetemari.com
>
> The page is on the left size of the screen and the
yellow box does not expand
>out. Not exactly what I'd wanted. I like to take
advantage of larger screens
>and have the page expand out but not so far out so the
lines of text are real
>long.
> Barb
It's this in the body style that is limiting the width -
change that
to 100%
>>>> width: 70%;
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
> }
~Malcolm N....
~

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

Creating from scratch, a css layout for my website

I am building a website from scratch and I would like to use CSS. I am conceptualizing the design, however, I am struggling with designing it and working with the div tags. I would like to have two sidebars, one on each side, and for them to be tri-colored, which means I have to create three small boxes and align them closely together, each a different color (the colors are part of the theme to my website). Of course the links on the sidebars would be white, and then change colors when hovered over or clicked on. I would like to have a header and a footer, with the header containing my logo and if and only if I can get real fancy; a scrolling message. My footer would contain additional links such as 'additional links', and 'contact us' and all the necessary copywrite info. Please let me know, if first, my conception of this layout makes sense, and if so, what tutorial you could recommend for me to view that would assist in my web site development.
Thank you, all you great tech minds out there!

I'm with Murray. I don't think you should concern yourself with HTML5 and CSS3 yet.
Stick with XHTML and CSS2. When I was learning to work with CSS positioning, it was immensely helpful to use a pre-built layout.   And I learned a great deal from looking at source code.
Look at the DW Starter pages described below:
     Dreamweaver CSS Templates for beginners
     http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html
     New DW Starter Pages --
     http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
If you have some money to spend, Project Seven has some excellent CSS Templates. If you plan to do more projects, CSS Layout Magic is a nice extension for prototyping inside DW.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Css layout or style sheet not showing table layout

When I was working on my website I noticed that my tables don't show up in the browser of my site, they do however, show up in the dreamweaver design so I am wondering if when I was making changes somehow to the site if something in the css layout or style sheet got deleted. Could someone please take a look at it and please tell me what needs to be fixed, I am not at all familiar with css so I need all the help I can get on this here is the link. Thank you! http://angelcoilbartlett.com/index.html

In your HTML document in Code View, remove the following embedded CSS code. This is competing with external style sheet code and causing your site havoc. In the future, don't create any more new styles. You don't need them. Stick with the established styles set up by the original designer and you will have way fewer problems.
DELETE ALL OF THIS NONSENSE:
<style type="text/CSS>

</style>
If you want to continue working with web pages, you owe it to yourself and your employer to learn basic HTML and CSS so you can get yourself out of jam when things go wrong.
Start learning here: HTML & CSS Tutorials - http://w3schools.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Trouble Understanding CSS Layout and Padding

Hi,
I'm having some serious problems understanding CSS layout techniques and the impact of padding and was hoping I could get some help.
Here are a couple of pages that show examples of what I don't "get". The first has padding that causes the layout to look right. The second doesn't have padding but doesn't lay out as I would expect. Also, the amount of text affects the "bottom" div as well. I'm an old hand at HTML and could do this layout in my sleep using tables. Css is a different, frustrating story.
http://www.libertywebmarketing.com/test/1.html
http://www.libertywebmarketing.com/test/2.html
Thanks.
Fitz21

Thank you for the help.There's a lot of valuable info in these answers that I'm going to have to study. I never thought of applying classes to Div tags, but I guess I have to start learning somewhere. I'm not sure how to use the technique, but I'll definately look into it. If I could wake up tomorrow and know what you all know simply by wishing it, I would.
I see that there are many things I have to learn about using CSS and I'd really like to see some real world examples that don't look like typical cheesy CSS designs with columns. If I were going to design this page using HTML, I would probably do something like this: http://www.libertywebmarketing.com/test/3.html
(The last two tables show the table structure and use of a spacer. I know this a seriously antiquated way of doing it, but it's to illustrate what I'm trying to accomplish: Namely, staggered, left/right alternating boxes that will expand properly depending on the amount of copy or the vertical height of the photo in them.)
Dreamweaver 101,
I have "Dreamweaver 8 The Missing Manual" by David Sawyer McFarland, but I find it really concentrates on "typical CSS designs" that look like Content mangement templates. While I agree it's a valuable book, there's nothing in there I have found that addresses anything like what I'm trying to do. Is the Dummies book better for atypical layouts?
Again, thank you all.
Fitz21

If I copy/duplicate a page my css-layout changes

If I copy/duplicate a page my css-layout changes, even though the pages are identical and use the same (external) css-file.
This is what happens:
I have a 2-column fixed css container. The sidebar and mainContent align perfectly on the original page, but on the duplicate page the mainContent suddenly moves to the right (it somehow adds the width of the sidebar to the margin of the mainContent).
Does anyone know what to do about this?
Thanks!

Hang on. I just checked, and it only happens in the design-view inside dreamweaver. When I preview the pages in my browsers (Safari and Opera, still need to check in IE) the problem doesn't occur. So it isn't as big of a problem as I thought it was. Still very annoying though, so if anyone knows how I can fix the problem in the design/split-view, thanks...

CSS layout, is the code done well?

I'm thinking of using this PHP CMS for a client site. It's
totally
customizable, but since I'm not too big on CSS positioning, I
wondered what
some of you CSS layout enthusiasts think about their code.
http://208.106.156.20/
Thanks in advance,
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet

"Joe Makowiec" <[email protected]> wrote in
message
news:[email protected]..
> On Thu 13 Jul 2006 12:25:15p, P@tty Ayers wrote in
> macromedia.dreamweaver:
>
>> I'm thinking of using this PHP CMS for a client
site. It's totally
>> customizable, but since I'm not too big on CSS
positioning, I wondered
>> what some of you CSS layout enthusiasts think about
their code.
>>
>>
http://208.106.156.20/
>
> Looks OK to me. Rock solid in IE6/Win. In FF/Win, when
you get to
> horizontal scrollbar territory, the navigation column
background loses its
> place.
Thanks, Joe.
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet

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

Print Layout Designer or Crystal.....! What to do?

Dear All,
We need to link our User forms to Print layouts in order to make our reports work exactly the way SAP reports work. Is there a way to enable the print and print preview toolbar buttons and make them show our Report Layout? So far the response from SDK Forum is not encouraging and many questions regarding the same issue remain unanswered there.
After looking for the solution in the SDK Forums we came across these two replies from Mr. Nick He and Mr.Frank Moebius. Both are of the opinion that currently SAP does not offer a support for this feature and better use a third party tool. We are not in a position right now to opt for any third party tool but if we get a clear response from your side regarding this matter, we can go for it. Kindly have a look at the following links:
Re: Print Layout Design for user form in SapBusinessOne2005A(6.80.317) sp:01.?
Re: Add PLD Layouts in 2005 through sdk
The recommended solution within SAP B1 to develop Add-on reports is through User Queries and creating a Print Layout and run them via Query Manager Window. This approach in our view has the following drawbacks that make it less friendly with the end user:
1. Add-on forms appear in the left pane/menu, whereas reports would have to run through Query Manager only, which is in fact a small toolbar button on the top right side. We can add the Query Manager link to user menu but it doesnt solve the problem.
2. A user with full authorization over the Print Layout can accidentally overwrite it by clicking the Create Report Button, whereas in case of SAP Reports the Layouts remain unchanged and only saved as a new Layout and set as Default Layout for a report. Add-on Reports cannot do this.
3. Different behavior of Layouts in Query Manager on Single Click and Double Click. In the Query Manager, if a user just selects a query by a Single Click and views a Print Preview (Layout) then the custom user Layout appears. But if a user Double clicks a query then the Query Window appears, exposing the query and making it editable. Also the Preview(Layout) is different in this case. The user can either view the Window or Table Layout in this case. Hence this exercise would make the user confused and prone to errors.
4. The Parameter/Criteria window that is SAP generated is not enough to fulfill user friendly interface requirements. Is there a way to add List boxes or Combos to that form. The parameter selection Checkboxes also behave in a strange way that even the experts find difficult to manipulate. If they are of no use, whats the point in having them on the form in the first place.
All these points are leading us to confusion over the decision as to whether go for Query Based Reports or use Third Party tools. Kindly help us out in this regard. Your response would help us save some valuable time for our Add-on Development.

<<< If there is a solution then it has to be from SDK. We can only opt for third party components and frameworks only if any of the SAP representatives ensure us that the current version of SDK does not offer such support.>>>
The answer to that is to lodge your query as an Issue to SAP directly as a support question or go through your local SAP representative. If the functionality is not offered by SAP you can do a Development Request ( DRQ) and SAP will develop it if they think it will become userful.
<<<If this Forum is not meant to be answered by SAP representatives then kindly tell me any other Technical Support Portal from where i can get the answer directly. >>>
This forum is accessed mostly by SAP Business One Developers on SDK. However we are fortunate that some SAP employees who are very knowledgeble take some time off to answer queries.
Since it is a Forum, no one is obliged to answer. As indicated above , Try SAP directly if you need a definite answer.
<<<>>>
Since you mentioned Crystal: We as SAP Business One SDK developers, have come across similar issues and opted for a Inhouse developed Crystal Solution. It has been so popular we are selling it as a Generic add-on to B1.
Regards,
Indika.

Print layout designer for develop report based on query

Dear Experts/Gurus,
I am amazing about the manage previous reconciliation report. When I opened it using print layout designer, it looks like the report is not built using query, but I am not sure yet. This is very confusing. I created query similar with manage previous reconciliation (MPR), but when I link the query to print layout and try to make similar format/appearance with MPR report (reconciliation management (system)), it is not success.
Isn't the MPR report built not based on query ? I appreciate your answer. TIA
Rgds,

Hi,
I am not sure I understand what's the problem:
Is it the layout that is different or the data?
Regarding the data you can use SQL Profiler (maybe you did?) to find out what queries are fired, but please note that there are some stored procedures in the DB that are used for some specific functions - not sure whether the "MPR" uses any of these.
Then you must include some non-default filter in SQL Profiler...
...but you can also use the logging functionality in B1 for that purpose:
Just activate the logging (see the "log" folder in the B1 subdirectory) in the corresponding config file: choose the option to have the SQLs logged in conjunction with the logging being triggered in all cases (not just error).
Thus you will get all the SQLs - just plain - from the B1 application, but note that it will obviously slow it down!
HTH,
Frank

CSS Layout Design

Similar Messages

Maybe you are looking for