Edge to edge using fluid background grid Layouts

Hello


I create a new site using fluid grid Layouts.  I have a background image of 1366 x 1000 px, in the file main.css (see below), placed but I would like to find a way that the background going edge to edge on any device, as is the style more modern.

. gridContainer.clearfix {}

background-image: url (.. / images/header_bkrd3.jpg);

background-repeat: no-repeat;

}

Thanks for your help in advance!

PB

. gridContainer.clearfix {}

Background: url (.. / images/header_bkrd3.jpg) no rehearsal Center set.

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

}

Tags: Dreamweaver

Similar Questions

  • Fluid put grid in connection to what style sheet

    I'm brand new to the fluid design grid Layouts and websiite then please explain your answers carefully. One of our members told me that there should be at least 3 stylesheets using fluid grid Layouts. The first two are automatically created by Adobe CS6 and advice is do not delete them. My question below is about the stylesheet wide third, custom, I created.

    • Fluid.CSS = layout
    • boilerplate. CSS browser reset =
    • your_custom. CSS = site wide styles

    The question is: how to index.html and other pages follow the styles created in the custom site wide stylesheet? I created a 3rd, large custom site style sheet and although I've linked index.html to this style sheet, is to ignore the Styles that I created in the custom css file.

    I found what I was doing wrong. I changed the font and size of police as the smart phone of the style sheet section. I didn't know that I also have to change it in the desktop section and a tablet. I feel like a jerk, but at least I figured it.

    Thank you very much Ben! I don't know that I have additional questions that I move along.

  • Size of menu bar Spry set correctly for mobile layout when using fluid grid

    I use the horizontal spry menu bar and the checkerboard to fluid. Works fine until it is used in mobile size. The size of the navigation bar set correctly, but the text is too large for each area of the spry menu bar. Is it possible to have the text to set for the mobile structure only? Is there a way for the spry menu bar to stack vertically?

    Spry is neither sensitive nor touch the screen of the environment.  It has been discontinued & removed DW in 2013.

    Inherited liquid grid layouts will be soon abandoned as well (see press release public Beta).

    If you have a budget to work with, look at menus adapted the seven project.

    PVII Pop Menu Magic 3: the constructor only sensitive Menu for Dreamweaver

    Nancy O.

  • Green highlight when you use fluid Grid Layout Div tags

    That the Green highlight means when working in Live view of a checkerboard mode fluid using fluid Grid Layout Div tags? Sometimes they appear, but sometimes they did not. I think it has something to do with the width setting but I can't understand what is the rule, or which indicates the high point.

    Dreamweaver CS6

    Mac OSX 10.8.2

    Thank you!!

    Brian McNay wrote:

    the Green highlight sometimes disappears when you change the width property of the div. My question is what this means?

    If you change the width of a div manually in Code view or in the Panel styles CSS, Dreamweaver continues to treat it as a fluid grid layout div, and green highlighting disappears.

    To be considered a div of fluid grid layout, the width should be adjusted by dragging the handles in Design view. Dreamweaver snaps divs fluid layout grid to the grid on which is defined when you create the page, and it calculates the width and margin the number of decimals. If the width or margin does not match the dimension of the grid, the highlighting disappears, and the div is treated as any other div.

    It is not a bug, nor is the divs to layout fluid grid different from normal ones. The idea of the grid and the highlight is to allow you to create a layout adapted to a hypothetical grid. Once you have created the basic structure, it is best to disable the Visual guides in any case.

    Personally, I think that the implementation of fluid layouts grid in Dreamweaver CS6 leaves much to be desired. The basic idea is good, but it is difficult to use if you don't have a solid knowledge of CSS.

  • Using index z is compatible with fluid Grid Layout CS6?

    Hello

    I imagine that because you cannot use absolute positioning grid to fluid, index Z is not an option?

    I tried all the different variations anyway, but couldn't do my 3 divs to stack it with success.

    There are some occasions where they stack, but it ruined other elements of the page.

    What do you say?

    Thank you very much.

    Absolute positioning can still be used in a design responsive, but be careful because it can destroy the design if not done correctly.

    Judging from your description, the problem could be something else. Please give us a link to the site so that we can have a look.

  • Update for the fluid in CS6 grid layouts [was: why?]

    I understand that Adobe puts most of their efforts into other programs. But I don't understand why we can't get an update for Dreamweaver CS6 checkerboard to fluid so that we can nest the elements. I can not personally pay for 29.99 for a month of Dreamweaver CC. So I'm stuck with a program that in virtue, performs in this area. Please come back to update this feature. I would also like to Starter models.

    Thank you

    Fery

    Don't use liquid grid layouts, they are not reliable.

    There are ways to create a responsive website. Take a look at Bootstrap 3 tutorial

  • Dreamweaver. Is it possible to have AP div tags in a fluid Grid Layout Div?

    I am putting together a site with a very basic page layout; some titles at the top, each placed in an AP Div, with images below.  But I would use the fluid Grid Layout Div so that the positioning of the change of flags AP div on mobile devices.

    I can't figure out how to do so that the AP div inside my fluid Grid Layout Divs tags

    Thank you

    1. forget the AP Div they are of very little use and can only be deployed in a sensitive site with care (and knowledge).

    2 forget the fluid grid layouts, they are not sufficiently stable.

    That being said, take a look at create a responsive Web design in Dreamweaver | Adobe Dreamweaver tutorials CC and Bootstrap 3 tutorial

  • How can I sign up for fluid grid layout div border

    How can I sign up for fluid grid layout div border

    Add this to your CSS:

    {.borderbox}

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    }

    Use the borderbox class where you have a similar scenario. In the present case:

    and

    Here is an example of what box-sizing does and how it is different from a normal border zone or a 'content' box: http://compass-style.org/examples/compass/css3/box_sizing/

  • Could I put in a fluid grid layout, a div with any property?

    Could someone please help me?, thanks

    Could I put another div in a layout fluid grid? Could put a div with a z-index value a fluid page layout grid? I could put a div with a transition to a fluid grid layout? Could I get any property of a div in a layout fluid grid?

    I can create a different stylesheet that takes all the fluid grids?

    forgive, but I have all these questions...

    Thank you and best regards.

    Fluid grid is right DW on "Sensitive" web design

    Any changes made to their fluid grid CSS break Visual AIDS that is displayed in design mode.

    Other than that, I don't see why you can't use a regular DIV within a checkerboard to fluid - and style it with one different CSS file (other than the presentation of the fluid grid CSS files).

    If you're referring to the CSS3 transitions, they work.

    Once again, as I said, fluid Grid layout is terminology just DW - any code you write it will work. However, if you want the full support of Visual AIDS, do not change the code manually in the default .css file. Feel free to add content / code in a different .css file.

    Good luck.

    -ST

  • stop scaling images in the grid layout cs6 fluid

    Hi, ive played with fluid layout grid and I think im picking up pretty well. One thing that confuses me is good with images. If I insert an image and you want to evolve it's good, but if I want to stop the image of everything that I should have scaling to do is to enter a height and width figure, CS6 even performs this task for you in the properties box. This however does not work for me, when I enter the height and width of the image always scales but also bow as well. Ive tried without dimensions, dimensions with padlock power but its does not work.

    http://TV.Adobe.com/watch/learn-Dreamweaver-CS6/using-fluid-grid-layouts/

    This video shows what I want to achieve from 15 minutes to go.

    Please help me

    Concerning

    Well, since you want your images to stay the same size to any width of browser window, you need to ensure that the

    is wide enough when the browser window is reduced, so you must set the to the min-width of the image, instead of percentages:

    {#LayoutDiv1}

    Clear: both;

    float: left;

    left margin: 0;

    min-width: 439px;

    / * Width: 100%; * /

    display: block;

    }

    {#LayoutDiv2}

    Clear: both;

    float: left;

    left margin: 0;

    min-width: 335px;

    / * Width: 100%; * /

    display: block;

    }

  • SSH on vShield Edge using Java CCES

    I am trying to connect to vShield Edge using jsch for SSH connection library.

    Connection to a linux server it works perfectly, but connected to the vShield edge server, the output is:

    vtysh: invalid option-'c '.

    Try "vtysh - help ' for more information.

    What it means?

    The connection seems to work correctly, I think the problem is the command I want exec ('list' command).

    I tried many commands, but I always have the same answer.

    I also used this methos Java to set the Pty:

    (Channel) .setPtyType ("vt100") (ChannelExec);

    Can I define another type?

    Thank you all

    Giovanni

    I was determined to uisng the ssh-tool Java library

    You can retrieve the lib since this link sourceForge: SSHTools | Free software on SourceForge.net downloads

    And here is my code.

    Was indeed a problem of reading of the result of the command, but it should be simple to solve.

    public {} public static void executeSSHCommand (String username, String password, String hostname, string command)

    SshClient ssh = new SshClient();

    PasswordAuthenticationClient auth = new PasswordAuthenticationClient();

    int result = 0;

    Session SessionChannelClient = null;

    OutputStream out = null;

    BufferedReader in = null;

    try {}

    SSH. Connect (hostname, new IgnoreHostKeyVerification());

    auth.setUsername (username);

    auth.setPassword (password);

    result = ssh.authenticate (auth);

    If (result! = AuthenticationProtocolState.COMPLETE) {}

    System.out.println ("authentication error");

    }

    session = ssh.openSessionChannel ();

    session.startShell ();

    out = session.getOutputStream ();

    out. Write (Command.GetBytes ());

    in = new BufferedReader (new InputStreamReader (session.getInputStream ()));

    Read string = null;

    While ((read = in.readLine ())! = null) {}

    System.out.println (Read);

    }

    } catch (IOException ex) {}

    }

    }

    Hope this helps others :-)

  • Why I'm not able to see the fluid Grid Layout Div tag

    Why can't I see no menu fluid Grid Layout Div in the Layout to insert tags

    DW CC changed signs.  If you work in FGLayouts, DW intuitively inserts the correct Div for you.

    Nancy O.

  • Is it possible to create a model using fluid grids?

    I'm working on a new site and now starting to really try and arrange everything correctly, so what I want to do is to create a master page to work from universal.  I understand that this is not a master page as such, I read that you need to create a template and a link to that, but I don't see how to do this with a checkerboard in fluid.

    Is it possible to use fluid grids, keeping a 'template' link to and do NOT have to redo all the work I've done so far?

    Thanks for any help in advance =]

    Read F1 help on DW models to gain an understanding on how they work.

    1. Make your prototype of FluidGrid page.  Check in all browsers, and when you are satisfied of how it looks and reads the file save as Template.dwt.
    2. Add editable regions for things that will change the page.  Save and close the template.
    3. Go to file > new model page.  Press the button create.
    4. This new file is a page of the child.  SaveAs index.html (your home page) or a different file name.
    5. Repeat steps 3 & 4 for your other pages of the site.
    6. Re-open the model and add links to your navigation menus.
    7. Save the model and fill changes to the child pages.
    8. Child pages look in browsers before uploading to your remote server.
    9. Repeat steps 7 & 8 whenever you make changes to your file main template.dwt.

    Nancy O.

  • The fluid Div of Grid Layout tag panel?

    I'm not creative Member Cloud but need to update my Dreamweaver 6 with fluid Grid layout panel Div tags

    I'm not creative Member Cloud but need to update my Dreamweaver 6 with fluid Grid layout panel Div tags

    Cloud software is only available to members of cloud.

    Nancy O.

  • Fluid design grid how

    I'm curious as to how I would go all this in dreamweaver with a fluid design grid.

    PPS FartAround.jpg

    I can split the background with a gradient easily enough, but what I do for the 'main' green dark. Dreamweaver, tells me that I can not put a div in a div after the .clearfix container. Sorry if it's simple, I'm certainly not a professional Web Designer / coder. Come play with something.

    What version of DW have you?

    I do not recommend using fluid grid (Legacy) layouts.  They were OK, when they came out in 2012, but Adobe has renounced them.  Inheritance is code talk because they won't be around much longer.

    Bootstrap is more robust.  You can nest a div inside the DIV tags, no problem.

    body - background 2-tone

    bottom of container - Green

    the inner tank - white background.

    Nancy O.

Maybe you are looking for

  • Firefox does not close properly

    Hello A new problem with Firefox occurs today. After turning on my machine, I can open firefox. When I close it, it does not close properly and leaves a firefox.exe running process. I so can not re - open firefox without going into the Task Manager a

  • Re: Portege 500 Sync and Fingerprint Software on Vista

    HI - have recently resolved the synchronization failure by removing the true Suite Access Manager (finger printing software). Vista invites you to reinstall the software when you restart, which I did download from the Toshiba... and we're back to the

  • Is there a default way Touch Pad OFF! Pavillion g7

    I just bought a g7 Pavilion and the touchpad is driving me crazy.  I am looking for a button or which would make the touch pad OFF by default instead of having to double click it everytime I open the lid.  I said there is no setting for it, but I hop

  • Download Manager changed to Chinese version

    Original title: 2nd corrupt computer o Network Installation Download Manager on my computer, so nothing to download or installs when Chinese programs have been downloaded from the internet to the 2nd computer. Remember - this is a public forum so nev

  • messed up display color

    Display colors are medium - black are blue, red are "purple", etc.