Flexible Grid - HTML/CSS error

I am teaching web design using the new flexible grid feature - and it is working fine for me. However - I have had a few students generate errors. When adding a new flexible grid div, the css and other information replaces the HTML layout on the design preview as text on the page, rendering the whole page unusable and all design lost. THe information for that div will not be added to the CSS. Once this happens the first time, it will happen continuously for this site, so I am guessing that one of the files that are added to the site becomes corrupt. The annoying thing for me is that I cannot duplicate it - I cannot force the error to happen in a new site, but obviously can inside one of my student sites once the error has occured. Is this a known issue, and if so, how can it be avoided? I hate just telling my students "So sorry, start over."

All I can tell you is that Fluid Grid Layouts are a brand new feature in CS6 that has not been perfected. The first time I worked with it, I had to start over about 6 times. Partly my own doing, partly because the CSS became corrupted.
Plan ahead. Have sketches of your mobile, tablet and desktop layout ready before you begin using Fluid Grids. The less fussing you do with the UI, the less chance for corruption.
Additional LayoutDivs must be inserted inside.
 <div class="gridContainer clearfix">
If they are not, you'll have problems.
Work with mobile layout first, then tablet, then desktop. I found that trying to work in reverse (desktop to mobile) created the most problems because everything is based on the mobile layout.
Fluid Grids use double brackets in the CSS code } }. If one is removed, the layout breaks.
% widths in decimals do not round off well in all browsers. When I'm finished with the Grid, I manually go through the CSS code and change 37.2345% width to 37%.
Finally, Save your work often.
Nancy O.

Similar Messages

Fluid grid layout css error - (adobe support sucks!)

We just bought upgrades for our entire department to dreamweaver cs6 about 2 weeks ago. Today for the first time I've been trying to make use of the new fluid grid layout system. I got some of the page put together and when I then tried to insert a new fluid layout div I got an error message saying "Could not find Dreamweaver Fluid Grid style sheet". I wasn't sure what to make of it so I googled it. I found someone with a similar, not exact, error message and someone suggested they double check their css file to see if it was missing a closing }. I double checked my css files and they were fine. I tried reinstalling dreamweaver in case a file got corrupted. No go. After reopening the file, now my fluid grid pink overlays won't display.
It's as though the stylesheet where the fluid grid styles are defined isn't being recognized, however at the same time, some styles defined in that stylesheet ARE being applied to the page, but not all of them.
I called adobe support, sat on hold forever only to be told that because we purchased a downloaded version of the upgrade, we don't get the 90 days of support but have to pay $39. Are you kidding me adobe? No support without paying after we just paid literally thousands of dollars in upgrades to our cs6 packages?
Another thing that's odd is that if I start a new fluid page and save the files in a new folder, the insert new fluid grid div works fine. I know it sounds like some stylesheet got hosed, but as I said, I have double and triple checked the css file and don't see a problem. Anyone have an idea what might be wrong? thanks.

I found the problem and in fact it was a problem with the stylesheet. However, it wasn't due to any invalid styles. Apparently there are comments near the top of the stylesheet that tell dreamweaver that that's the stylesheet where the fluid grid content is stored.   It would have been helpful if they included additional comments like "DON'T REMOVE THESE COMMENTS OR YOUR'RE SCREWED AND WE WON'T HELP YOU FIGURE OUT WHY!!!". Specifically the section I removed which caused it to break was this...
          Dreamweaver Fluid Grid Properties
          dw-num-cols-mobile:                    5;
          dw-num-cols-tablet:                    8;
          dw-num-cols-desktop:          12;
          dw-gutter-percentage:          25;
          Inspiration from "Responsive Web Design" by Ethan Marcotte
          http://www.alistapart.com/articles/responsive-web-design
          and Golden Grid System by Joni Korpi
          http://goldengridsystem.com/

Tools for validate HTML and CSS Error in DW?

Hello Guys,
Want to know any addon or menu tool in Dreamweaver to validate HTML and CSS error.
Because every time i have to check in w3c validation. If DW having in this options it wouldbe great to develop website with out error.
Please let me know your suggestion for that.
Cheers
Abdul
www.ilearnsmart.com
www.whitehouseit.com

DW does provide tools to help with validation:
http://articles.sitepoint.com/article/dreamweaver-8-standards/1
http://www.adobe.com/support/dreamweaver/htmljava/migrating_hs_to_dwmx/migrating_hs_to_dwm x06.html
I find it a bit more comfortable though to use teh W3 Validator and I always access that with the Firefox Browser and the Web Developer plug-in. Another good plug in for FF is Firebug.
Martin

HTML/CSS match to InDesign layout

Hello,
I have been given the task of taking an InDesign layout from CS6, and building it in HTML/CSS. The challenging part is that it is required to be 1:1 pixel perfect. When I open it in Google Chrome–which is going to be the standard browser it’s opened in–the font raggs differently.
When I overlay a PNG of the HTML site, and a PNG from the InDesign file it is no where close to pixel-perfect. The text wrapping differently is the main issue at hand. I have tried every CSS hack possible to adjust letter-spacing and word-spacing, I've also explored Google Fonts to attempt to get a better match.
Does anyone have any experience with a similar ask? In CS6 you can’t specify type pixels, I’m not sure it would matter if you could, because it seems that InDesign is using it’s own conversion for what it considers a pixel.
Please help!!!

Agreed, it's way too optimistic. InDesign is a typographic design application, under development since 1999. Already in its very first version, its type engine came "fully grown and armed, with a shout", supporting enough advanced features to squash all but the very stubbornest competition (I'm looking at you, TeX).
HTML/CSS, on the other hand, has had problems displaying "plain text" since its very beginnings. Only the very latest version of CSS finally addresses some typographic features (probably unnecessary to add, but anyway: with mixed results for different browsers).
" ..it seems that InDesign is using [its] own conversion for what it considers a pixel", you bet it does. After all, there was a web crowd that outright demanded "pixels" to be a measurement unit in InDesign. Adobe did a have a stab at adding pixels, and if one would ask me, they did it the wrong way. But that's no fault in InDesign. ID has its roots firmly in the "real world", that is, you can design a document with a precision right up to the wavelength of visible light; and ID will happily produce output for it. Your "pixel", on the other -- Darker -- Side, "is" not a real thing. It has no width or height. If you think it does, it goes only for your screen. You may say, "but if necesasry I can hold a magnifier to my screen and count the itty bitty lights!" What if you do so, and discover that your screen does not consist of square pixels, but round ones, or hexagonal, or elongated rectangles? And any measurement would only be value for just your screen. What about mine, your bosses', or your client's?
Following John's advice, here is a list of features you would need to switch off (as most are enabled by default) before you can even think of mimicking ID's sophisticated text engine in HTML:
ligatures
alternate characters
real small capitals
tabular or oldstyle figures
.. wait -- better switch off *all* OTF features
Paragraph composer. Use the dumb One Line At A Time And We'll See How Far We Get Composer.
Language based hyphenation.
Minimum/Optimal/Maximum Word Spacing (CSS must be using this internally, else it could not show justified text; however, I don't think you can set its parameters)
Letter Spacing and Glyph Scaling (although to be fair, these seem to be already off by default).
~16 decimals of precision for every object, line width, text size, spacing, et cetera
any real-world based measurement unit.
I probably forgot a few too.
--- add.
Advanced character/class kerning
Optical kerning (not enabled by default)
-- add2.
Balance Ragged Lines (off by default; but you can't use it)
Optical Margin Alignment (as above)
Align to Baseline grid
last line indent
Align to spine
justify last line (can only be achieved with span/div tricks)
tabs
about all internal hyphenation settings (CSS allows 'none', 'manual', and 'auto')
live text color outline (I may be mistaken, but I bet if it were possible literally everybody would be using it by now -- just like the dreaded "blink" tag did, before it was deemed illegal by federal law)
skewed text. I know, nobody with a grain of sense uses it in ID.[*] Still, you can't do it in CSS so I'm gonna list it anyway.
[*] Except myself, by the way. But I don't use it willy-nilly, only after exhausting all the good and the bad options; then yes, I go for the Ugly look.
Message was edited by: [Jongware]
Message was edited by: [Jongware]

CSS Error While Uploading Muse Site to FTP

I'm uploading my complete site to GoDaddy, and I get an error message during the upload "CSS Error" - How do I find the error and correct it?

Hi Elizabeth,
Are you able to export HTML to a blank folder on your machine? Could you please provide me with a screen shot of the error or the complete text of the error message?
- Abhishek Maurya

Trying to send SmartForm in HTML format - error

Hello
I am having some trouble when i try to send a smart form in a html format to some e-mail recipients. I have written an program in ABAP that does the extraction of smartform contents and translates in HTML (+CSS) format, ready to be send. I got the program here
/people/pavan.bayyapu/blog/2005/08/30/sending-html-email-from-sap-crmerp
and modified it just a little bit - no major changes.
I guess the problem is in a service that is not running on the system but i don't know which is that and even where to look for that. I also explained my problem to my BC group but they don't seem to have any ideas .
I checked the system info (which comp. version we are running):
Comp. version: CRM 5.0
Detailed view:
SAP_ABA         700             0006
SAP_BASI    700             0006
PI_BASI     2005_1_700     0006
ST-PI         2005_1_700     0001
SAP_BW         700             0006
SAP_AP         700             0003
BBPCRM         500             0003
I have this program properly WORKING on our other system.
Info:
Comp. version: BBPCRM 4.0
Detailed view:
SAP_BASIS     620     0046
SAP_ABA             620     0046
BBPCRM             400     0007
PI_BASIS     2004_1_620     0009
ST-PI             2005_1_620     0003
ST-A/PI             01G_CRM400     0000
I get the error below. Thanks for all your answers in advance!
error -
Service cannot be reached
What has happened?
URL http://localhost/SAP/BC/BSP/SAP/SMART_FORMS/DEFAULT.CSS call was terminated because the corresponding service is not available.
Note
The termination occurred in system TC1 with error code 403 and for the reason Forbidden.
The selected virtual host was 0 .
What can I do?
Please select a valid URL.
If you do not yet have a user ID, contact your system administrator.
ErrorCode:ICF-NF-http-c:005-u:UPUKOLBL-l:5-i:peca_TC1_48-v:0-s:403-r:Forbidden
HTTP 403 - Forbidden
Your SAP Internet Communication Framework Team
.ZETEDNIKSTYLE div#N1.par{ font-family : "Arial" ; font-size : 30pt ; font-weight : bold ; line-height : 4.23mm ; text-decoration : none ; text-align : left ; clear : both ;}.ZETEDNIKSTYLE div#N2.par{ font-family : "Arial" ; font-size : 30pt ; font-weight : bold ; line-height : 4.23mm ; text-decoration : none ; text-align : left ; color : #000000 ; clear : both ;}.ZETEDNIKSTYLE div#P1.par{ font-family : "Arial" ; font-size : 11pt ; font-weight : normal ; line-height : 4.23mm ; text-decoration : none ; text-align : left ; color : #000000 ; clear : both ;}.ZETEDNIKSTYLE div#P2.par{ font-family : "Arial" ; font-size : 12pt ; font-weight : normal ; line-height : 4.23mm ; text-decoration : underline ; text-align : left ; color : #0000FF ; clear : both ;}.ZETEDNIKSTYLE a#FIRST-001.page@media screen {#WINBACKGROUND.win{ overflow : hidden ;}}@media print {#WINBACKGROUND.win{ overflow : hidden ;}}#FIRST-001.page #WINBACKGROUND.win@media screen {#WINBODYTEXT.win{ overflow : auto ;}}@media print {#WINBODYTEXT.win{ overflow : hidden ;}}#FIRST-001.page #WINBODYTEXT.win@media screen {#WINLOGO.win{ overflow : hidden ;}}@media print {#WINLOGO.win{ overflow : hidden ;}}#FIRST-001.page #WINLOGO.win

I have the same problem even the service in SICF is active. Is it something to do with the default.css url which pointing to localhost? http://localhost/SAP/BC/BSP/SAP/SMART_FORMS/DEFAULT.CSS
Pls help.

How can I use my Html/CSS Navigation bar to control an Edge Stage?

I have an HTML/CSS navigation bar set up in my EDGE created page. The Navbar is not created in edge. I would like to use these buttons to control the stage.
Inside the stage the main timeline has labels and stop actions every 1.5 secs to create a horizontally sliding site.
The labels are as follows: home, work, blog, profile, and contact. I can easily use a symbol created inside edge for example:
sym.play("home");
and animate a 6000px width symbol across my 1000px stage in 1000px increments.
I do not want to use a symbol inside of edge to do this because I cannot create the effect that the html/css navbar has on mouseover inside of edge.
So I am interested in knowing if I can use this bar to control my main timeline so I don't have to sacrifice design for functionality.
currently the link list is setup with the standard hyperlink. What code would I use to play the stage on click of the html navbar?
Many thanks to anyone who can help with this!
Here is the code for the navbar:
<div id="menu"><ul class="block-menu">
 <li><a href="/home" class="three-d">
 Dynamic
 DynamicArtisans
 </a></li>
 <li><a href="/demos" class="three-d">
 Work
 WorkWork
 </a></li>
 <li><a href="/deals" class="three-d">
 Blog
 BlogBlog
 </a></li>
 <li><a href="/about" class="three-d">
 Profile
 ProfileProfile
 </a></li>
 <li><a href="/about" class="three-d">
 Contact
 ContactContact
 </a></li>
 </ul>
</div>
Full HTML:
<!DOCTYPE html>
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
 <title>Untitled</title>

 <script type="text/javascript" charset="utf-8" src="workapp_edgePreload.js"></script>
 <style>
 .edgeLoad-EDGE-57204389 { visibility:hidden; }
 .block-menu {
 display: block;
 background: #000;
 .block-menu li {
 display: inline-block;
 .block-menu li a {
 color: #fff;
 display: block;
 text-decoration: none;
 font-family: 'Passion One',Arial,sans-serif;
 -webkit-font-smoothing: antialiased;
 -moz-font-smoothing: antialiased;
 font-smoothing: antialiased;
 text-transform: uppercase;
 overflow: visible;
 line-height: 20px;
 font-size: 24px;
 padding: 15px 10px;
 /* animation domination */
 .three-d {
 -webkit-perspective: 200px;
 -moz-perspective: 200px;
 perspective: 200px;
 -webkit-transition: all .07s linear;
 -moz-transition: all .07s linear;
 transition: all .07s linear;
 position: relative;
 .three-d:not(.active):hover {
 cursor: pointer;
 .three-d:not(.active):hover .three-d-box,
 .three-d:not(.active):focus .three-d-box {
 -moz-transform: translateZ(-25px) rotateX(90deg);
 -webkit-transform: translateZ(-25px) rotateX(90deg);
 -o-transform: translateZ(-25px) rotateX(90deg);
 transform: translateZ(-25px) rotateX(90deg);
 .three-d-box {
 -webkit-transition: all .3s ease-out;
 -moz-transition: all .3s ease-out;
 -ms-transition: all .3s ease-out;
 -o-transition: all .3s ease-out;
 transition: all .3s ease-out;
 -webkit-transform: translatez(-25px);
 -moz-transform: translatez(-25px);
 -o-transform: translatez(-25px);
 transform: translatez(-25px);
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 -o-transform-style: preserve-3d;
 transform-style: preserve-3d;
 pointer-events: none;
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 100%;
 height: 100%;
 .front {
 -webkit-transform: rotatex(0deg) translatez(25px);
 -moz-transform: rotatex(0deg) translatez(25px);
 -o-transform: rotatex(0deg) translatez(25px);
 transform: rotatex(0deg) translatez(25px);
 .back {
 -webkit-transform: rotatex(-90deg) translatez(25px);
 -moz-transform: rotatex(-90deg) translatez(25px);
 -o-transform: rotatex(-90deg) translatez(25px);
 transform: rotatex(-90deg) translatez(25px);
 color: #FFE7C4;
 .front, .back {
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: black;
 padding: 15px 10px;
 color: white;
 pointer-events: none;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 </style>

</head>
<body>
<div id="menu"><ul class="block-menu">
 <li><a href="/home" class="three-d">
 Dynamic
 DynamicArtisans
 </a></li>
 <li><a href="/demos" class="three-d">
 Work
 WorkWork
 </a></li>
 <li><a href="/deals" class="three-d">
 Blog
 BlogBlog
 </a></li>
 <li><a href="/about" class="three-d">
 Profile
 ProfileProfile
 </a></li>
 <li><a href="/about" class="three-d">
 Contact
 ContactContact
 </a></li>
 </ul>
</div>
<div id="Stage" class="EDGE-57204389">
</div>
</body>
</html>

I've come across this from the Edge API:
Edge.getComposition(compId)
Anyone having trouble with this same issue should try this:
var targetComp = AdobeEdge.getComposition('TARGETCOMPID');
 targetComp.getStage().play();
in their trigger or event handler.
How I got it to work:
<li><a href="javascript:var targetComp = AdobeEdge.getComposition('EDGE-57204389');
 targetComp.getStage().play();" class="three-d">
 Dynamic
 DynamicArtisans
 </a></li>

How can I trap & display HTML syntax errors in mx:HTML at run time?

I am loading HTML pages into an mx:HTML component in an AIR application. If the HTML contains errors, they show up in the trace window in debug mode. I'd like to trap that information so I can tell the usere that there are errors (and what they are) in the production version of the application. How can I get at those errors?

I found it myself how to do it. The error says that it is not able to find the reference object i.e it is asking us to refer to the table. The following piece of code will solve this problem. Have to implement this in WDDOMODIFYVIEW method of the view. This thing works comrades enjoy...
DATA : lr_cmp_usage TYPE REF TO if_wd_component_usage,
         lr_if_controller TYPE REF TO iwci_salv_wd_table,
         lr_cmdl   TYPE REF TO cl_salv_wd_config_table,
         lr_col    TYPE REF TO cl_salv_wd_column.
DATA : node_year TYPE REF TO if_wd_context_node,
         elem_year TYPE REF TO if_wd_context_element,
         stru_year TYPE if_alv_layout=>element_importing,
         item_year LIKE stru_year-i_current_year,
         lf_string    TYPE char(x),
DATA: lr_column TYPE REF TO cl_salv_wd_column.
DATA: lr_column_header TYPE REF TO cl_salv_wd_column_header.
DATA: lr_column_settings TYPE REF TO if_salv_wd_column_settings.
Get the entered value from the input field of the screen
node_year = wd_context->get_child_node( name = 'IMPORTING_NODE' ).
elem_year = node_year->get_element( ).
elem_year->get_attribute(
   EXPORTING
    name = 'IMPORT_NODE-PARAMETER'
   IMPORTING
    value = L_IMPORT_PARAM ).
WRITE L_IMPORT_PARAM TO lf_string.
Get the reference of the table
lr_cmp_usage = wd_this->wd_cpuse_alv( ).
IF lr_cmp_usage->has_active_component( ) IS INITIAL.
    lr_cmp_usage->create_component( ).
ENDIF.
lr_if_controller = wd_this->wd_cpifc_alv( ).
lr_column_settings = lr_if_controller->get_model( ).
get column by specifying column name.
IF lr_column_settings IS BOUND.
    lr_column = lr_column_settings->get_column( 'COLUMN_NAME').
set Header Text as null
    lr_column_header = lr_column->get_header( ).
    lr_column_header->set_text( lf_string ).
endif.

Inserting HTML/CSS in a Tabbed Panel

I've been having trouble inserting HTML/CSS into a Tabbed Panel widget. In this case, the HTML/CSS is creating a text box with scroll bars (as described in an excellent workaround for getting scroll bars to work).
Has anyone else come across this situation?
Thanks!

I'm not seeing the same problem (the scrolling text box displays fine in the tabbed panel for me).
Does your HTML container fit within the content area of the panel?
Here are screenshots from Muse Design view:
and Preview in Browser (Firefox):
When you say it's not working, what exactly do you mean? What's happening?
Best regards,
Corey
Edited: Adding topic on creating scrolling text box for reference: http://forums.adobe.com/message/4327943#4327943)

HTML+CSS conversion issue with nth-child() selector

Why doesn't Adobe Acrobat XI Pro convert the below HTML code correctly when I try to create a PDF from it?
I've simplified the actual code significanly in order to present the problem in its simplest possible form. The code below uses the CSS "counter" feature to modify <li> elements according to a specific pattern. This code enumerates and indents every third line in the progression 1,4,7,10,13, ...
In Firefox and Internet Explorer, this code is displayed correctly, but Acrobat XI Pro ignores the lines with the "nth-child(3n+1)" selector which contain directives to hide line enumeration on non-matching lines and to indent text on matching lines. Acrobat XI Pro instead displays line enumeration for all lines and doesn't indent text on any line, as if the two directives containing the "nth-child(3n+1)" selector were not present at all.
Is this a bug or is it an unsupported feature in Adobe Acrobat XI Pro?
Whichever the case, any suggestions on a not too labourious alternative method to achieve the same result?
As things are, I've been forced to resort to using the so called "poor man's nth-child selector" workaround (abouthalf.com/development/poor-mans-nth-child-selector-for-ie-7-and-8/), which requires manual specification of each line's content with ever-increasing code extension/repetition. It gets the job done, but in a very messy and time-consuming way, and it only works with pre-defined static content. In terms of size, the difference is that of less than 1kb CSS file size when using the nth-child() selector vs more than 75kb CSS file size when using the above mentioned workaround, for a 250 line predefined stylesheet.
Surely there has to be a better way to deal with this issue? Support for a core HTML/CSS feature that generates ordered layout patterns for line enumeration, indentation, etc, would seem like a top priority feature to support in a product such as Adobe Acrobat Pro, given its focus on page layout...
<html>
<head>
<style type="text/css">
body { margin: 75px 90px; }
li { list-style-type: none; counter-increment: listing; }
li:after { content: counter(listing); float: right; margin-right: -2em; visibility: visible; }
li:not(:nth-child(3n+1)):after { visibility: hidden; }
li:nth-child(3n+1) { text-indent: 25px; }
</style>
</head>
<body>
<li>Line One</li>
<li>Line Two</li>
<li>Line Three</li>
<li>Line Four</li>
<li>Line Five</li>
<li>Line Six</li>
<li>Line Seven</li>
<li>Line Eight</li>
<li>Line Nine</li>
<li>Line Ten</li>
</body>
</html>

Any suggestion what the issue and/or solution might be?

Need urgent help on issue "An unknown CSS error occured" Hyperion Essbase

Hi guys
I am facing an issue while configuring Essbase 9.3.1. Everytime i tried to register Essbase(Server1) with Shared Services(Server2), i.e at the point where we enter Shared Services server, port, username, and password i am getting the following error.
"An unknown CSS error occured. please check the values you entered". I verified and gave all the values exactly. but same error....
please help me with your suggestions in resolving this issue.
Thanks in advance.
K

this is what the configtool_err.log is showing
com.hyperion.cis.config.CmsRegistrationUtil, DEBUG, URL for CSS.xml = http://ServerName.DNS:58080/interop/framework/getCSSConfigFile
com.hyperion.cis.config.CSSApp, DEBUG, Unable to communicate with the server.
com.hyperion.cis.config.CmsRegistrationUtil, DEBUG, Authenticate admin user to CSS.
com.hyperion.cis.config.CSSApp, DEBUG, com.hyperion.css.CSSCommunicationException: Failed to connect to the directory server: Native Directory. Error Code: 3
NestedException:
javax.naming.CommunicationException: hqidwcpdap04.hqh.intra.aexp.com:58089 [Root exception is java.net.ConnectException: Connection timed out: connect]
com.hyperion.cis.config.CmsRegistrationUtil, ERROR, Failed to authenticate user = admin
com.hyperion.cis.config.wizard.ProductCustomInputPanel, DEBUG, managerClassName: com.hyperion.essbase.config.EssbaseAgentPortPanelManager
com.hyperion.cis.config.CmsRegistrationUtil, ERROR, Failed to initialize CSS API
com.hyperion.cis.config.CmsRegistrationUtil, ERROR, Failed to authenticate user = admin
com.hyperion.cis.config.CmsRegistrationUtil, ERROR, Failed to authenticate user = admin
Edited by: MP on Mar 11, 2011 12:53 PM

Classic/static html+css export

Unfortunately i've never really figuerd out all that div-floating margin-and-padding-overlaping css mambo jumbo
I always prefered flash over html+css becouse of its logical visual approach and I even developed my own little news cms and we suppose to live happily ever after but apple crew that all up ;(
is it posible to make nice and clean layout in flash and then convert it to html+css?
with semantics like container symbol -> container div and buttons become functional links?
that would get smile back on my face :/
i would appreciate any help!

Unfortunately i've never really figuerd out all that div-floating margin-and-padding-overlaping css mambo jumbo
I always prefered flash over html+css becouse of its logical visual approach and I even developed my own little news cms and we suppose to live happily ever after but apple crew that all up ;(
is it posible to make nice and clean layout in flash and then convert it to html+css?
with semantics like container symbol -> container div and buttons become functional links?
that would get smile back on my face :/
i would appreciate any help!

How to 'Publish' layout or extract the HTML/CSS?

OK, I created a nice layout, how do I "Publish" it -- i.e. extract the HTML/CSS so I can use it on an actual web site page? The "Reflow Overview" and other such Adobe "Getting Started" videos don't say and when I looked for such a thing as "Extract" or "Publish" or even "Upload" [ala Flash and/or Dreamweaver), all I found was "Save" and "Save As" which saves the Project as an arcane RFLW file.
Since I found no other question like this on the Forum, I'm beginning to wonder if I'm missing something obvious!

There was a recent update to a thread on this:
How to export Edge Reflow work file to Dreamweaver
Long story short, it will be easier to export code in the next release of Reflow. Until then you can get the HTML and CSS from the preview folder or you can get just the CSS from the code popover by clicking on the "<>" button on the bottom bar:
Hope that helps and thanks for using Reflow,
Chris

Installing Outlook 2007 HTML & CSS Validator in CS4

Hi everyone,
I have installed the Outlook 2007 HTML & CSS validator but when I go to look at the target browser list nothing appears.
The path that the tool was installed to is: C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS4\configuration\BrowserProfiles
Does anyone know if it will work with CS4? I have scoured Google and these forums to no avail.

The path is correct. Try restarting DW, then go to the Browser Compability window and see if it is there to enable in the Settings. If DW was running it will not appear until it is restarted.

Html + css editor

I am a java programmer who was told to design a jsp page using html + css.
i dont know css. is there a free WYSIWYG editor out there which takes into an account your css files and lets you use it somehow to make what you need.
keep in mind that when i look at the css style sheet i cant "imagine" how any of the stuffs in there would looks, and i dont know which divs must be inside other divs.

As long as you are able to get away with writing "dirty code" it isn't too much of a pain. When I am knocking a random page up I use 2 methods
1) Set the style for a tag using clas="..."
2) Set the style by adding the tag in your css
The first option allows you to tightly control what style gets applied where. The second option is for global setting of styles. By putting a <style> tag in your header you will find you are very quickly able to change and test your style changes. I am currently, at home, learning php with MySql served from apache. All I have to do is edit my css file in notepad, hit F5 on my browser and voil�, I can see the changes. I can develop my style sheets very quickly with this method. I prefer not to use graphic tools because of all the unnecessary tags they create.
Ted.

Flexible Grid - HTML/CSS error

Similar Messages

Maybe you are looking for