Do not stretch the fluid grid header image

The grid of fluid image (hero div) meets the mobile and Tablet level queries, but not at the office 1232 px.

Image develops only for a max of 1125 px of 1540 px for the nav main div, which is 73%.

the CSS code is as follows for the desktop mode:

/ * Office Layout: 769px to a maximum of 1232px.  Inherits the styles of: Mobile and tablet. */

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

{.gridContainer}
Width: 88.7142%;
Max-width: 1232px;
padding-left: 0,6428%;Capture 030515.JPG
padding-right: 0,6428%;
margin: auto;
Clear: none;
float: none;
left margin: auto;
}
#top {}
}
{#mainNav}
}
{#menuSystem}
}
.menuItem {}
Width: 13.0434%;
Clear: none;
margin left: 1.4492%;
}

Any suggestions how I can develop and stretch the image to the same width as the main nav (7 horizontal buttons) in the fluid grid container?

If the value of 88.7142% should be increased to 100%, why then the image only develops to 73% and not of 88.7142%

URL is < tyndall.net.au >

Any suggestions greatly appreciated.

Thank you

Jonathan

By default, FGLayout sets the images with a maximum width of 100%. The image can resize up to its native file size but not more.

To do this, your image must be at least as wide as the layout of office max AND you should not add height or width attributes to the image itself.

your banner

Nancy O.

Tags: Dreamweaver

Similar Questions

  • Is it possible to display the design view in the fluid grid pages?

    After the upgrade to the latest version of DW CC 2014, I noticed that design mode is disabled in the fluid grid pages. You can only use the Live View mode to change these pages. Design/Live button on pages not fluid.

    I wonder if there is a work around to allow the Design mode of publishing on the pages of fluid. It is a major concern to try to change some things in Live View mode. It would be nice to have a choice.

    @Ron

    Ron, thanks for your idea.  I just tried this in my fluid grid css file, and it worked!  The strange thing (at least in my mind) is that the code (below) is commented.  So, even though my web pages ignore this commented code, Dreamweaver is not... use it to control how the Dreamweaver program works. Well, I think that this can happen.  This code behaves as a "directive" in the Dreamweaver program.

    A notable change is that I no longer see the grey bands indicating the fluid grid columns in Live view mode, but I can live with that.

    It's my way of novice look at the situation.  But now I'm happy.

    Here are my exact code (which I deleted) of my css file.  Maybe others can try it and see if that fixes the problem.

    /*

    Properties Grid Dreamweaver fluid

    ----------------------------------

    DW-num-CLO-mobile: 4;

    DW-num-CLO-Tablet: 8;

    DW-num-OCOL-Office: 12;

    DW-gutter-percentage: 15;

    Inspiration of "Responsive Web Design" by Ethan Marcotte

      http://www.alistapart.com/articles/responsive-Web-design

    Golden by Joni Korpi grid system and

      http://goldengridsystem.com/

    */

  • I'm doing a gif animated JPEGs, my palette Animation/timeline menu does not show the ability to make images of layers, I slot than extended CS6 64 on windows 10

    I'm doing a gif animated JPEGs, my palette Animation/timeline menu does not show the ability to make images of layers, I slot than extended CS6 64 on windows 10

    Please click the animation button to create the image. This should create the first image in the palettet in mode of image Animation timeline. you not in any mode animation again

    Do you see a button create framework amnation in my screenshot because I clicked on it to create an animatiion framework.

  • The fluid grid columns disappeared. How to make a comeback?

    I need help for the fluid grid columns is displayed.

  • David Powers Lesson10 - "does not meet the requirements of an image.

    Hello

    I have a problem to download lesson10 image. It still shows the error message "not satisfying the requirements of an image" even the size of the image, the width and height to meet validation. This is upload_images.php

    My download file size is 160K with 640 pixels wide and 480 pixels high. Help, please. Thank you.

    upload_images.php

    ----------------------

    <? PHP

    $uploader = new Zend_File_Transfer_Adapter_Http();

    $uploader-> setDestination ($destination);

    $uploader-> setOptions (array ('ignoreNoFile' = > TRUE));

    $files = $uploader-> getFileInfo();

    $filenum = 1;

    foreach ($files as $file = > $info) {}

    $file = 'picture {$filenum} ";

    $caption = $_POST ['caption {$filenum}"];

    If (isset($_POST["place_id{$filenum}"])) {}

    $place_id = $_POST ['place_id {$filenum}"];

    } else {}

    $place_id = NULL;

    }

    $filenum ++;

    If ($uploader-> {isUploaded ($file))}

    $filename = $uploader-> getFileName ($file, FALSE);

    $uploader-> addValidator ('Size', FALSE, 500 kB');

    $uploader-> addValidator ('MIME Type', FALSE, 'image');

    $uploader-> addValidator ('ImageSize', FALSE, array ('minheight' = > 50, "minwidth" = > 100 "));

    {If (! $uploader-> {isValid ($file))}

    $errors [$filename] = "$filename does not meet the requirements of an image;

    } else {}

    $no_spaces = str_replace (' ', '_', $filename, $renamed);

    $uploader-> addValidator ('Extension', FALSE, 'gif, png, jpg');

    $recognized = FALSE;

    If ($uploader-> {isValid ($file))}

    $recognized = TRUE;

    } else {}

    $mime = $uploader-> getMimeType ($file);

    $acceptable = array ('jpg' = > ' image/jpeg')

    'png' = > ' image/png ',.

    ('gif' = > ' image/gif');

    $key = array_search ($mime, $acceptable);

    If (! $key) {}

    $errors [$no_spaces] = "$filename is an unrecognized image type";

    } else {}

    $no_spaces = "$no_spaces." $key ';

    $recognized = TRUE;

    $renamed = TRUE;

    }

    }

    If {($recognized)

    get the names of existing files

    $existing = rewinddir(3) ($destination);

    check if the name of the downloaded file is in the table

    If (in_array ($no_spaces, $existing)) {}

    get the position of the last period

    Use it to get the base name and extension

    $dot = strrpos ($no_spaces, '.');

    $base = substr ($no_spaces, 0, $dot);

    $extension = substr ($no_spaces, $dot);

    initialize a counter

    $i = 1;

    use a loop to add the counter after database name

    check if the new name exists in the table

    {}

    $no_spaces = $base. '_' . $i++ . $extension;

    } While (in_array ($no_spaces, $existing));

    $renamed set to true

    $renamed = TRUE;

    }

    $uploader-> clearValidators();

    $uploader-> addFilter ('Rename', array ('target' = > $no_spaces, $info ['tmp_name']));

    $success = $uploader-> receive ($file);

    If (! $success) {}

    $errors [$no_spaces] = implode('.) (', $uploader-> getMessages());

    } else {}

    $uploaded = '$filename downloaded successfully ';

    If {($renamed)

    $uploaded. = "and renamed $no_spaces.

    }

    $images [] = array ('name' = > $no_spaces,)

    'caption' = > $caption,

    ('place_id' = > $place_id);

    $messages [] = $uploaded;

    }

    }

    }

    }

    }

    I finally solved it. For your information, I use php version 5.4.3 and MAMP 2.2. Here are the changes:

    (1) open the php.ini file

    Search for "extension = php_fileinfo.dll" and delete.

    (2) download the package files GNU for windows http://gnuwin32.sourceforge.net/downlinks/file-bin-zip.php.

    Extract the zip file.

    (3) copy 2 of the file in the extracted, folder/share/file/Magic and... /share/file/Magic.MGC and paste in the folder extra/php/magic

    folder. (Create the magic folder in the new folder).

    (4) stop MAMP all services and services to start.

    It will work for you!

  • Why Muse does not change the names of certain images or property when exporting to HTML format?

    Why Muse does not change the names of certain images or property when exporting to HTML format? and how can I keep the integrity of the name that the image/file has been saved as?

    General Muse renames a file imported image if the image is modified to achieve the design or the exit, or if the name change was necessary due to a name conflict (two different images which had the same file name when importing).

    The design-time features that will modify an image include cropping, rotation, rounded corners and effects (drop shadow, bevel or glow). It is also true that, in rare cases, Muse will merge an image with other content to optimize page download performance. An example of this would be to place a background image on a block of text that contains the text using system fonts. In this case, rather than a single image for text output and a separate image for the background, Muse will combine the two into a single image.

    If an image is placed or imported by Muse and not tampered with, the image is crossed without modification (including the file name) at export/publish (with him except that Muse will always rename if two different images with the same name).

  • Why do "Switch to the fluid grid view" toggle button does not?

    I don't see the grids in the grid to fluid and nothing happening this button On / Off stages.

    Also get an error "not found smooth Dreamweaver grid style sheet." when insert any item as a component of fluid.

    Please help, thanks.

    @Binson: I'm following your post on another thread.

    In any case, the FG elements can be introduced into FG page layout documents

    On the layout page FG Si you get this error, you have probably some problems of integrity of the files, and DW is unable to locate your stylesheet FG.

  • 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.

  • 100% width div inside the fluid grid

    Hi im trying to find the best way to use the transmission grid in Dreamweaver.

    One problem im having is if my fluid is width 90% how to make a DIV to work 100% in width but have the DIV stay nested in the grid?

    I installed the header and footer to run 100% outside the gate, but I now have a few DIVS that go through the page and I'm not sure how I can run 100% without changing the grid at 100% width.

    Any help would be greatly appreciated.

    Thank you

    Luke

    Screen Shot 2015-05-24 at 8.57.05 pm.png

    Fluid grids are not 100% width for a reason.  They are designed to be centered on the screen and you can not do it with 100% divs.

    I understand what you want - maybe as in this example of custom code:

    ALT - Web: Severed CSS Layout

    Due to some limitations, FGLayouts are not the best way to achieve this.

    If you want to give your FGLayout origins, you could get an acceptable effect with gradients of background CSS selector of your body that covers the entire page.

    {body

    background:-webkit-linear-gradient(white, maroon). / * For the Safari.

    background:-o-linear-gradient(white, maroon). / * Opera * /.

    background:-moz-linear-gradient(white, maroon). / * For Firefox * /.

    background: linear-gradient(white, maroon). / * W3C Standard * /.

    filter: progid:DXImageTransform.Microsoft.gradient (startColorstr = 'white', endColorstr = "Brown", GradientType = 0); / * IE6-9 * /.

    }

    Nancy O.

  • Change the fluid grid in Dreamweaver CS6?

    I'm trying to understand how do to change my fluid layout grid in Dreamweaver CS6. Can anyone guide me on this issue? I'm also struggling with reorganize my images and text inside the div tags - can't move anything. Can someone enlighten me?

    Project seven Page Packs?  The affinity is their sensitive theme.

    Affinity PVII CSS: Reagents and Mobile-Ready layouts for Dreamweaver

    I use no more than FGLayouts.  At best, it's an OK Starter for your projects of reactive nature.  But I was never enthusiastic with the execution of the interface in DW.  Buggy, very fickle and if you alter the CSS code, it will break the page layouts.  Basically, it's a good idea that was never fully carried out.

    In 2015, CC, it's called fluid grid Layouts (Legacy) which means that it is removed gradually from. IMO, Bootstrap is much better.

    Nancy O.

  • Thin Client T510: Do not support the SMB for no image preload on Linux platform

    Hello world

    I have a problem with a Thin Client T510 (C4G87AT #ABA), this one came with Windows CE and today I flashed with a USB to thin Pro 5 (T6X52011). When I want to deploy the image I captured (wallpaper, RD Session etc...) I have the following error:

    2015-08-19 15:30:43 [error details]:... /... / Task/linux/ImageTask_Thinpro.cpp@384: Metheod of the Image is not compatible.
    .. /.. / Task/linux/ImageTask_Thinpro.cpp@1624: do not support SMB for no image preload on Linux platform.

    When I look in the console HPDM, I see the T510 and connected

    Agent version: 4.6.3670.21244

    HDPM 4.6 SP5

    OS: T6X52011

    My OS: Windows 8.1 x 64

    Can someone help me please? Thks and have a nice day.

    Hi, thks for this Council. Theres is how I fix.

    Firstly, the master repository has change from D:\HPDM\HDPM to D:\HPDM on the server, so the configuration was not good at the moment. Another thing, the password of the user hpdm has changed in Active Directory, but not in the configuration. I changed all the settings for in line with the current configuration and capture Images of thinpro news works very well and deploy this new works pictures well too but Deplopyement of old images does not work.

    I'll open another thread if I need assistance. In this case, I'll mark as fixed.

  • The Windows XP Task Manager does not display the names of process image

    I am running Windows XP with SP3. Image of process names are not displayed in the Task Manager, and in the column picker image process name, although is TICKING, is grayed out. I don't have the PID numbers. So I can't say what processes are underway. There are 57 processes running, that seems to be too many.   I tried running "tasklist > tasklist.txt"from command, prompt but it just flashes and nothing happens. " Does that mean I have a Trojan horse? What can I do about it?

    BDF

    That seems good enough for me - now, we know that your XP version and Service pack, System brand and model, BIOS version, the amount of RAM installed, the size of your paging file according to NEC, your system has SATA drives and a few other things.

    47 process may be OK depending on what you have installed and running on your system.

    Looking at my notes, I see that I thought a while back that the tasklist.exe program does not come with XP, but there's a copy on my SkyDrive for you to download.

    Here's how:

    Here is the link to my SkyDrive and you can get the file you need here:

    https://SkyDrive.live.com/?CID=6a7e789cab1d6f39&ID=6A7E789CAB1D6F39! 311

    You can download it and when you do, place a copy of the file in these folders (assuming that Windows is installed on your C drive):

    c:\Windows\System32

    When you see the files available for download, you can not see the file extension (.exe, .dll, .cpl, .sys, .zip, etc.), but when download you them they will have the right extension.

    When you download the file (especially if you use Internet Explorer), when you get a chance to save the file, your browser is unable to save the file with an extension (by example, .exe, .dll, .cpl, .sys, .zip, etc) then you will need to manually add the extension appropriate to the file when you download the file before you save it.

    You can download the file without the extension, and then rename the file to add the appropriate extension.  You do not want to use a file called tasklist when the name of the file should really be called tasklist.exe (if the downloaded file has no extension, you will need to change the name of the file to add the appropriate extension to make it work.

    Then, when you run tasklist > tasklist.txt, you should end up with a file tasklist.txt you can open it with a text editor.

    Even if you think yous system may be achieved a malware, it has never hurts to run these free scans before troubleshooting:

    No matter what you use for malware protection, follow these steps:

    Download, install, update and do a quick scan with these free malware detection programs (not at the same time) and remove all threats:

    Malwarebytes (MMFA): http://www.malwarebytes.org/products/malwarebytes_free
    SUPERAntiSpyware: (SAS): http://www.superantispyware.com/

    SAS will probably report a lot of tracking cookies and you can just let him delete them.

    They can be uninstalled later if you wish.

    The scans by operating clean, restart, and then fix any problems.

  • How can I change the columns in the fluid grid to a darker color.  The default color is too gray for me to see them on my screen

    Thanks for any comments I receive. This version is CC2015.

    peoj

    Dreamweaver does not create columns colored for a grid "bootstrap" for good reason: each line has its own set of columns in the layout. So, if you nest a row within another column, the nested line gets a new grid layout of 12 columns (assuming you are using a default grid). Although having a color grid layout looks like a good idea, it would become very difficult to work as soon as you start the nesting of the lines.

    In Live View mode, Dreamweaver adds a handle to resize the column to the right edge of the currently selected column:

    There are also a handful of column Offset on the left edge

    When you drag handles, Dreamweaver snaps to the next column and it will update the .col-*-* or the classes in the display of the item. In the previous screenshot, you can see immediately that the currently selected column is an important feature of 10 columns wide and is offset by a column.

    It takes a little practice to get used to its operation, but it quickly becomes clear what are the columns of size without the distraction of a color to the background grid.

  • mode Design displays only not in the fluid layout

    I can't turn on my design view, shows only mode live view

    CC2014.1 and later n have a design mode while using fluid grids. This has been discussed here at some length, in multiple threads. If you want to recover the Design mode, you can add the X below in the grid of your fluid .css file...

    /*

    Properties Grid Dreamweaver fluid

    ----------------------------------

    DW-num-CLO-mobile: X 4;

    DW-num-CLO-Tablet: 8;

    DW-num-OCOL-Office: 12;

    DW-gutter-percentage: 25;

    =====================================

    First close all other files. Make the change, and then save and restart DW.

  • Hide / show the fluid grids on Dreamweaver CC 20141

    Hello!

    How can hide us the grid of fluid on 20141 version?

    Thank you very much!

    Hide how exactly?

    Do you mean to use FGLayouts in 20141 with Design view?

    Open your fluid Grid CSS file and add an X as shown below.  This trick DW into thinking that it is a normal page layout, so you can use the Design mode, spell checking, copy & paste text, etc...

    /*

    Properties Grid Dreamweaver fluid

    ----------------------------------

    DW-num-CLO-mobile: X 4;

    DW-num-CLO-Tablet: 8;

    DW-num-OCOL-Office: 12;

    DW-gutter-percentage: 25;

    =====================================

    Nancy O.

Maybe you are looking for

  • Why my paypal account will not be opened in Firefox?

    In Firefox Paypal freezes with the wheels turning constantly. Account information simply never opens. It allows me to close the session, but that's all. Works fine in Internet Explorer.

  • My ICLOUD stored from a previous Iphone photos are gone from ICLOUD

    I've upgraded to Iphone 6.  I had storage ICLOUD before on my other Iphone with saved pictures.  After the level and switching to the new, these photos are no longer in my storage ICLOUD.  What happened to them?

  • a2109-a dropped connection wifi will not reconnect

    Hi guys,. I was hoping you could give me some advice? My ideastab a2109a has abandoned the connection to my office wifi. I got the time to code 4 or 5 wifi and it will not authenticate and reopen it. the desktop and my phone do not have this problem.

  • Alienware M18x r2 does not illuminate

    A few weeks ago, I started experiencing frequent black screen / freeze, particularly when running games such as World of Warcraft or Mass Effect 3 (max settings). At first, I thought it was overheating - I arreter stop for a little while, then start

  • Wireless stop working... Adapter not appearing not

    I have a Dell Inspiron 15 3542, which had an integrated Dell wireless adapter. At approximately 20:30, Sunday 30 November, my screen went crazy. I had to unplug the AC adapter and remove the battery to restart the computer. Since then, the wireless c