How to make the site fit any screen size?

Hi all!

I'm doing my site Web fits any size of screen (desktop, tablet, mobile)

In Dreamweaver cs6, I go in file - multivision overview - media queries - a CSS file (on the scale of the site) and click on the settings by default and then find my CSS files for phone, Tablet and desktop. But it does not work for my site, my site does not meet the size of the desktop, tablet or mobile. Can someone please? Thank you.

The main rule for a delicate design, but be flexible.

This means no rigid dimensions, no absolute positioning and images that meet the width of their containers.

What follows in general violates the rule of flexibility

{#apDiv35}

position: absolute;

Width: 200px;

height: 115px;

z-index: 1;

}

This is just one example of your document on more than 40.

If you want a leg upward about delicate design, take a look at http://www.dmxzone.com/go/21759/dmxzone-bootstrap/

Tags: Dreamweaver

Similar Questions

  • Does anyone know how to make the site in different languages?

    Does anyone know how to make the web in different languages? and how to make the menu appear on the master page in the target language?

    Hello

    You must create the page content in languages that you want and then bind using the options in the subfolder on root of the hosting platform.

    More details:

    http://forums.Adobe.com/message/6065652#6065652#6065652

    For the menu, you need to create different masters, and then apply on the pages.

    Thank you

    Sanjit

  • How to make a site fit in the browser window?

    How to make your project/site created flash catalyst to adapt to each browser window size?

    That means I want it adapts to the size of the window, because I don't want the browser to create scroll bars, since I have them inside my project...

    Flash Catalyst currently only supports applications with fixed dimensions.

    To add the resizability, you must wear your fire project on the generator. If you are interested in diving in this, here is an article on the subject:

    http://help.Adobe.com/en_US/Flex/4.0/UsingFlashBuilder/WS6f97d7caa66ef6eb1e63e3d11b6c4d0d2 1 - 7fb5.html

    -Bear

  • How to make the site root-relative links work in DW and the server?

    See details on buggy behavior DW image link, below. My question is:

    (1) how the site root-relative links work in DW and the server? Or...

    (2) how to reliably automate change of hundreds of links relative to the root of the form

    /images/image.jpg relating to the document?

    In other words, to

    .. /images/image.jpg or

    .. /.. /images/image.jpg or

    .. /.. /.. /images/image.jpg etc... According to the location of the directory.

    The old format (/images/image.jpg ) used to work properly in my previous Setup of DW 8 but appear grey in DW after 'redevelopment' of mac cs5.5 DW. (they look good on the server, but it is difficult to change the image-heavy pages locally when they are all gray).

    I tried to change the files to how DW creates relative links root now:

    /public_html/images/image.jpg, which is a flow of root very easy, attractive, since there is a one-to-one mapping. These look great in DW, but are detailed on the server!

    I looked at the "Advanced" site configuration, and it seemed that it would be possible for the nuke part /public_html/ of my server info... but it also seemed that there was the potential to do damage, modification of these parameters, which are automatically generated from our server connection settings, which seem to work.

    The "links from the document / site root" toggle... did change how DW interprets existing links, or simply change the value by default when you add a link?  I did 80% of the file... before paper links I wondered if relative to the root is not better?

    Of course, it seems less ambiguous for all these pictures if theres a way to make the relative root works for the mode of creation of DW, DW link checking and server.

    Summary of the buggy behavior: (see the test with images here)


    'old style' link of the root of the site

    /images/img_book/WScover120x150_NEW.jpg

    Design veiw in DW: broken (grey w / broken icon)

    Check DW a link: "external link" (i.e., unverifiable, + file might appear orphaned)

    Browser: good

    Ease of switching: n/a (existing format)

    'new style' link site root

    /public_html/images/img_book/WScover120x150_NEW.jpg

    Design veiw in DW: good

    Link check in DW: good

    Browser: broken

    Ease of switching: easy

    Link to document

    .. /.. /images/img_book/WScover120x150_NEW.jpg

    Design veiw in DW: good

    Link check in DW: good

    Browser: good

    Ease of switching: hard (how to automate)

    Absolute link

    http://www.oasisdesign.net/images/img_book/WScover120x150_NEW.jpg

    Design veiw in DW: broken (grey w / broken icon)

    Link check in DW: external (i.e., unverifiable, + file might appear orphaned)

    Browser: good

    Ease of switching: n/a... not a real option

    Thank you!

    Similar discussions on ' / '.

    Think of your site definition is set up wrong.  public_html should not be to anywhere in your local site.  It is up to your remote site under the directory root definition.  See screenshot.  In my example, the root directory of the server is htdocs /.  This is where you put public_html

    Nancy O.

  • How to make the site go live in Colombia-British

    I have registered a name of tourism through GoDaddy, but cannot figure out how to do in Business Catalyst site go to this name... in other words how to make it go live without the 'businesscatalyst.com"included in the URL.  I recorded with BC and paid for their accommodation.

    Hi Paul,.

    First of all, you need to connect to the admin of the site and under the 'Site Settings' you will find "Site areas. Click on "New domain" and keep up with demand. In GoDaddy you will in your domain manager it and change the names of DNS servers to:

    Ns1.worldsecuresystems.com and NS2.worldsecuresystems.com

    Once this is done, it can take up to 48 hours to propagate. This is not a thing of BC is just the way it works.

  • HOW TO MAKE THE LETTERS ON MY SCREEN POLICY MORE BIG - TRYING TO READ THE SCREEN BELOW IT BLUE LETTERS ARE TOO LIGHT AND TOO SMALL

    HOW CAN I MAKE THESE LETTERS MORE GRAND AS WELL ON MY DESKTOP SCREEN - THE LETTERS ON THIS BODY ARE TOO SMALL AND THE LIGHT BLUE IS DIFFICULT TO READ

    Hello

    If you are using Internet Explorer, press the Alt key to display the menu bar , and then select View/Text Size. Select a size that's comfortable for you.

    For the Office, you will need to change the ppp settings.

    Click on desktop and select Screen Resolution.

    In the next window, select Make text and other more or less important.

    In the next window, the Select one of the sizes in option or set a custom size to your needs.

    I hope this helps.

    Thank you for using Windows 7

    Ronnie Vernon MVP
  • How to make the FLV video file screen a button "play"?

    HI -.

    I have a FLV in a FLA (AS2) in the usual way (/ import/import of video files).

    The imported video and plays well with the supplied skins.  However, I want to display online video with the same control to play as many YouTube videos - a play button in the center of the area of the video screen.  Right now I have control of the video player that I chose when importing, and they're down.  These SKIN control work, but I want to let the user click on the screen to start playback.

    How this is done?

    Thank you.

    JL

    create a 'play' button and place it on your flvplayback component and assign an instance name, for example bigPlay_btn.  You can then use:

    {bigPlay_btn.onRelease = function ()}

    This ._visible = false;

    yourflvplaybackcomponent. Play();  Use the instance name of your component.

    }

    You'll probably also want to use the headphones for video, play/stop, so you can control the bigPlay_btn _visible property.

  • I did the screen too small (using about: config) and lost the address bar and all the menus. How to restore the display on a screen size can be used?

    I changed the size of display screen using about: config, as stated in the other answers help. After you use a value of 1.0, such as recommended, I've experimented with other sizes, because it seems small. I have entered a large number by chance (a typing error) and made the display so small that only a bug could read. And I lost all the features: bar address, menus, home, Favorites, settings icons.

    I uninstalled and reinstalled Firefox, thinking that this would fix it. But the new facility displays the same way: unreadable and no functionality.

    I found instructions on resetting to the factory settings, but cannot perform this task because I have to be able to access the menus to do so.

    Hello PaulaBob, have you changed the value of layout.css.devPixelsPerPx? -You can perform the following steps to change the still 'blind ': value

    1. Open firefox, and then press ctrl + L (this will focus in the address bar)
    2. type of topic: config
    3. Press ENTER twice
    4. type devpix
    5. Press the tab key
    6. Press enter
    7. type 1.0
    8. Press ENTER again and I hope you should be normal visibility now
  • My screen on my laptop is amplified and can not get all the info on the screen... How to make all this fit?

    My screen seems to be enlarged and cannot get all the info on the screen... How to make all this fit?

    Go to the website of the manufacturer of your laptop > drivers and downloads Section > key in your model number > look for the latest Vista drivers > download/install them.

    http://Windows.Microsoft.com/en-AU/Windows-Vista/change-screen-resolution

    Change the screen resolution

    Screen resolution refers to the clarity of the text and images on your screen. At higher resolutions, items appear sharper. They appear also smaller, so more items adapted to the screen. At lower resolutions, fewer items adapted to the screen, but they are larger and easier to see. At very low resolutions, however, images may have serrated edges.

    See you soon,.

    Mick Murphy - Microsoft partner

  • I created the site to Muse on screen 10 x 16 ". Now the site is distorted on all other screens! How to adjust the site to fit every screen, it's?

    On a 10 x 16 "screen, the site is positioned perfectly and seems big enough. So my boss put me on a different computer and I realized that the left side of the site is so cut, I can't even do scroll to the left far enough to see and there's wayyy empty too much space on the right side. What should do? How to make my site look normal no matter what screen, it's on?

    If making it normal on all screens is not possible, what I'm willing to accept, what are the parameters that will make the site look normal most of the time? How to achieve normality?

    My site is at:

    www.nssgranite.com

    Hello

    Please refer to this post:

    You can create sensitive sites with Adobe Muse?

    Thank you

    Sanjit

  • 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 can I get my site to automatically fill the browser on different screen sizes?

    I conceive on a Macbookpro 15'. and when I saw the site, everything looks good, but I've noticed that, in the view of my site on the other screen sizes, it doesn't look good. something always snaps out of the browser according to the computer I see it in. is there any option on muse to make the site look the same on all screen sizes?

    Advice to solve this problem?

    Hello

    As muse are not sensitive sites, I'm afraid it is not possible to create the page that is compatible with the screen sizes but you can refer to the suggestions provided by Zak in the forum below to make sensitive post type.

    https://forums.Adobe.com/thread/1198978

    Concerning

    Vivek

  • How to make the icons of programs appears on the screen of windows 8

    Hi Thunderlight, you helped me with my last request and thank you again now I have another question that you might be able to help me with.  How to make the icons of programs appears on my screen of windows 8?  I had to download the debut8 when I had windows 8 so I would have the appearance of windows 7 until I have to use Windows 8.  And some of my icons of windows 7 on my windows 8, but not all.  How to go on my windows screen 8 tiles?   I now get more usage of windows 8 and use it more now so would like all my original programs that I had with windows 7 on my windows 8 as it is now tile.  I thank you and hope you can help.

    Hi Laura,

    In theory, when you switch from an earlier version of Windows to Windows 8 - as your installed applications are kept by the upgrade process, except those who are not compatible - you should find all your apps in Windows 8.

    If they all do not appear on your start screen follow these steps to pin them there:

    • [Win] + C
    • Search
    • Click anywhere in the top middle of the screen to hide the charm bar

    All installed applications are displayed. They do not necessarily correspond on a single screen to use the horizontal "lift" to bottom of the screen to move to the right / left

    • Right-click on an application, you want to pin to the start screen
    • Click on Pin to Start at the bottom left of the screen

    You are finished. A mosaic of this application is available on the start screen.

    If there is an application, you are sure is installed on your PC and you don't think through the steps made me know - there will be more complex...

    If you install a new application under Windows 8 the corresponding tile is automatically added to your start screen.

    Hope this helps

    See you soon

    LZ.

  • Hello, I have a full desktop in Adobe Muse, site and I want to convert it into a version Tablet & phone, then, how would convert the site Office to Tablet & phone to copy the entire office content and site structure? Thanks for any help.

    Hello, I have a full desktop in Adobe Muse, site and I want to convert it into a version Tablet & phone, then, how would convert the site Office to Tablet & phone to copy the entire office content and site structure? Thanks for any help.

    You can not automatically convert. Click on the "tablet" or "Phone" at the top of your plan view to create these versions.

    You can then copy and paste on any content you want has more of your office.

  • How to make the updates of operating system for the limited user account?

    original title: how to make the updates of operating system for the limited user account?  Limited user account cannot access the Windows Update page, see instead cautioned against MS the most recent must be installed.

    XP Pro SP3 slipstreamed.  New a DBAN nuked HDD installation

    All the OS updates installed from Admin acct before creating the LUA

    AV installed AVAST

    all dot net uninstalled and then reinstalled to resolve a problem installing Quicken

    Updates to auto lit

    Active Windows Firewall

    Three solutions of workaround for Windows XP running as a limited user

    http://blogs.Computerworld.com/16502/three_workarounds_for_running_windows_xp_as_a_limited_user

    Survive a Windows XP Limited user account

    http://techknack.NET/surviving-a-Windows-XP-limited-user-account/

    See the response from Michael Kuntz - re: HAL files

    http://social.technet.Microsoft.com/forums/en-us/itproxpsp/thread/e8612ac4-b881-4FB3-85e7-32004932fb5f

    There is an available for installation of SP3 Cd

    Manually installing SP3 using the Microsoft Download Center or a CD

    If you have problems to receive the service pack from Windows Update, you can download SP3 as a standalone package from the Microsoft Download Center Web site, and then install SP3 manually. The installation package is intended for it professionals and developers, but you can always download and install this file.

    You can also order a CD from Microsoft containing SP3. For more information, go to the Microsoft site.

    To manually install SP3 using the standalone package installation or CD

    1. Do one of the following:

      • If you downloaded SP3 from the Web site, to install it immediately, click Open or run and follow the instructions on the screen. To install the program later, click on save and download the file to install it on your computer. When you are ready to install the service pack, double-click the file.

      • If you install SP3 from the Service Pack 3 CD, insert the disc into your computer with your current version of Windows XP running, and Software Update Installation Wizard should appear automatically. If this wizard does not appear, click Start, double-click my computer, click on your CD or DVD drive and then click AutoPlay.

    2. In Windows XP Service Pack 3 page, click Next.

    3. Follow the instructions that appear on your screen.

    4. Once the installation is complete, click Finish to restart your computer.

    5. If you disabled your antivirus software, turn it back on.

Maybe you are looking for

  • Rename images that I download ("Save as" dialog box)?

    Is it possible to download an image in Firefox for Android and rename it immediately? I'm a lot of webcomics on a regular basis and save favourite pages, i.e. the images. In order to be able to organize these images of comic book later, I need the ab

  • Satellite L30-PSL33E - product recovery fails

    Laptop Satellite / L30-psl33E This is what happens:... Product recovery disc boots, loading files, windows recovery watch utility box select English, then gives possibility of partition of drive or any use, I click to recommended any disc, then compu

  • Image is not clear while watching the hockey online game

    Original title: how to get a better picture when watching something on computer Watching a hockey online game and the image is not clear, how can I fix this

  • authentication between the ACS and AD

    Hello I would like to know what kind of authentication mechanism ACS 5.1 use to speak with Active Directory. Does simply use MSCHAP, MSCHAPv2 or PAP. By default, it uses PAP to talk between the Cisco IOS and the AEC on the 5.1. If you llook at the de

  • Why my iphone cannot connect to windows 8 PC

    I talked to Apple and they say it's a problem with windows 8 I also talked to Microsoft support and they told me to ITunes is the third-party client software and was not microsofts problem? My phone I and I tunes works fine on a PC just Vista, it wil