How to make the size of the adjustable Web page in Dreamweaver?

Hello

When I minimize the window of the site works in, rather than adapt its size to minmised window, this stay of its original size with the scroll bars on the side. No one knows how do automatically adjust to the size of the window for people with different screen sizes can still enjoy the full display of the Web site.

Look at the "liquid" called DW home pages (FILE |) New > blank Page > "column 2, liquid" etc., or Google "liquid layouts.

Tags: Dreamweaver

Similar Questions

  • My navigation bar collapsed onto the gallery page not working gas not star tutorial - how to make and style of a sensitive web page

    Hello

    I made the tutorial how to make and style of a sensitive web page. This is the tutorial of Star Gazer. My Gallery with the images of the planets page works well until I reduce the size of the browser and displays the "sandwich" of the navigation bar icon collapsed, when I click on this icon, nothing happens. Could someone please tell me what is the problem with my HTML or otherwise I you have filled the gallery page and it works could you please paste your code in the response. Any help is much appreciated, thank you.

    Vincent

    < title > Stargazer / < /title >
    <!-"bootstrap"->
    "< link href="css/bootstrap.css" rel="stylesheet">" "
    "" < link href= "css/styles.css" rel= "stylesheet" type= "text/css" > ".
    <! - HTML5 shim and Respond.js for IE8 take in charge of the HTML5 elements and questions from the media - >
    <!-WARNING: Respond.js does not work if you view the page via file://-->
    <!-[if lt IE 9] >
    " < script src =" https://OSS.MaxCDN.com/html5shiv/3.7.2/html5shiv.min.js "> < / script > .
    " < script src =" https://OSS.MaxCDN.com/respond/1.4.2/respond.min.js "> < / script > .
    <! [endif]-->
    < / head >
    < body >
    "< div class="container-fluid" id="wrapper">" "
    "< nav class="navbar, navbar - default">".
    "< div class="container">".
    <
    ! - Brand and toggle get grouped together for better mobile display->"< div class="navigation-head bar' > '."" < button type= "button" class= "navbar toggle collapsed" data-toggle= "collapse" data-target= "#defaultNavbar1" > < span class= "only sr" > toggle thenavigation / </span >< span class= "toolbar" ></span >< span class= "toolbar" ></span >< span class= 'toolbar' ></span > </ button > """< a class="brand navigation bar" href="index.html"> Stargazer< /a >< / div > " "<!-collect the nav links, forms, and other content to alternate->"< div class="navbar-collapse collapse" id="defaultNavbar1">" ""< ul class="navbar-nav right navbar nav">".< li > <a href="#"> On< /a > </li >< li > <a href="#"> Gallery< /a > </li >< li > " < a href="http://www.nasa.gov"> ". NASA< /a > </li >< /ul >< / div ><!-/ .navbar-collapse->< / div ><!-/ .container-fluid->< / nav >"< idarticle = 'main' > '.< h1 > Close to the Sun. < / h1 >< p > Lorem ipsum dolor sit amet, adipiscing elit computer. CRAs gravida, ligula libero sem, condimentum mauris risus vitae orci sold computer and elementum tristique, felis. Nulla justo nisl, ut ut felis, tempus dapibus purus vestibule. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos inceptos. Donec lectus vel lacinia dolor quis massa mollis nisi. Phasellus at pretium ipsum. Surpassing vestibule risus vitae. Surpassing fringilla tempus lacus, vitae elementum felis efficitur. < /p >< / item >"< div class="container">"."< div class="row">"."< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-1.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mercury< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-2.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mariner< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-3.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Messenger< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >< / div >< / div >"< div class="container">"."< div class="row">"."< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-4.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Magnetic< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-5.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Microwave< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-6.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mapping < / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >< / div >< / div >< footer >& copy; 2015 stargazer< / footer >< / div ><! - jQuery (necessary to Bootstrap JavaScript plugins) - >" < script src="js/jquery-1.11.2.min.js"> ". < /script ><! - Include compiled all the plugins (see below), or individual files as needed-->" < script src="js/bootstrap.js"> ". < /script >< / body >< / html >

    The cause of the problem is not attached jQuery library.

    Make sure that jquery - 1.11.2.min.js is located in the subdirectory js as in

  • How to make the top sites page appears when I open a new tab? Why have I not of "buttons" to pin a top site of the page tab?

    When I open a new tab, NO best sites don't show up... shows just a search engine box. I have Firefox 33.0. Why is there no 'pin' button when I opened a new page? How to make the top sites page appears when I open a new tab?

    Here is some additional information on the configuration of the new tab page:

    (1) in a new tab, type or paste Subject: config in the address bar and press ENTER. Click on the button promising to be careful.

    (2) in the search above the list box, type or paste newtab and make a pause so that the list is filtered

    (3) double-click the preference browser.newtab.url and enter your favorite page:

    • (Default) page thumbnails = > subject: newtab
    • Blank tab = > subject: empty
    • Built-in Firefox homepage = > topic: welcome
    • Any other page = > full URL of the page

    Press Ctrl + t to open a new tab and check that it worked. Fixed?

    Some traps:

    If Firefox will not let you change this setting: you can have what is called SearchProtect on your system.

    Firefox if allows you to save your changes, but he doesn't know: one of your extensions may be the substitution of her. You can consult, disable and/or remove extensions on the addons page:

    "3-bar" menu button (or tools) > Add-ons > in the left column click on Extensions

    If the modification works during your session, but during the next startup is leads to: you could have a user.js file in your personal settings Firefox (your Firefox profile folder). This article describes how to track down and delete the file: How to fix preferences that will not save.

    A little luck?

  • How to open the saved web page

    I recorded my web pages with Mozilla Firefox, but I can't open a web page stored on Mozilla Firefox, however I can open these pages on other web browsers such as internet explorer, chrome.when I try to open the pages on Mozilla happens on the page "Start Page of Mozilla Firefox. so please help me.

    Yes. I can open in a new tab. How can I open it by clicking on the icon?

  • How to make the customer activate page 2

    Hello

    I'm not sure how to explain my problem, but I'll try.

    I want to make it possible for the customer to add a new section to the form. Lets say that the customer first enters the main information of the form related to a case. Then, the customer should be able to add "persons associated with this case." I think that by clicking on a button and a new page occurs where the customer can then enter data on people related to the case.

    That means on I want to put a button on page 1 and when you click page 2 become active. If the button is clicked the form from the point of view of the customer will not consist only of a single page.

    I hope that made any sense at all. If this isn't the case, I'll try to explain once more. But I hope someone can help.

    Kirstine

    Create the form as a form of page 2, page 2 to the hidden value and then place a button on the first page that affects to visible when you click on page 2. You can put this script in the click event of the button:

    Form1.Page2.presence = "visible";

    When page2 is the name of the second page of your form, and form1 is the name of your form. Be sure to set the button to javascript scripting language.

  • How to make the photo at 100% in Dreamweaver?

    I place the photo in Dreamweaver - Lightbox at 100% but when I see them on the internet, they are more than 100% and are blurry. What can I do to get them as 100% on the Internet?

    width: 100% will be upscale images to fit the browser window.  This often leads to distortions.

    For best results, use max-width: 100% who don't not high-end image beyond its native file size (height x width).

    Nancy O.

  • How to make the numbers say 'Page 1 of 21' footer instead of "1"?

    The title is self-explanatory :-)

    Click inside the footer field and type "Page"; Insert > Page number; Type "from"; Insert > number of pages.

  • How to make a tile for a chosen web page?

    I tried to follow the tutorial, but it did not work for me - when I right click on the page, it came not with something that allows me to pin. I have Google Chrome; is this a problem with Google Chrome? In the affirmative, please would it be solved?

    Hello

    Given that the problem is with Google Chrome I suggest you to ask your question here.

    It will be useful.

  • How to make your background Image of fixed Web Page

    Good afternoon.

    I'm working on a website that the owner would like to its background fixed when scrolling. He plans to have a large part of its content on a single page which people scrolled down to see. I placed the following in the body section on the index page html code:

    < body background = BG Properties 'Innerchild_Website_Background.jpg' = 'fixed' >

    I will create a model that will allow me to other pages. This is the right place to put the above command, or should I have put in the css document associated with the page. I want to assure you that I am moving properly.

    Here is the page:

    http://www.innerchildoutreach.org/new_site/index.html

    Thanks in advance for your comments.

    In your css add this

    {body

    background-position: fixed;

    }

    GAry

  • How to make the default text size and line spacing in small Sticky Notes?

    How to make the default text size and line spacing in small Sticky Notes

    Hello

    I suggest that you try the method below and check if it helps.

    Method 1: analysis of auditor of file system (CFS)

    System File Checker is a Windows utility that allows users to find corruptions in Windows system files and restore the damaged files. To perform a scan of the SFC, check out the link: https://support.microsoft.com/en-us/kb/929833.

    Note: the steps for Windows 8/8.1, works perfectly with Windows 10.

    Method 2: clean boot

    A clean boot is executed to start Windows by using a minimal set of drivers and startup programs. This will eliminate software conflicts that occur when you install a program, an update or when you run a program in Windows. Follow the link to perform the clean boot: https://support.microsoft.com/en-us/kb/929135.

    Kind regards

    Angelo bar

    Microsoft community

  • How to make the text bigger in youtube! Cubs in youtube!

    I made the largest text where google search arrives! But when I go on youtube the text is much tinier and I 65 to cataract and I can't read the text at right! How to make the text bigger in youtube? Thank you very much! I tried everything, but nothing changes the size!

    When you view this page hit {Ctrl + 0} < is a zero number -to reset the zoom level for this area.

    https://support.Mozilla.com/en-us/KB/page+zoom

    If you move the scroll wheel, and are now the CTRL key, you can change the zoom level of the page that is viewed - both in & out.

  • How to make the button to set the properties of auto-scale one of the Axes on the graphical indicator so I can turn on or off when I press on it. In the Labview web UI designer

    How to make the button to set the properties of auto-scale one of the Axes on the graphical indicator so I can turn on or off when I press on it.

    I need to change the adjustment vaguely Autoscale property for my graphic indicator. Can someone help me please.

    Thank you!

    Hello

    I have confirmed that there is currently no way programmatically enable/disable autoscaling for axes on the LabVIEW graphical indicator generator of the user Web interface. We noted this to possibly be implemented in the future; Sorry for the inconvenience.

  • How to make the color of the sky, exactly the same thing in multiple images?

    How to make the color of the sky, exactly the same thing in multiple images?

    Bengt Nyman wrote:

    I'm not trying to replace the sky. I want to talk to a group of photos BIF where the percentages of red, green and blue in the sky varies from a few percent, but enough to disrupt continuity within the group. I like t would be able to use the percentages of color to one of the pictures and replicated in others.

    Because the brightness of the sky probably varies from image to image using percentages RGB will not work. What you can use are the values of a and b the laboratory values . Right-click in the inside of the develop module histogram and tick 'Show Lab Color values.' You can ignore the value of L, which is the value of Luminance or brightness. Adjust the blue sky s a b valueusing the Temp WB and sliders dyed until they are the same as your first reference image file. The value determines the color red/green balance if you use the Tint slider to correct the value. The b value determines the color yellow/blue balance if you use the slider Temp to correct its value.

    Remember that setting the base Panel WB with 'fixed' values of b for photos taken under lighting conditions different sky will be the color of the other objects in the image look incorrect (birds, trees, buildings, etc.). In this case, you will need to use the brush setting to paint in the region of the sky and then use its temperature sliders and tinted to change just the color of the sky.

    To be honest I don't know why you feel it's necessary. Maybe you can post two screenshots: 1) with the sky that they way you want to and 2) an image that you want to resolve to match.

  • How to make the menu letters more when you use Lightroom 4?

    How to make the menu letters more when you use Lightroom 4?

    Hey Lenovo W510,.

    The police of interface only option in Lightroom of sizing is in the preferences > Interface > panels > Font Size (Small/Large)

    The configuration in grand and then restarting Lightroom will increase the fonts you see in the signs that describe the functions of LR.

    If you're on Mac or Windows you might also decrease your screen/display resolution that will make everything look bigger on your screen.

    Hope this helps,

    Kind regards

    Pete

  • Can you please tell me how to make the thicker arrows on the Pages.

    Can you please tell me how to make the thicker arrows on the Pages. Thank you very much. There is something incredibly simple to do, but I, having a disconcerting brain, am totally unable to understand. Please please help me. Thank you

    < re-titled by host >

    Try here > Pages for Mac: Add and edit forms

Maybe you are looking for