Checkerboard to fluid - columns later adjustment

Is there a way to add/subtract the "columns" in a fluid grid presentation after that development has already started? The company wanted to add another element and make it fit properly, I need several columns of rose. Is there a way to do all along, or you can just at the beginning when you select file > new checkerboard to fluid? Thank you!

Hi samantha.m,

Currently there is no way to change the number of columns on the fly, but we have a request to this effect in the pipeline.

I can offer a work around, but it's a risk (if not done correctly) long shot.

Here are the details:

FG framework computes them percent widths etc based on the number of columns that were calculated during the creation of the page.

Therefore, you can

(1) in your file fluid CSS change the value for the Office columns to '11' :->  ' dw-num-OCOL-Office: 11;

(2) save this file and html and close and reopen. (Please note that this will break your layout in the viewport Office temporarily)

(3) create a dummy page with 11 columns, then lets say if you want your first div (on the actual page of column 5)-> and then add a 5 column div to this dummy page

(4) copy the % and replace it in the actual page width property.

(5) the same operation can be repeated for other divs.

(6) similar steps can be repeated for % margin's.

as I said earlier, it's a little risky, but once you understand the action it can lead to 11 steps to the max.

Tags: Dreamweaver

Similar Questions

  • Checkerboard to DW CC fluid columns

    I want a checkerboard flud 3 column with a list of nav in column 1 and articles in columns 2 and 3.  I built the nav list and tried to move the article to the right of column 1.  There is enough space to do so.  DW allows me to click on the arrow to move the item up one line, but it does not move upwards.  How can I fix it?  How can I create 2 columns of items to the right of the nav column?

    Yes.  It's my preferred workflow.  First build the layout.  Don't worry content until the complete layout is built.

    TIP: Touch with code FluidGrid.css.  Use a separate external stylesheet for the styles of your content.

    Good luck!

    Nancy O.

  • Checkerboard to fluid without restarting

    Hello

    I made my website but I did not use the fluid grid, when I consult my website on a mobile phone or a Tablet is not good game but when I discover on a PC, the site looks very good.

    I don't want to start over and use CHECKERBOARD to FLIUD,

    I can do my original drawing a checkerboard to fluid?

    I hope you can help :-)

    Where you have this:

     

  • Comments
  • Replace this:

     

  • Comments
  • Checkerboard to fluid question

    the other day, I created a checkerboard to fluid.  He published via FTP and it worked fine.   Today, I made some changes to the page and they look good on dreamweaver.   When I save and publish, none of the changes appear on the site.   Are there other files I need to record with grid of liquid to make it work?

    I think my problem was there are actually two files "new.html.   With a Capital of N with a small "n".

    I deleted both.  renamed little n.  Then re-released.   It works now.   Thanks for the help.   just enough of a sudden boost to help it along.

  • Cannot move the divs checkerboard to fluid

    I use Dreamweaver CS6 in OS X Mavericks.

    When I build pages checkerboard to fluid I seem to reach a point where I can enter is no longer div boxes to the left or right to resize. Is it because you cannot change a fluid grid from a template?

    Thank you

    Joshua

    It probably has more to do with where you put your custom styles.

    The fluid grid css is extremely fragile. Small issues in this file can cause DW to stop recognizing nature GFL your page quite easily. It is recommended, if you are not, use a separate external stylesheet of the fluid grid css for all of your custom style to prevent break accidentally.

    Aside from that, it is difficult to help without seeing the code of the pages you use. Their download to a location to test on your server and share a link here are the best way to get accurate answers.

  • Checkerboard to fluid, I've hidden 2 < div > mobile layout. How do I find them?

    Checkerboard to fluid, I've hidden 2 < div > mobile layout. How do I find them?

    Hi howie.c.design,

    Just to clarify this point a bit more for you:

    (1) for the class trained elements (that is, you spent a class name while inserting)-> DW Adds a class like 'hide_tablet', 'hide_mobile' and 'hide_desktop' for each of the respective provision.

    for example:

    This is the content of the div layout "div".

    That is why by deleting just the same source code will make the visible element in the respective display.

    (2) for the ID-driven elements (that is to say you had a code name while inserting)-> DW sets the property to display for this selector in a particular window as none.

    IE as shown on the image of "sally_em" above #featurest a the display property set to none.

    This property of compensation will be show the item.

    We know it's good for the ideal workflow and we are working on the provision of an interface allowing to achieve the same through the user interface.

    It will be available soon.

  • Using of checkerboard to fluid and a mobile site, or load smaller images for mobile.

    Question for a beginner:

    You can use checkerboard to fluid for Tablet and desktop, while having a mobile site?

    The problem will be the loading time.  I use a tool for css/js called Magic360 to display of large plates 3d products.  It requires 72 images, but works very well with the fluid grid.

    My understanding is the grid will load the images full size, but scaling to fit the screen.  Go from office to Tablet would be acceptable, but mobile would be much slower compared to a dedicated site.

    Another option would be to have the small images to load mobile within the grid of fluid, but I don't know if it's possible.  Thank you for any assistance.  I'm watching a ton of videos on lynda.com to learn the basics and progress.

    -James Thornton

    Put your large images in #slideshow - LG and smaller images in #slideshow - SM. use media queries to show/hide the divisions.   Use a separate external stylesheet for that.  You don't want to alter master key or FluidGrid.css files.

    / Special rules for mobile devices * /.

    @media only screen and (max-width: 480px) {}

    / * Hide div * /.

    #slideshow - LG {display: none ;}}

    / * display div * /.

    #slideshow - DMS {display: block ;}}

    }

    / * Rules for tablets, desktop computers * /.

    @media only screen and (min-width: 481px) {}

    / * Hide div * /.

    #slideshow - DMS {display: none ;}}

    / * display div * /.

    #slideshow - LG {display: block ;}}

    }

    Nancy O.

  • Toolbar options of div not displayed correctly checkerboard to fluid

    When I select an element inserted checkerboard to fluid, the options to hide, duplicate, or delete the Div will not displayed. I don't have the arrow "move up a line" is displayed. How do other options to display the mini toolbar? My version of DW CS6 is new V12.0 Build 5861.

    drw_tools.jpg

    It is called the "Smart HUD" and has been available to update the CCM (Creative cloudiness) 12.2. Your version is 12.0 that resembles a regular permit of no-cloud.

    You are actually a subscriber to creative cloud? If this isn't the case, you will need to wait for a perpetual license upgrade in order to see / use this feature.

  • How to checkerboard to fluid in 2015 DW views

    So just for all the world knows from the outset I am a student taking a class of dreamweaver and we use DW 2014. I just downloaded the free trial at home for having extended the time to finish the half, but the trial is DW 2015. So of course things are different. I managed fine so far, I came across a roadblock. I am currently working with checkerboard fluid and he is eager to get the view of the Office of the mobile view. Well I could do it easily on DW 2014 but the 2015 DW buttons are not there. And I did not understand how to switch between the mobile, Tablet and desktop views. SOMEONE PLEASE HELP ME AS SOON AS POSSIBLE!

    There are two ways to do in 2015 CC DW:

    1. Use the Visual Media Queries
    2. Use the menu on the window sizes.

    Visual Media Queries bar is at the top of the Document window. Click on the bar to resize the Document window to match the media query.

    Window sizes menu is accessible from the bottom right of the Document window (in the status bar):

  • The sensible scaling of composition edge animating in Dreamweaver checkerboard to fluid

    I've created an animation on board animate and placed in the header of a checkerboard fluid to Dreamweaver. I put it in a div in itself so it can be disabled in the mobile layout. When I test the layout in a browser, the composition of edge animate changes adapted to the size of the window, but the height of the div that it's actually not. The width of the div changes with the width of the window, but the div height remains the same. Because the height of the div does not change, as the animation responds and resizes it leaves a big empty space between the bottom of the animation and the content that follows it in the page.

    The div itself doesn't have a rule for its height that are associated with. It seems to me that the div gets its height from the original size of the html object that is the animation. I tried to remove the rule of height of the object, but then the div at the bottom of the animation clips, and yet once, it is not resize the window.

    Is it possible that I can get the height of the div resize to the size of the animation as it changes?

    This should help you.

    Using compositions dashboard animate reactive in Dreamweaver «Adobe Edge animate Team Blog»

    Nancy O.

  • Why does my checkerboard to fluid not display properly in IE 10?

    I use checkerboard to CS6 fluid to create a model of web repsonsive. The model works very well in chrome, safari, firefox and even ie9, but not IE 10. I'm not a coder, but I noticed conditional comments for IE most bar IE 10 in the new HTML document, I'm getting-my question would be something to do with it?

    Boilerplate.CSS contains a large number of CSS that don't recognize the validator of the W3C - namely seller-prefixes and support for older browsers IE.  Although technically not valid, they are nevertheless necessary for results good cross browser. Do not lose sleep over these errors.  Just ignore them and go.

    Nancy O.

  • Checkerboard to fluid: can not make it work

    Hello

    I'm quite new to html5, css and Dreamweaver, if I have a few programming backgroung.

    Could you please give any hint on how to solve the problem I encounter trying to build my first website?

    I found similar problems described in the Adobe community, but none of the solutions seem to solve my case.

    If this has actually already been processed, please point me to the correct article (I'm willing to learn rather than simply get the ready made trouble).

    Well, here's my problem:

    I need to create a web site that displays photos and text in three segments of the screen, three columns.

    I followed the tutorial at http://TV.Adobe.com/watch/learn-Dreamweaver-CS6/using-fluid-grid-layouts/ (very well done btw) and tried to repeat myself there.

    No way to do works for me :-(

    All the divs appear each on a new line when you open a browser, not aligned as I expected (tried them all: ie, firefox, chrome and safari on ipad).

    If I prevew multi-screen in Dreamweaver it seems quite the opposite.

    I'd appreciate really any suggestion or explanation why this is happening.

    Thank you very much!

    Cristiano P.

    I can provide all the files are:

    www.csegno.com.ar/Post_Debug/debug_data.html

    1. index.html file created by dreamweaver (www.csegno.com.ar/Post_Debug/index.html)
    2. file boilerplate. CSS created by dreamweaver
    3. file cSegno.css created by dreamweaver
    4. file Respond.min.js created by dreamweaver
    5. DW_GUI.PNG screenshot of what it looks like in Design view
    6. DW_multiscreen.PNG screenshot of multiscreen preview

    Work within a defined Site Local folder?  Site > Manage Sites > new...  It is a 1st critical step so DW able to properly manage your project files.

    Happy Easter!

    ()__()

    (='.' =)

    (")_(")

    Nancy O.

  • Difficulty of Z-index of checkerboard to fluid

    It is possible to get this z-index working in this Web page? With the help of DW CS6

    That's right, Ratso jewelry | Sydney | Gold mine

    I aim 2 layers where the main image is, the current image being the top layer (which has a hole in it) and another image below (I'll include and cycle later).

    The small bag/bag in the lower part of the right hand is supposed to look as if it was turned on by showing through a game of cycling of colors.

    I studied 'Z-index and the CSS stack' and believe that z-index of the 2 layers in this case should be set to:

    Top of page Z-1 and image (cycling)

    The picture below (image current photo) block-level boxes

    I really spent a significant amount of time all variations of positioning and search positioning and z-index information.

    I don't know now how I can implement this so that it works and also without destroying the design according to the CSS?

    I ran the page through the code verification tool, there are a few errors which I am not able to correct at the moment.

    View the results of the http://thatsrightratso.com.au/trove.html - Nu Html Checker

    Thank you very much

    Sorry, I just noticed this question.

    HelenLouise wrote:

    I'm not sure of an animated GIF background with default tiling. What I need is to be able to make this clickable glowy bag.

    You can save and use the animated gif I posted in #6 above.

    I did this software using your glow images

    GIF Animator. Download animated gif maker free.

    All you have to do is specify the gif as background for any container displays your image earthfade. By default, a background-image is repeated along the horizontal and vertical axes and is repeated in both directions. You can also position the BG image if you wish.

    The basics of the CSS: background properties

  • Checkerboard to fluid-

    I added a new Grid Layout fluid and when I try to add a DIV I get the message «Could not find Style of grid sheet Dreamweaver» fluid  I don't see the pink on my screen as shown in all bars of tutorials.  Can I use this option in CS6?  I followed the tutorial, but it doesn't seem to work.

    You must define at least one local site first before intervening in DW. Read the F1 help on how to do it.

  • Checkerboard to fluid: distorted on iDevices images.

    I built this site in a grid of fluid and found that if I resize the images manually, then they are vertically which runs on iPhone or iPad: www.oconnells.net.nz

    The only way I can work around the problem is to save the image to the exact size to go into space, but for various reasons, I prefer to save them at 640 px wide, that I then resize manually depending on the particular space.

    Is this something that can be avoided?


    Thanks in advance for the advice

    JO

    I think the indoor mall of shooting is to give you a hard time because he has one different dimension than your other.

    353px × 600px

    450px × 600px

    I like working with the same size and orientation of the photos if possible.

    If this is not possible, sometimes it is better to combine them into a single image grouped in Photoshop.

    Nancy O.

Maybe you are looking for

  • Card wifi Lenovo Y50-70 - why I can't install intel 7265 NGW?

    Hello I am installing a new wifi card Intel 7265 NGW in my Y50-70. He returned in the form of unauthorized card. How can I allow it maybe this card cannot be installed in this model? Thank you much for the help. Just a note that I now Atheros Qualcom

  • L430 startup problem

    When I press the power on button, I get the power on icon, but I can't type my password. Its similar key board is locked. Also, I see the muted light ON. I think that something has been pressed while shtting down from the computer in my latest book o

  • Why change something that is perfect?

    Ok... Long time customer Xperia here. have had all three and I am currently on the Z3. Here are the best phones I have ever had the pleasure of working with. so far I have never had a complaint that sustainability of the screen of glass on the z2 but

  • Printer installation problems

    Separated from this thread. Hi all This is the first post I do on the forum. In fact, I also have the problem with my laptop. It is a Dell Inspiron with Windows 7 (x 64). The issue began just after I installed the drivers for my HP Deskjet 1000 - pri

  • XFX nVidia GeForce 6200 256 MB hangs on Windows 7

    Hello my name is Ricardo and I'm having some trouble with the XFX nVidia GeForce 6200 256 MB graphics card when running Windows 7 in. The computer seems to hang after a certain time, or when you try to play a video file. There is no error message, it