Is it possible to choose what div is used in the fluid design?

OK, I've built a site that consists of sections of header and footer and three divs column - LeftDataBox, CenterDataBox and RightDataBox. I used Dreamweaver CS6 for design in a style fluid and it works well from office to the mobile phone. However, when the site was moved to the cell phone, the LeftDataBox column appears first after the header. Given that most of the content of the active site is placed in the CenterDataBox div, I would prefer if it was the first div selected instead of LeftDataBox. Is there something in DW or CSS I can apply to tell the browser to choose the CenterDataBox first? I did not bother to include code here, because it will be particularly helpful in the more general question, I ask. I can send a link to the site if that would help, but I think it's pretty simple - by default, as the divs spread on the small screen, they go from the top to the bottom/left to right. I would exchange the div containing LeftDataBox and CenterDataBox for only small screens. If the question seems irrelevant, I apologize, but have not been able to find a realistic answer after searching the Web.

I prefer to use HTML5 tags.  Side = supervised. Article = main content.

What I'm saying is that fglayouts are not able to order from div.  Div order depends on where you put it in the HTML markup.

However, with the div CSS Flexbox order can be set in your queries to support like this.

Mobile:

  header    { order: 1; }

  nav       { order: 2; }

  article  { order: 3; }
  aside.one { order: 4; }
  aside.two { order: 5; }
  footer    { order: 6; }

Desktop computer:

  header    { order: 1; }

  nav       { order: 2; }

  aside.one { order: 3; }
  article   { order: 4; }
  aside.two { order: 5; }
  footer    { order: 6; }

But Flexbox isn't quite ready for prime time yet.  Support of the browser so that it is still uneven. You can learn more on this topic at CSS Tricks: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Nancy O.

Tags: Dreamweaver

Similar Questions

  • Mini L9W - B satellite. How to choose what battery to use?

    Hello

    I would like to know if it is possible to choose what batteries to be used when the Tablet is connected to the base.
    I prefer to use the base battery (accumulator) first front of the shelf (main battery).

    Kind regards.

    I found the problem, I'll leave the solution here.

    The problem was in fact the keyboard dock battery was not handled appropriately by the PC so when the Tablet reaches 0% battery that the computer had to close even with a full 100% battery dock.
    Try to solve it through the Device Manager was not enough and did not work.
    Updated BIOS v1.3 v1.7 fixed the problem and the battery of the dock is currently used and the priority on the Tablet as it should.

    Hopefully it'll help.

  • Is it possible to create a PDF file using only the pages of an existing PDF?

    Is it possible to create a PDF file using only the pages of an existing PDF?

    Hi drdanger,

    There is a way, and it requires Acrobat. You need Acrobat to extract pages from a PDF. You are welcome to try free for 30 days, Acrobat, if you haven't already. See www.adobe.com/products/acrobat.html for more information.

    If Acrobat, you choose extract in the Pages of the Toolbox pane, then specify which pages you want to extract. These pages are extracted to a new PDF file, which then you name and save it.

    Best,

    Sara

  • What language he used in the functions of triggered

    What language he used in the functions of triggered

    Animate the engine behind the edge is powered by javascript.

    Darrell

  • -Pop-up menu (allows you to choose what program you use to open the file) when you insert sim or cd does not appear

    When a disk or sim card or data storage device is connected to the computer there should be a menu pop up that allows you to choose which program to use to open the file. This is no longer the case. Any ideas how to restore it?

    Hi John,.

    1 are you referring to AutoPlay settings in Windows XP?

    2. did you of recent changes on the system?

    If you are referring to AutoPlay settings in Windows XP, you can see the following article in Windows XP to enable the feature.

    The Autorun feature or the AutoPlay feature does not work when you insert a CD-ROM into the CD drive

    Important This section, method, or task contains steps that tell you how to modify the registry. However, serious problems can occur if you modify the registry incorrectly. Therefore, make sure that you proceed with caution. For added protection, back up the registry before you edit it. Then you can restore the registry if a problem occurs. For more information about how to back up and restore the registry, click on the number below to view the article in the Microsoft Knowledge Base:

    322756 (http://support.microsoft.com/kb/322756/) how to back up and restore the registry in Windows

    You can also consult the following article:

    How to change or choose the program that starts when you double-click a file in Windows XP

  • What configuration to use for the paper to use Staples label paper photosmart 5510

    I have a photosmart HP 5510, on paper defining it does not "thick paper" when you use staples or avery label paper.

    It shifts the label paper just by using the parameter "plain paper".  Suggestions as to what paper to use setting.

    Thank you

    This printer does not appear in support of printing labels according to the specifications of the product. You may be able to do work using a different printer driver. I will connect these instructions below. If this does not work, you will not be able to print labels with this printer.

    How to assign other drivers to print in different Versions of Windows

  • Is it possible to choose what files go to the Cloud?

    I plan spend all my photos in Lightroom to manage to move forward. The total database is about 350 GB. I don't want to make them synchronize to the creative cloud. But I would like to use creative cloud for the future work that I do in Illustrator/PS/Lightroom.

    Images are shared across collections. You create a collection of images, and then click the sharing to share this collection on mobile of Lightroom.

  • Can I do a meeting maker that gives participants the possibility to choose from two dates to attend the event?

    I send a manufacturer of meeting staff and would they be able to choose one of the two dates to be trained. Is this possible without the separate meeting decision makers?

    Sorry, who is not related to Firefox. Seek assistance on the site to help with this program.

    Firefox 3.5.2 is a version of Firefox does not support, you need to update.

    http://www.Mozilla.com/en-us/Firefox/

  • 405 proDesk: what RAM to use for the upgrade

    I need more RAM. There are 2 PCs.  It has 2 GB; the other has 4 GB.  It is not enough.  I don't know what Ram should be added.

    @StanF36, welcome to the forum.

    This is memory that is recommended by Crucial memory:

    http://www.crucial.com/USA/en/compatible-upgrade-for/HP-Compaq/HP-prodesk-405-G1-Tower

    http://www.crucial.com/USA/en/compatible-upgrade-for/HP-Compaq/HP-prodesk-405-G2-Mt

    As I was not sure which is your version of the 405 ProDesk, I gave you a link for both versions.  Make sure you choose the right pair.

    Crucial makes memory of very good quality, reliable.  Since the memory is so cheap, I suggest to buy all new memory, so there is no conflict with the memory of the old and the new.

    Please click on the button + Thumbs up if I helped you and click on accept as Solution If your problem is resolved.

  • touchpad does not show what keys are used on the login screen

    Have a new toughbook of Panasonic CF - H2.  Windows 7. On the login screen of the touch screen keyboard has black keys with white numbers. When you type the password it does not show what keys are be depressed. Once logged in the change of keyboard color to be more transparent and you can see the key used during typing.  Is it a setting in the keyboard that can be changed or is it a thing of security?

    Thank you

    This is for safety.  Starting with Windows 8, it became optional and you can choose if you want to see it or not.

  • Can what programs I use to the cmd prompt? (win xp)

    A lot of programs in Windows XP can be executed in the command prompt window (hereinafter, 'window cmd').  Some of them are related to the widgets as sysdm.cpl, others run the programs that display the output in the window cmd, as net statistics server.  I'm looking for a list of the programs that display the output in the command window.  We will just limit to the standard set of programs provided with Windows XP, if possible.  Someone has a link to such a list? Thank you.

    Hello

    Thanks for posting the request in the Microsoft community!
    For the programs running in the command prompt see links:
     http://www.Microsoft.com/resources/documentation/Windows/XP/all/proddocs/en-us/ntcmds.mspx?mfr=true

    If you need further assistance, please answer and we will be happy to help you.

  • Is it possible to connect your webcam to use in the program?

    It is currently possible to use e.g. your webcam in Adobe Flash professional Cs6 (or later version) to take pictures directly on keyframes instead of manually import the photos you have taken in another program.stopmo

    This could be useful for animation stop motion and later, add a layer on top of it, where you can draw lip sync etc.


    If this feature is not currently available is there any plugin/extension able who provides it? help!


    Thx for the help!

    Flash pro cannot use your webcam directly, but you can use flash to create an application that creates bitmaps of the webcam images.

    I don't think it will be more useful for you to use another program to create bitmaps of webcam, but that's all you can expect from flash pro and your webcam.

  • When the design view in Dreamweaver CC is magnified, what method is used for the panorama of the image to see more of the top left corner?

    I can't figure out how to move the image enlarged in Design view of Dreamweaver CC.

    What strikes me as being virtually useless, when it seems to view all point design is so I can click on an item and move it without entering the mode Code.

    You don't clearly understand how to work with Dreamweaver.  DW is not a click & drag, the WYSIWYG application.  The Design view is, at best, an approximation of what can expect to see in some older browsers.   Ideally, you should be working with Code view or split with Live View and editing in the code pane.

    APDivs or layers have been deprecated in DW CC because they aren't a good way to layout of web pages.  If you are still using this approach, it would certainly explain well many of the problems you encounter.   Best advice, start with a setting shaped pre-built CSS.   File > new > Blank Page > HTML.  Select a CSS formatting in the Panel 3rd & hit CREATE.

    Go further, not to use positioning.  Learn to use CSS margins, padding and floats to align items if you wish.

    HTML, CSS & Web Design theory tutorials-

    Nancy O.

  • What ports to use between the server host and ESX license

    Hello

    I've implemented a standalone ESX host and want it connects to the license server.

    Is there anyone knows what port must be open for the connection from the host ESX to the license server?

    Thank you!

    LAN

    27010

    27000

    See http://vmetc.com/2008/11/06/vmware-vi-35-port-diagram/ for full information

  • What is good use of the getKey() to set the current line - jdev 11.1.2

    Hello:

    GetKey() seems to come back oracle.jbo.Key [106]

    The primary key is 106, but how do you home? Here is my code:

    In the iterator, I have:
    Key = rw.getKey ();
    System.out.println ("Key =" + Key); displays key = oracle.jbo.Key [106]


    I'm doing something wrong. What is the correct usage? I want to set a different iterator to the value of this key is 106
    and run a query.


    = code below =.


    package com.nxtwave.view;

    to import java.util.Iterator;

    import java.util.List;

    Import javax.el.ELContext;

    Import javax.el.ExpressionFactory;

    Import javax.el.MethodExpression;

    Import javax.faces.context.FacesContext;

    Import oracle.adf.model.BindingContext;
    Import oracle.adf.model.binding.DCBindingContainer;
    Import oracle.adf.model.binding.DCIteratorBinding;
    Import oracle.adf.view.rich.component.rich.data.RichTree;

    Import oracle.adf.view.rich.component.rich.data.RichTreeTable;

    Import oracle.binding.BindingContainer;

    Import oracle.jbo.Key;
    Import oracle.jbo.Row;
    Import oracle.jbo.uicli.binding.JUCtrlHierBinding;

    Import oracle.jbo.uicli.binding.JUCtrlHierNodeBinding;

    Import oracle.jbo.uicli.binding.JUCtrlHierTypeBinding;

    Import org.apache.myfaces.trinidad.event.SelectionEvent;
    Import org.apache.myfaces.trinidad.model.CollectionModel;
    Import org.apache.myfaces.trinidad.model.RowKeySet;

    public class TreeHelperClass {}
    public TreeHelperClass() {}
    }

    {} public void treeSelectionHandler (SelectionEvent selectionEvent)
    System.out.println ("treeSelectionHandler high");
    RichTreeTable tree = selectionEvent.getSource ((RichTreeTable));
    Model CollectionModel = tree.getValue ((CollectionModel));
    JUCtrlHierBinding treeBinding = model.getWrappedData ((JUCtrlHierBinding));

    String methodExpression = "#{bindings." + treeBinding.getName () + "." treeModel.makeCurrent} ";
    this.handleTreeSelection (selectionEvent, methodExpression);

    RKS RowKeySet = selectionEvent.getAddedSet ();
    Iterator Iterator = rks.iterator ();


    If (iterator.hasNext ()) {}
    The rowKey iterator.next () = (list);
    JUCtrlHierNodeBinding node = treeBinding.findNodeByKeyPath (rowKey);
    JUCtrlHierTypeBinding nodeType = node.getHierTypeBinding ();
    String defName = nodeType.getStructureDefName ();
    System.out.println ("VO =" + defname);
    Line rw = node.getRow ();

    Key = rw.getKey ();

    System.out.println ("Key =" + Key); displays key = oracle.jbo.Key [106]


    /*????? How do below and get registration for PK = 106?

    System.out.println (RW. GetAttribute ("LastName"));
    BindingContainer bc = this.getBindings ();
    NCCC = (DCBindingContainer) DCBindingContainer, BC.
    DCIteratorBinding iter = dcBc.findIteratorBinding("EMP1Iterator");

    Integer keyInt = new Integer (key.toString ());
    iter.setCurrentRowIndexInRange (keyInt);

    iter.setCurrentRowWithKey (key);
    iter.executeQuery ();
    ***********/
    }





    System.out.println ("treeSelectionHandler end");
    }


    Private Sub (SelectionEvent selectionEvent, el String) {} handleTreeSelection
    FacesContext fctx = FacesContext.getCurrentInstance ();
    ELContext elctx = fctx.getELContext ();
    ExpressionFactory exprFactory = fctx.getApplication () .getExpressionFactory ();
    MethodExpression = me exprFactory.createMethodExpression (elctx, el, Object.class, new class [] {SelectionEvent.class});
    me. Invoke (elctx, new Object() {selectionEvent});

    }

    private BindingContainer {} getBindings()
    Return BindingContext.getCurrent () .getCurrentBindingsEntry ();

    }
    }

    Hello

    you think you're doing here?

    Integer keyInt = new Integer (key.toString ());
    iter.setCurrentRowIndexInRange (keyInt);

    A key is not an index of the line. Thus, instead of you call

    iter.setCurrentRowWithKey (key.toStringFormat (true));

    Frank

Maybe you are looking for

  • When is Airport Express available in 802.11ac?

    I think of buying an Airport Express Terminal as an Extender for my network with an Airport Extreme base station.  No one knows when or if the Express will be available in 802.11ac format?  In addition, the benefits or drawbacks to the use of the Air

  • R15 reformatted with XP, now the drivers are missing and will not connect Internet

    Hello! I got a Satellite R15 without recovery disks. I was thinking that I would do a set but never had him. Recently, I started having problems with my MSOffice 2007 software. I tried uninstalling and reinstalling, but files were corrupted and it di

  • Pavilion h8-1128 w/Radion HD 6750: disables the VGA DVI!

    I run 2 monitors SAMSUNG my h8-1128, which came with a HD6570 of Radion Eyefinity. Operating system is Windows 7 Home Premium 64-bit. Both monitors are supported by the DVI and VGA inputs. The HD6570 has a DVI - VGA dongle, DVI - I, HDMI and DisplayP

  • 00Thotkey.exe - missing file - Portege M200

    Hello All of a sudden my Fn functions did not work... The file has been corrupted somehow or one of the take-care-of-your-computer-tools funny swallowed it. In any case, the file has disappeared and I can't find it on my recovery disk, nor any tool o

  • C8547A: Color LaserJet 9500DHN

    I have an EIO hard disk failure. Question no matter which hard drive can be used, or should I hold on OEM 20 Gig hard drive?