CSS Based Design

Hi All
A client of mine is looking for a way to manage content on
their website. I have used contribute 3 before but I have found
that it isn't too great with CSS based websites.
Does anyone know if the latest version of Contribute supports
accessible CSS based websites?... float-based layouts in
particular.
Many thanks
Rit

I hate to say it, but Contribute's support for CSS is bad.
Our organization just started offering Contribute to clients who
have a lower budget (those who can't afford our normal, custom CMS
tools), and we immediately noticed that Contribute's WYSIWYG
doesn't render CSS-based layouts properly. In fact, this is an
understatement. Some pure-CSS layouts are completely unintelligible
in Contribute--things are all over the place. Therefore, we're
forced to use hybrid table/css-based layouts for our
Contribute-managed sites.
I'm very surprised that Contribute has this issue... in this
day-and-age of purely CSS-based layouts. Personally, I hate the
tool (for this, and many other reasons), but alas, our clients have
demanded it :*(

Similar Messages

How to view semantic css based layouts in design view in dreamweaver?

Hi all,
I havent had a lot to do with CSS based layouts (tables have alwasy just worked for me fine) but I am wondering how do I view the semantic/css based layout in design view in Dreamweaver?
As when I write the code, in design view its not showing me what the page will look like, I have to click on "Live View" to see what the page actually looks like.
I guess I am asking is there a way to using WYSIWYG on css layouts in design view??? Just like I do table layouts (In design view I can grab the edge of the table and resize etc)?
Any help would be great

Lou yeah I don't think the term WYSIWYG really applys to dreamweaver anymore when building CSS layouts.
The term "WYSIWYG" never applied to DW. It was never such a thing, nor was any other HTML authoring, no matter what the marketing hype said. It's not possible to deliver wysiwyg layouts when there are so many different browsers/platforms/versions to worry about. This is particularly true when you go back to the era when WYSIWYG was actively used (but not with DW, which was not advertised in such a way) - Netscape 4, and IE5/Mac would alone be enough to destroy any layout....
The view you are getting in Design view is happening because your CSS is misplaced BELOW the <body> tag - it should be in the head of the page (i.e., above </head>). Your CSS should never be placed within the body of the page.

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

Dreamweaver to be CSS-based by default?

Does anyone know if Adobe plans on having a new version of
Dreamweaver to be CSS based by default. I heard the new Web
Expression by Microsoft is to be totally CSS design.

The person who wrote that had not only no understanding of
CSS but also none
of DW. So far, I have found nothing in EW regarding CSS that
cannot also be
done just as easily in DW.
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
==================
"chichi8" <[email protected]> wrote in
message
news:el1vn4$3ij$[email protected]..
>I read this article about Web Expresson and was wondering
if Dreamweaver
>would
> do the same in a later release.
>
> "Unlike FrontPage or Macromedia Dreamweaver, Expression
Web creates tight,
> easily maintained CSS-based pages automatically, instead
of treating CSS
> as an
> add-on to traditional HTML. This alone may make
Expression Web the leading
> Web
> editor before version 1.0 is even released"
>
> "Expression Web is the first major Web editor designed
from the ground up
> to
> create code based on CSS and XML. Even when you drag an
image or text box
> to
> resize it, the program inserts CSS-based layout code
rather than the
> old-style
> HTML tags created by FrontPage or DreamWeaver."
>
>
http://www.pcmag.com/article2/0,1895,2012364,00.asp
>

I need help finding a workable web program that is not CSS based. I tried IWeb and it just won't work for me. Way too limiting. I've been using a 12 year old copy of Macromedia Dreamweaver, but the new Dreamweaver is CSS

Been building web pages for nearly 20 years, starting with GoLive. Went to Dreamweaver about 12 years ago, the Macromedia version. Tried going to iWeb when it came with a new Mac, but found it way too limiting with it's CSS template base.   Unknowlingly, I then bought a new copy of Dreamweaver.   Ooops, Adobe had bought Macromedia and Dreamweaver, too, is now CSS based, which for my money makes it useless to anyone who likes simplicity.   Now I find that even iWeb has been discontinued. I was told yesterday that Apple doesn't have a web program any more.   At 12 years old, I just don't think it's practical to try to load my old Macromedia Dreamweaver into the new Mountain Lion (I'm getting a new Mac), though it is running, barely, in Snow Leopard.
I need to find a web builder program that will permit simple construction of educational pages, nothing fancy, nothing artistic, just create a page, give it a color, type or drag in text, insert a table, insert pix in the table blocks, add text under the pix... done!    I should note that I am not looking to build traffic. I teach simple things for free and people who want to learn those things (antique sewing machine repair, quilting, building longbows) find me.
I've downloaded trial versions of half a dozen or so programs and looked at maybe 20 more, but all are either CSS based and drive me insane with requirments for constantly making rules and template models, and/or require that you base your web presence in their server.   Also, many will not work with pages built in other programs. I maintian a volume of over 1000 web pages, many requiring regular updating, and they have been with the same server for more than 15 years. I'm not about to change.
So, anybody know a simple, old fashioned web builder that's happpy on a Mac platform?
Captain Dick

Although not supported anymore, iWeb does still function using Mountain Lion...
http://www.iwebformusicians.com/iWeb/mountain-lion.html
... and you can purchase it from Amazon.
Start with a blank page using the Black or WHite template.
All modern websites use CSS and there are thousands of free templates to be had if you want to use a code entry style application. You will need to go this route if you want to create a site that is viewable on mobile devices although you can create an iPhone version using iWeb...
http://www.iwebformusicians.com/iWeb/Mobile-iWeb.html
Search this forum for numerous topics about iWeb alternatives.

Creating template areas when using CSS based layout

Hi:
I'm ransitioning to pure CSS based layouts. When I used tables for layouts I could select a table cell and make that an editable template region. But when I'm setting everything up in Divs, you can't "select" a div in Layout mode. Indeed, layout mode doesn't really work at all - things are shown all jumbled and you have to use Preview or open in a browser window to see how things will look. (I'm not using the grid - maybe I should?) Is there a way to select a div and make it an editable template region?
I'm using GoLive CS2 on a Mac.
Thanks!

Is this affecting ALL text on that page?
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
==================
"matthewtrefz" <[email protected]> wrote in
message
news:eo5o8v$aqa$[email protected]..
> We have recently performed an upgrade to our site. The
entire layout is
> css
> based. The problem we have run into is that Contribute
users can no longer
> select the content using the mouse. In fact the only way
to edit the
> content is
> to use the arrow keys on the keyboard. Though it is
possible to edit
> content
> this way it is very time consuming and confusing to most
of our users.
>
> I have tired to edit pages based on a template, and
pages not based on a
> template and get the same issue.
> What can I do to fix this problem?
>
> The web address is
http://engineering.osu.edu
>
> Thanks,
> Matthew
>

CSS based layouts

HTML DB's (even 2.0) layout features are based firmly on pure HTML tables. Rows and cells, rowspans/colspans. etc.
Reading some of the bleeding edge web development sites/blogs out there, they have been proclaiming the death of HTML tables for page layout purposes for years now. CSS support is pretty well established in all major browsers, CSS standards have matured substantially over the past few years.
What does the HTML DB development team think about adding native support for CSS-based page layouts?
Thanks

Hello,
You can pretty much ,with some exceptions' create a fully XHTML/CSS based templates in HTML DB.
The Builder will not be doing this for some time yet and some comments in your own post explains why.
Reading some of the bleeding edge web development sites/blogs out there,I would suspect most people would want production quality not bleeding edge.
You will notice we have removed pretty much removes all deprecated tags though.
What follows next is a rant but it's only because I take my HTML 'VERY' seriously, been building pages since the bleeding edge browser was lynx , you have been warned.
--BEGIN RANT
CSS support is 'pretty well established' in all major browsers, CSS standards have
matured substantially over the past few years.I can't even begin to count all the different ways pretty well established does not equal looks the same in all major browsers, if you don't believe me just ask google.
I don't like pointing at any one browser in particular (all heads look towards Redmond , Washington) but one of these browsers doesn't stack up compared to the others. It is unfortunate that it has the huge install base it does.
examples of things that just plain suck:
style="display:inline-table;"
png's with transparency
background image under links blinking bug
caching of backgroud images
oh and the whole box model thing
I'm a huge fan of xhtml/css layout's but the css hacks involved, the css issues between different browsers, unless it's a demonstration of how cool you can make things with only <div> tags and css it's not worth the time and effort to get it perfect.
You need to email Mozilla Foundation and Microsoft and complain to them once they get it right.
I 'personally' will make it right till then LONG LIVE TABLES!!!!?
--END RANT
Thanks,
Carl
[pre]

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.

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

Support for "Interface Based Design"

I would like two PC classes that implement a common interface, but the two
PC classes are not related by inheritance, and would not be stored in the
same table. For example,
public interface VersionNumber {
int getNumber();
boolean isComparableTo( VersionNumber vn );
/** PC class **/
public class BasicVersionNumber implements VersionNumber {
/** PC class **/
public class CustomVersionNumber implements VersionNumber {
/** PC class **/
public class Paper {
VersionNumber vn;
Since "BasicVersionNumber" and "CustomVersionNumber" are not related via
inheritance, they would not generally reside in the same database table.
It would mean that the table containing "Paper" would need both the target
table for this instance of "vn", and the primary key for "vn". It appears
that KODO assumes the target table is available in the Meta-Data file, but
with interface-based design, that is not known until run time and could be
different for different instances of class "Paper".
Is it possible to do this with KODO? Where can I go to understand how.
Keith L. Musser
Integrated Dynamics, Inc.
812-371-7777
email: [email protected]
Disclaimer - This email, and any files transmitted with it, are confidential
and may contain privileged or copyright information. If you are not the
intended recipient you must not copy, distribute or use this email, or the
information contained herein, for any purpose other than to notify us. If
you received this email in error, please notify the sender immediately, and
delete this email from your system.

Kodo supports interfaces as fields (in Kodo 3, we support interfaces for
more relation types). Kodo will store the toString () of the JDO
identity for the actual concrete instance in the column as there is no
formal O/R relation between the table and the interface field type.
Keith Musser wrote:
I would like two PC classes that implement a common interface, but the two
PC classes are not related by inheritance, and would not be stored in the
same table. For example,
public interface VersionNumber {
int getNumber();
boolean isComparableTo( VersionNumber vn );
/** PC class **/
public class BasicVersionNumber implements VersionNumber {
/** PC class **/
public class CustomVersionNumber implements VersionNumber {
/** PC class **/
public class Paper {
VersionNumber vn;
Since "BasicVersionNumber" and "CustomVersionNumber" are not related via
inheritance, they would not generally reside in the same database table.
It would mean that the table containing "Paper" would need both the target
table for this instance of "vn", and the primary key for "vn". It appears
that KODO assumes the target table is available in the Meta-Data file, but
with interface-based design, that is not known until run time and could be
different for different instances of class "Paper".
Is it possible to do this with KODO? Where can I go to understand how.
Steve Kim
[email protected]
SolarMetric Inc.
http://www.solarmetric.com

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

What is SW based design and development?

What is SW based design and development

What is SW based design and developmentI would assume SW = Software. So it would be
Software based design and development which is
also ambigous.
1) It could be a grammer slip.
2) It could be refering to using software development
tools, anything from Visio to Rose but then i would
expect them to be explicityly mentioned.
3) It could mean be from a domain expert trying to
differentiate work with a software development team
from other business development programmes such
product/plan/process development.i think i will take it as software for now,, as there are HW and SW: hardware and software.

CSS-Page Design- Halo, Left Nav

Hello,
How are the Section Links activated in the CSS-Page
Design-Halo, Left Nav. Should the Section Links be drop down menus,
or are they simply to be used as hyperlinks?

The HALO templates not the best choice for anyone, really.
They are fiddly,
and awkward.
How comfortable are you with HTML, CSS, and javascript?
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
==================
"JHTHS" <[email protected]> wrote in message
news:ekfans$oqm$[email protected]..
> Hello,
> How are the Section Links activated in the CSS-Page
Design-Halo, Left Nav.
> Should the Section Links be drop down menus, or are they
simply to be used
> as hyperlinks?

How to transform fixed table iWeb layouts to liquid CSS based layouts

I'm in the process of changing my website over iWeb and would like to change the iweb fixed table layout to a liquid based layout.
Here's the website I have now: http://teacherweb.com/CA/Newhart/CanKuhn and when changing to iweb I want the layout to change with the window size like it does with my website.
Is this possible with iWeb?

Lou yeah I don't think the term WYSIWYG really applys to dreamweaver anymore when building CSS layouts.
The term "WYSIWYG" never applied to DW. It was never such a thing, nor was any other HTML authoring, no matter what the marketing hype said. It's not possible to deliver wysiwyg layouts when there are so many different browsers/platforms/versions to worry about. This is particularly true when you go back to the era when WYSIWYG was actively used (but not with DW, which was not advertised in such a way) - Netscape 4, and IE5/Mac would alone be enough to destroy any layout....
The view you are getting in Design view is happening because your CSS is misplaced BELOW the <body> tag - it should be in the head of the page (i.e., above </head>). Your CSS should never be placed within the body of the page.

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
>

CSS Based Design

Similar Messages

Maybe you are looking for