Problem uploading templates with liquid layouts and dreamweaver cs6

Hi
I have developed some templates in Dreamweaver CS6 and Liquid Layouts
However when I want to preview them in a browser, they come out blank (No Data at all)
I have tried this without Liquid and works fine, minor bugs that can be fixed like background image not visible
It seems the problem its at the BC system
Will appreciate help on this matter
Thanks

You should not be using Liquid in product sites, especially in templates since the whole liquid code breaks and does not render in several places.
DW has no features to support liquid rendering either yet.
It is something that is in Alpha.

Similar Messages

Trouble with liquid layout...

Hi,
I am trying to layout a site with CSS in a liquid style. This
is the first time im using a liquid layout and find it pretty
confusing.... The site is
here. The problem im currently
having is the block of text and image in the main content area (in
white with the guy with the megaphone) looks different in Internet
Explorer and Firefox and i cant work out why this is. Firefox
places it higher up the page and explorer places it lower down the
page....
How can i get them to be the same distance from the top? Any
ideas?
Thanks....

Hello
You should validated your code. I think one of your problems
is that you might have a missing </div> tag. There are one or
two other easily repaired problems highlighted in the validator. I
think the bottom of your page needs to look like this:
<div id="footer">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">lessons</a></li>
<li><a href="#">contact</a></li>
<li><a href="#">resources</a></li>
</ul>
</div>
</div>
</body>
</html>
If you want your page centered, you're missing margin: 0
auto; in your CSS for #wrapper; like so:
#wrapper {
background-color:#FFFFFF;
max-width:1000px;
min-width:810px;
padding:10px;
text-align:left;
width:90%;
margin: 0 auto;
You need to think whether using relative positioning is a
good idea if you don't need it. If you need to fiddle about with
placement of elements in your page I'd suggest researcing the float
property and the Box Model. There's plenty out there to read.
I add the caveat that I am clinging by my fingernails to the
level slightly above "Novice." I don't use relative positioning for
example, because I don't understand it!
Kind regards
Martin

Updating to Mavericks issues with Illustrator, Photoshop and Dreamweaver

Since updating to Mavericks I am having problems with Illustrator, Photoshop and Dreamweaver opening files on Parallels VM and network servers. Will updating Java to 7 help? Everything worked before upgrade. Photoshop say files are empty, in Dreamweaver the document is blank and Illustrator crashes. If I open the files off my local machine everything works fine.

Go to each program forum, in OVERVIEW mode
Then, in the area just under Ask a Question, type in
maverick
or
mavericks
or
10.9
You may now read previous discussions on this subject... be sure to click the See More Results at the bottom of the initial, short list if the initial list does not answer your question

Problem in Multisim with transient analysis and initial conditions

Hello everyone,
I have a problem in multisim with transient analysis and initial conditions.
If I do transient analysis with automatically determined initial conditions the circuits works.
If I do transient analysis with user-defined initial conditions the circuits works in cases.
--Working with user-defined---
*## Multisim Component V2 ##*
vV2 3 0 pwl(0 0 0.001 0 {0.001+1e-008} 3 {0.001+1e-008+1} 3)
*## Multisim Component R1 ##*
rR1 3 0 10000 vresR1
.model vresR1 r( )
--Working with user-defined----------
*## Multisim Component V2 ##*
vV2 1 0 pwl(0 0 0.001 0 {0.001+1e-008} 3 {0.001+1e-008+1} 3)
*## Multisim Component U1 ##*
xU1 1 0 MEMRISTOR__MEMS__1__1
--Not Working with user-defined-------
*## Multisim Component V2 ##*
vV2 3 0 pwl(0 0 0.001 0 {0.001+1e-008} 3 {0.001+1e-008+1} -3)
*## Multisim Component R1 ##*
rR1 3 1 10000 vresR1
.model vresR1 r( )
*## Multisim Component U1 ##*
xU1 1 0 MEMRISTOR__MEMS__1__1
The costum component includes something like that:
.subckt MEMRISTOR__MEMS__1__1 plus minus PARAMS:
*Parameters values
+rmin=100 rmax=390 rinit=390 alpha=1E3 beta=0 gamma=0.1 VtR=1.5 VtL=-1.5 yo=0.0001
+m=82 fo=310 Lo=5
blah blah ...
.ends Memristor
Namely, if I combine the resistor and my custom component in one circuit, transient analysis with user defined initial conditions gives an error (timestep too small).

Hi Nik,
If possible, please post the Multisim file. This way, I can get access to all your settings.
Tien P.
National Instruments

Using Windows XP and working with Fireworks CS6 and Dreamweaver CS6.

I'm a student and only have Windows XP. I'm working with Fireworks CS6 and Dreamweaver CS6. Can I just get the two of them or do I need to subscribe to the Creative Cloud? Also, can I get Dreamweaver CS6 on the Cloud? I know I can't use Dreamweaver CC with XP.

Moving this discussion to the Creative Cloud Download & Install forum.
Afec1707 I am sorry but you must have Windows 7 or later for your operating system. You can find the system requirements to utilize Creative Cloud applications at System requirements | Creative Cloud.

Trouble with opening images from dreamweaver cs6(64bit) to photoshop cs6(64bit).

Hi guys i need help! I have trouble with opening images from dreamweaver cs6(64bit) to photoshop cs6(64bit). I uninstalled and went to preferences/file types editors to set up ps6 as primary but I still get some error.After i click image in dreamweaver,I get this message-Unable to launch...Please be sure that application exists and that there is enough memory to run it..

Can you Launch Photoshop normally from your desktop shortcuts?
I usually keep DW and PS open at all times so I can switch back & forth.
Nancy O.

Creating Adaptive Designs Using Fluid Grid Layouts in Dreamweaver CS6 | Digital Design CS6 | Adobe TV

Adobe Evangelist Greg Rewis shows how to create adaptive designs using Fluid Grid Layouts in Dreamweaver CS6.
http://adobe.ly/Iq7L8z

maybe someone here can answer this. Can I take an existing website and apply the fluid grid layout feature to it? I have one regular website that is not responsive. I've tried copying and pasting into the dreamweaver grid layout, but it doesn't respond as expected. Is this even possible?

Contribute CS3 having problem with liquid layout

Heya everyone! I'm hoping that someone can help me here. I'm
trying to make the leap to having layouts done in CSS and not with
tables.
Please don't blame me for the design on this one - I didn't
do it! ;)
I'm having different issues in two different versions of
contribute.
Older versions of contribute won't allow me to edit the text.
I'm guessing it has something to do with the padding on my left and
right columns that I had to use in order to get my three column
layout. Getting rid of that means totally rethinking how I did my
three column liquid layout to begin with, which isn't my favorite
option.
Contribute CS3 WILL let me edit the text in the center
column. HOORAY!
HOWEVER! I can edit it for a little while, but if I start
typing too fast or click it the wrong way the entire DIV reshapes
itself and is suddenly 10px wide! How bizarre.
What can I do to make this editable in Contribute? Does
anyone have a fix to that this is either editable by my client
(this has to go LIVE to beta on Monday!) OR does someone have a
three column liquid layout that DOES work in contribute cs3?
Thanks so much!!!
check it out here: www.cssdd.org/index.html

you can see the layout in question at www.cssdd.org - sorry
for not including it.

Have problems uploading Edge with dreamweaver to server.

I'm having problems uploading edge in dreamweaver to my server. It shows off line and when i check in all browsers. When I upload to server, it doesn't show in page. Is there a tutorial that would show me how to upload it to server?

The Microsoft article below is useful.
Network Connectivity
http://technet.microsoft.com/en-us/library/cc961803.aspx

Sizing confusion with Liquid Layout

Hello,
I am attempting my first site. I have read the Dreamweaver CS3 Missing Manual (and done the tutorials), so I have a grasp of Dreamweaver and it's powers, but by no means do I consider myself anything but a beginner.
I have chosen to create a liquid 2 column layout with header and footer using Adobe's layouts to get a handle on the basics. When it opens, it's default 100% size in DW is 969x530. When I shrink the browser, it shrinks too, which I know is obviously the nature of a liquid layout.
This is my question: how am I supposed to size my banner and images in Photoshop or Fireworks to fit into this layout if the sizing changes whenever I change my browser size? Do I use the default Adobe gave me and size my images around that, or should I make my document size smaller, say to 795x470 (832x624 maximized)?
Thanks for any help. This question may seem easy, but it's stopping me continuing on with the site.
Jen

You need to make your banner liquid as well, like the other gentleman said.
What might help to understand how this is done is by looking at websites the have liquid banners. Here's a web site I finished a few weeks ago:
www.aplusoutdoorcinema.com
If you right click on the marquee and choose view image, you will see that the main graphic is a fixed size. Then if you right-click on the stars to the right of the marquee and in the menu choose view background image, you will see a graphic of stars. This graphic is repeated diagonally across the banner (repeat-x). I used a min-width to keep the moon from crashing into the marquee (unfortunately, IE6 does not recognize the min-width property).
Often the background image that repeats across a banner is only 1 pixel wide if its just a color. My background image in the example I gave is wide because I needed a variety of stars
Here's a simpler example on CSS Zen Garden:
http://www.csszengarden.com/?cssfile=017/017.css
If you are not acquainted with CSS Zen Garden, it's a showcase for CSS sites and it also invites anyone to download the XHTML or the CSS. So you can download the css on this site, examine the code, and see how they did it.
If you read David McFarland's book, you are off to a great start.
Good luck,
John

Problem in templates with hyperlinks to bookmarks

Hi. I'm using Robohelp X5. I have a template with a hyperlink
in the footer, to link to the top of the page. The link works fine
in topics that are in the root HTML Files folder (in the Project
Manager tab) but it doesn't work in topics that are in sub-folders.
The hyperlink target is being prefixed with "../" to account for
the extra level. I have been asked not to use Javascript in the
help, so need to use html. Does anyone know of a way to prevent the
link being altered in the sub-level topics, or some other solution
to the problem?
I can't ask all the authors not to use folders to organise
their topics, as some of the projects are large and they also use
the folder structure when generating the TOC. I'd also rather not
have to advise them to create a different version of the template
for each folder in the topic structure, which is the only other way
round it I can think of. Any advice would be greatly
appreciated.

Hi again Kat
Hmmm, quite a conundrum you have there, eh?
Well, there is one other possibility. Similar to the number
42, you probably won't like it much. But here goes anyway.
Assuming you are the person who has final say over the
project, meaning that you are the only one that generates and
distributes and the others are simply contributors, you could use
something like ReplacEm or FAR to perform a small post generation
process of performing a search and replace. You would search only
the folders for the desired string looking for ../# and eliminate
the ../ or possibly even ../../ or ../../../ depending on how many
folder levels you have.
Besides that, I'm about out of ideas.
Sincerely... Rick

Problems uploading images with uppercase (.JPG) file extension.

I am using coldfusion 8 and have no problems uploading an image using CFFile when the image has a lowercase file extensions such as .jpg however if the same file has a Uppercase file extension .JPG coldfusion hangs and then just times out. The files are exactly the same just different cases in the extensions.
Any idea?
My cffile is set as such <cffile accept="image/*" action="upload" destination="#uploadfolder2#" filefield="profilePictureFileBrowser" nameconflict="makeunique" >
I tried changing the accept property to image/*, image/jpg, image/JPG but that did not fix the problem either

Thanks for the quick reply. So I removed the tag and even though I get an error after submitting the form it appears to not hang anyways. Any idea how to fix this?
I am on a windows 2003 server so cases sensitifity should not be a problem. I am perplexed as to why this would work with lowercase extensions an not upper?

Problem uploading images with php script.

As a webdebdesigner i developped a cms system to upload images with php to a mysql database. Firefox version 5.0.1 for MAC and earlier have no problems with uploading through the script. But after that version it is impossible to upload images bigger then 250kb. The page where the customer chooses his image for upload stalls and the form is not sent to the actual upload script, which should validate and process the image.
This problem only occurs in Firefox, all other browsers work just fine!
On top of that: Giving feedback to firefox not possible for MAC.

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web site development issues with Firefox. <br />
http://forums.mozillazine.org/viewforum.php?f=25 <br />
You'll need to register and login to be able to post in that forum.

Problems with coloured background in Dreamweaver CS6

Hi,
Probably best if I attach images rather than describe the problem, so that's what I'll do.
As you can see there is a grey bar to the side of the page and it is the same at the bottom when I zoom out. I'm making this website as part of my Uni course and I have to follow a specific template so, please, don't judge me on what it looks like... lol.
The code for the background section looks like this:
body {
          background-color: #CC9966;
          background-repeat: repeat-y;
I have also coloured the footer.
#footer {
colours for text within the
footer division, ie <p id="footer">
color: #2D2D2D;
background-color: #CC9966;
So what do I have to change to make the colour fill the background entirely? I'm an amateur so please don't use too much technical language. I'm sure it's a simple fix, anyway.
Thanks a lot.

          WHAT IS THIS FILE?
          This file contains all the simple style properties, such as colours, fonts
          and backgrounds. Edit this file to customise the look of your content.
          If you want to change the layout styles (widths, heights, positions)
          see layout.css.
          |--------------------------------------------------------------------------
          | General Text Formatting
          |--------------------------------------------------------------------------
          html, body {
                    /* setting the default styles all text, inputs and textareas will have (unless specified otherwise) */
                    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                    font-size: .85em;
                    background: #E8EBEB url(../images/body-bg.jpg) repeat-x top left;
                    color: #3a3a3a;
          h1 {
                    font-size: 1.5em;
                    font-weight: bold;
                    color: #78AB46;
                    background: #fff;
                    margin: 0 0 .5em 0;
          h2 {
                    font-weight: bold;
                    padding: 1em 0 1em 0;
          p {
                    line-height: 150%;
                    padding: 0 0 1em 0;
          ul {
                    padding: 0 0 0 2em;
                    list-style: disc;
          ol {
                    padding: 0 0 0 2em;
                    list-style: decimal;
          li {
                    padding: 0 0 1em 0;
          strong {
                    font-weight: bold;
          em {
                    font-style: italic;
          blockquote {
                    color: #000000;
                    background: #C0D9AF;
                    padding: 1em 1em 0 1em;
                    margin-bottom: 1em;
                    font-style: italic;
                    font-size: 1.2em;
          #footer {
                    colours for text within the
                    footer division, ie <p id="footer">
                    color: #2D2D2D;
                    background-color: #CC9966;
          .screen-reader-only {
                    This is a special class used to prevent text from
                    being displayed on screen, while still making it visible to
                    screen readers. Use this class if you want to add extra
                    descriptive text for visually impaired users, but don't want
                    that description to be visible for other users.
                    For example:
                    <p class="screen-reader-only">Special text for screen readers</p>
                    text-indent: 100%;
                    white-space: nowrap;
                    overflow: hidden;
                    position: absolute;
                    top: 0;
                    left: 0;
          |--------------------------------------------------------------------------
          | Page Links
          |--------------------------------------------------------------------------
          a:link {
                    color: #07087a;
                    text-decoration: none;
                    background-color: #fff;
          a:visited {
                    color: #07087a2;
                    background-color: #fff;
                    text-decoration: none;
          a:hover {
                    text-decoration: underline;
          a:active {
                    color: #07087a;
                    background-color: #fff;
          |--------------------------------------------------------------------------
          | Top Navigatin Links
          |--------------------------------------------------------------------------
          TOP NAVIGATION LINKS
          The following styles control the appearence
          of the top navigation links, eg.
          <a class="top-link" href="default.htm">Home</a>
          a.top-link {
                    these styles will apply to ALL links (:link, :visited, :hover and :active) unless overridden
                    display: block;
                    padding: .7em 0 .7em 0;
                    margin: 0 1.5em 0 0;
                    background: #EEEFEE url(../images/nav-bg.gif) repeat-x top left;
                    color: #07087a;
                    border-bottom: solid .3em #EEEFEE;
                    padding: 0;
                    line-height: 2.5em;
          .top-link:link {
                    /* styles for normal, unvisited links can be set here */
                    /* these styles will override the defaults set for .top-link above */
                    text-decoration: none;
          .top-link:visited {
                    /* styles for links once visited can be changed here */
                    /* these styles will override the defaults set for .top-link above */
                    text-decoration: none;
          .top-link:hover {
                    /* styles for top links when a user hovers over it can be changed here */
                    text-decoration: none;
                    border-bottom: solid .3em #c2c2c2;
          .top-link:active {
                    /* Styles for when the link is being clicked can be changed here */
          .top-link.selected:link, .top-link.selected:visited {
                    /* Sets the style of a link that has been selected (ie. has a class of selected)
                       for example (note the additional class "selected"):
                              <a class="top-link selected" href="content.htm">Content Page</a>
                    border-bottom: solid .3em #aed637;
                    cursor: default;
          |--------------------------------------------------------------------------
          | Footer Links
          |--------------------------------------------------------------------------
          Change these if you want your footer links to have a
          different style to other links
          #footer a:link {
                    background: #CC9966;
                    color: #E7C6A5;
          #footer a:visited {
                    background: #CC9966;
                    color: #E7C6A5;
          #footer a:hover {
                    background: #CC9966;
                    color: #E7C6A5
          #footer a:active {
                    background: #CC9966;
                    color: #E7C6A5;
          |--------------------------------------------------------------------------
          | Header Colours
          |--------------------------------------------------------------------------
          #header {
                              Colours for <div id="header">
                              See layout.css for layout and size properties
                    background: #D1EEEE url(../images/header-bg.gif) repeat-x top left;
                    color: #fff;
          #nav {
                              Colours for <ul id="nav">
                              See layout.css for layout and size properties
                    background: #EAEAEA url(../images/nav-bg.gif) repeat-x top left;
                    color: #07087a;
          |--------------------------------------------------------------------------
          | Wrapper
          |--------------------------------------------------------------------------
          This controls the styles for the wrapper div that
          contains all page elements, ie:
          <div id="wrapper">
          #wrapper {
                    background: #fff;
                    color: #3a3a3a;
          |--------------------------------------------------------------------------
          | Widget Box Colours
          |--------------------------------------------------------------------------
          Colour styles for widget boxes, ie <li class="widget">
          See layout.css for layout and size properties
          .widget {
                    background: #C0D9AF;
                    color: #000;
          .widget-heading {
                    color: #000;
                    background: #C0D9AF;
                    border-top: solid .3em #375852;
WHAT IS THIS FILE?
This file contains all the more advanced layout style properties, such as
widths, heights, spacing and positioning. If you want to change colours,
backgrounds and fonts, see simple.css.
|--------------------------------------------------------------------------
| Wrapper
|--------------------------------------------------------------------------
This controls the styles for the wrapper div that
contains all page elements, ie:
<div id="wrapper">
#wrapper {
margin:0 auto;
min-width: 460px;
width: 800px;
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
#header {
This controls the layout of <div id="header">
If you change the image inside the header,
make sure you set the "height" property below
to match the height of the new image
See simple.css for colour properties
position: relative;
margin: 0 0 0 0;
overflow: hidden;
width: 800px;
#nav {
Layout properties for <ul id="nav">
See simple.css for colour properties
display: block;
padding: 0 0 0 20px;
list-style: none;
clear: both;
font-size: 1.3em;
height: 2.8em;
#nav li {
display: block;
float: left;
list-style: none;
padding: 0;
|--------------------------------------------------------------------------
| Main
|--------------------------------------------------------------------------
|
#main {
margin: 0 auto;
position: relative;
overflow: hidden;
width: 800px;
background-color: #FFFFFF;
#content {
Styles for the div thay wraps the main content, eg:
<div id="content">
padding: 1.5em 20em 20px 20px;
#content.full-width {
Adding a class of "full-width" to the #content div
will use these styles, eg.
<div id="content" class="full-width">
padding-right: 20px;
|--------------------------------------------------------------------------
| Sidebar
|--------------------------------------------------------------------------
#sidebar {
Styles for the sidebar wrapper, eg.
<ul id="sidebar">
You can probably leave this as is
width: 15em;
padding: 6em 20px 0 0;
float: right;
|--------------------------------------------------------------------------
| Image Alignment Classes
|--------------------------------------------------------------------------
These are used to align images (see the content page example)
You shouldn't need to change these.
.align-right {
float: right;
margin: 0 0 1.5em 1em;
.align-left {
float: left;
margin: 0 1em 1em 0;
.align-centre {
margin: 0 0 1.5em 0;
text-align: center;
.caption {
font-style: italic;
text-align: center;
|--------------------------------------------------------------------------
| Widget Boxes
|--------------------------------------------------------------------------
Layout styles for widget boxes, ie <li class="widget">
See simple.css for colour properties
.widget {
margin: 0 0 1em 0;
list-style: none;
padding: 0;
.widget-heading {
padding: 15px 10px;
font-size: 1em;
margin: 0;
.widget-content {
padding: 0px 10px 0 10px;
.photo-gallery {
list-style: none;
padding: 0;
margin: 0;
.photo-gallery li {
float: none;
display: inline;
padding: 0;
.photo-gallery li img {
padding: 0 1em 1em 0;
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
Styles for <p id="footer">
#footer {
margin:0 auto;

Working with Device Central and Dreamweaver

This question was posted in response to the following article: http://help.adobe.com/en_US/dreamweaver/cs/using/WSBB2A56A3-CE82-400d-8CA4-E42A1EED6756a.h tml

Hi, I have a question.
(Quick explanation) I have dreamweaver cs6, I created an android app, a run the emulator and everything seems to be ok with the app, I download the .apk and everything ok so far, but when i wanted to upload it to Google Play i need to sign it, but I search all the web somehow to sign it and i did not find anything to sign an app made with dreamweaver and Phonegap, just those made with Eclipse.
My question:
Is there anyway to export driectly from Dreamweaver to Eclipse as a project? so i can export it and sign it...
if Not, How can i convert those html files made with dreamweaver to Eclipse files, so I can use Eclipse to sign and generate the keystore file
or, How can I generate a keystore file to sign an app made with Dreamweaver?
Thakns.

Problem uploading templates with liquid layouts and dreamweaver cs6

Similar Messages

Maybe you are looking for