Adding to my last question... To keep a background image in the center of the Web page when the browser is shrun

How do do that?  What is the CSS that makes this work?

Centers of the background, even when the browser window is smaller or the screen resolution is less, but the content remains stationary in the center of the page: www.signatureweddingsbyjenna.ca

Hello Jules

I think that Nancy replied to your question in the other thread.

I have the site you give as an example, this is the CSS that applies to this image:

{body
background - image: URL("page_images/background.jpg");
bottom-top position: center;
background-repeat: repeat no.;

}
Then of course, it is applied as the context in which theelement, it is placed in the Center and on it and it does not repeat itself.  It is what keeps the central image on the page.  Also helps is that the page is a centered layout.  In the example page that you gave, they have this:
#page, closure-blocks # {}
margin-left: auto;
margin-right: auto;
Width: 1000px;

}

Set the width is important and defining the left/right margin as it means that the browser will allocate the rest of the available space at each margin evently between the two, or put content in the middle.  The only other thing you do is to set the content of the site to the center using
text-align: center
It is exlpained herefully.  The only other thing the site has done is put a bit of image information in another element to make it appear that the background image loops in the content.
Martin

Tags: Dreamweaver

Similar Questions

  • Anyone know when will fixed the problem of material with the "IPAD PRO"? The question that keeps it from starting after the load.

    Anyone know when will fixed the problem of material with the "IPAD PRO"? The question that keeps it from starting after the load.

    According to Apple, it has been addressed in the latest update of the iOS, iOS 9.2.

  • How can I keep a visible image at the end of the EP 13?

    When my videos ends EP 13, it becomes black. How can I keep a visible image at the end?

    crimpers

    So far my YouTube video playback are all ending with the game again screen with a bunch of photos to the videos that are not mine.

    I explore the concept of thumbnails of video in YouTube.

    Video thumbnails - YouTube help

    Which seems to imply that what you see before the play button is hit.

    I found the following

    How to pause youtube video embedded on the last picture? -Stack overflow

    But, still trying to understand how they actually follow through on the details of the discussion.

    RTA

  • How to set or keep a background image in my application at the beginning of the application that is, after clicking on the application icon.

    How to set or keep a background image in my application at the beginning of the application that is, after clicking on the application icon.

    I have developed a BB 7.0 BONE HTML5 / web app in which I want to include background image.

    Please guide me.

    Take a loot of rim: loadingScreen on config.xml http://developer.blackberry.com/html5/documentation/rim_loadingscreen_element_834680_11.html

  • Why FF14 open 2 of the same web page when you start task bar or a web email link favorites. Does that since the last update.

    If I chose FF from the taskbar icon, it opens the same homepage twice - as individual pages. Done the same thing if I select a web page saved in my favorites folder or if I select a web link in an email that I received.

    I'm currently one of pages windows close and then if I want a different site FF behaves like 'Normal' with "single" new windows [with the 'shift' key] or "added" window for one open.

    If I close FF and want to open a web page link, it opens again 2 on the same site as 2 MS windows!

    This is perhaps a problem with the DDE that makes Firefox opens the page on both channels.

    You can try to redo the default browser and make temporarily to another browser the default browser.

  • Hey all, I can't keep my background image to disappear...

    All I wanted to do was repeat my background image and hit him any browser size.
    Here's the code I ended up with:

    < head >

    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"

    < title > Untitled Document < /title >

    < style type = "text/css" >

    <!--

    HTML {}

    background-image: url(images/backgroundimage.png);

    background-repeat: repeat-y;

    -background;    margin: 0px;

    padding: 0px;

    Width: 100%;

    background-position: Center;

    -moz-background-size: cover;

    background-size: cover;

    text-align: center;

    }

    ->

    < / style >

    < / head >

    < body >

    < img src = "images/GowerAikidoLogo.jpg" width = "459" height = "181" alt = "Logo" / > "

    < / body >

    < / html >

    The last "< body >" image is an image that I put to test everything worked and when I did the background image disappears, too even if I insert a table or even write words...

    Wonder why that is.

    In any case, I guess the reason why you use this background image is for the shadow effect? Well, now you don't have use an image to achieve! You can use simple CSS to do.

    Here's the CSS:

    Then, start your content like this:

    Logo

    It will work on all modern browsers. In addition, allows to save loading time that can take your background!

    -ST

  • Firefox keep me, redirect after I try to open a Web page that I found in 'finding '.

    Locked due to age. If you still have a problem, please start a new thread

    After doing a search, I click on suggested sites. It will start to load, and then will redirect me to another site that usually has nothing to do with original research.

    This has happened

    Don't know how many times

    == a few days ago

    One of your modules could be the culprit too. Try running Firefox in questions to troubleshoot Firefox in Safe Mode with all disabled add-ons. If that solves the problem, see Troubleshooting extensions and themes and problems of hardware acceleration to resolve common Firefox problems and possibly troubleshoot issues with plugins like Flash or Java to solve common Firefox problems

    Also your problem can be caused by Malware. You can run and update according to free anti-virus software:

    1. Malwarebytes (free version) - http://www.malwarebytes.org

    2. Spybot Search & Destroy - http://www.safer-networking.org

    3. Spyware Terminator - http://www.spywareterminator.com

    In addition, there are a number of forums, you can use to help get rid you of your infection. It is:

  • How can I keep my dock icons open the browser to move overtime, they reduce to the minimum

    Hi guys

    Browser icons that represent the open browser windows in the dock move to the right, after they are reduced to a minimum. I would like that they to minimize in the same place every time. Is this possible?

    Thank you!

    Hello hectc7,

    If you wish to have your windows minimize, in the same place on the dock, whenever you might consider enabling the option reduce Windows in the system preferences application icon > Dock.

    Minimize windows in the application icon

    Reduce a window of the app to the app icon in the Dock. If the option is disabled, the window is reduced to an area at the end of the dock.

    OS X El Capitan: dock preferences
    https://support.Apple.com/kb/PH21915

    All my best

  • Question from Windows Explorer/view - images from the image file can be displayed instead of simply as an icon?

    Under Windows Explorer/view when I click on a folder of images I got a list of icons with jpg file name. It is difficult to imagine what is in the photo with DSC0526, or IMG7322, or NB67388. I thought that it would be much more convenient if images are displayed instead of simply as an icon. Is there a way to do this?

    Hello, PC57164.

    You can customize the folder

    http://support.Microsoft.com/kb/812003

    http://www.AddictiveTips.com/Windows-Tips/how-to-change-your-drive-icon-and-folder-image-easily/

  • Keep links to images in the pdf conversion

    Hello

    I installed the Acrobat Pro trial using Word 2007 on my computer (Windows xp).


    The Word file, I have a lot of links on the pictures. When I click on one, it pushes me on a title later in the file.

    After you have converted this file to PDF with Acrobat Pro trial plugin in Word 2007, one link is still running. 90% of the others have disappeared and others have changed their destination.

    I have not really any idea of walkthrough because I don't know what the problem is. I also have links on a few words on this file and everything works perfectly.

    Y at - it someone help me, please? I looked on many forums but I found nothing.

    Thank you

    (Please don't bother my mistakes, I'm french and I do not use English language.)

    Link Acrobat tool to place an annotation to link on the desired text string.

    With Acrobat 9, open the toolbar of peak edits.

    With Acrobat X, open the Toolbox, view the content pane and select the link tool.

    Return to the word; play with how place you a hyperlink in Word on/in the image.

    When the hyperlink is tuck place treated against the frame of the image annotation link PDF output can become the place under the x-object image.

    Use one of the "oops" to output PDF to play as well with.

    Go to the content panel. Select text next to an image.

    Now, use the menu of the content panel to 'find content selection '.

    In addition, in the menu options, select "highlight the content.

    Expand tree in the content panel and move the top/bottom of the tree where the point is highest.

    You can scramble the positions of the elements in the tree to assign a happy ending .

    Be well...

  • Question about windows theme and display of Web pages

    I have everything, I'm new here, I've had my laptop for about 8 months, but it was stored for the 6 months, so he had only 3 months of use, and that was 99% for watching movies as was my laptop backup (my girlfriends, which was never used)...
    Well I just got my laptop storage and started using it again as I want now to do that my main work computer, it's a Satellite A100 Series. Running Win XP Pro SP2. Well, now I used it for about 1 week now and this is a fantastic computer, expecially the swipe away feature, I'm usually one XP Home Edition, but I do with Pro, just did not have any experience with it...

    Now, here's the problem, and this has always been the problem since bought, when we first bought it and connected to the internet with IE7 fonts have been massive, I figured out how to fix this in the display after a few hours to play settings and also noticed Web pages if there is a background image, it does not appear... (I also found this week is the same for any application on the PC that uses a Web page as Set up, or something, just sectain things... as I open the Security Center in the control panel and everything is white, and background images aren't there (which is white) and even corners which are background pictures are not displayed and comparing to) my other computer, there should be a green and red, background color etc.
    With Windows Media Player buttons should be as purple and black in WMP11, and they like a white background style html on buttons with links to them at the top and playback, stop, etc buttons have a back outside and the inside is white...

    Basically what I'm saying, is that she appears not CSS style WC3 content on some pages and applications on the laptop, and with regard to Web pages that they are exactly the same, I tried IE7, FireFox, front Browser, and still, the only one that displays pages almost as it should is Opera 9.2, but I really need to solve this problem... it is something simple to do with display obioussly , or settings, but I have tried literally every single different way of doing things last week, tried everything in the Control Panel, all toools Toshiba and no results.

    I'm not a beginner, or whatever it is, I can't get this problem, I can't even think of a setting that would do this let alone in trying to resolve this... I have all the Windows updates (although as I said, he did this from the first day of purchase)...

    If I could post a screenhot here I could show you... what Web pages look like in IE7 and FireFox and before (the only difference is Internet Explorer pages is mostly gray and firefox is white, gray is also.)

    Another question, when I was messing with the settings in the Control Panel, under Performace I changed it to something like 'make optimal display for performace' rather than 'Best to display' and it is then my control panel simple with a white background, and everything is not how I'm used, even the categories are made for each section , they are just all grouped together here, and my house Windows on my other laptop is positioned like this, but it at least has a sidebar on the left with a button to change it back...
    now I am at a loss to find the Performace button, as it is there is more, and I want to change it to 'show better for display' not the persomance... so if someone knows how to do this, please let me know... I took a screenshot of my control panel... and it's not naked, I use the Zune Windows (the black buttons and backgrounds theme ), so he used to be a gray background with a status bar on the side with all the links and details dark just like folders etc... So yes, it is another thing that I want to fix.

    Also I do not have the CD to fix it, not more that I think that she needs, but I have a standard out of the box disk Win Xp Pro, I was seriusosly do a fresh install, but I know I'll lose all modules of toshiba and all the extras that it is came up with, that's the only reason for which I don't have as it has Protector Suite QL, that I would have to pay to settle down to do a cleanup, and I really want to do because there is obviously something missing, its as simple as that, there is nothing wrong with the system it is just not set up correctly.

    Here are some screenshots of how I see Web pages, my Security Center Page and my control panel because I messed up he do "Get the best performace of" upward and the screen turned to the basic white and half things in the control panel is now missing, it has been setup in the previous categories... ahhhhh When I try to solve the original problem, I've done another...

    http://i203.Photobucket.com/albums/aa134/phorumws/just%20stuff/ScreenHunter_01-1.jpg

    {It is the Security Center screen when I click in the Panel, that was before I did it fade)

    http://i203.Photobucket.com/albums/aa134/phorumws/just%20stuff/ScreenHunter_02Sep3021.54.jpg

    ("it's now my control panel once I went in ' Premformance and display ' (I think. it was certainly performace in the name of the category)... and I changed a parameter of performance and display which actually use less resources... now I can't change it back, as the button performace is no more :())

    Thanks for reading and I hope although there, can anyone help me cos I hate having to do a fresh install on something as small as this, it is not many programs Add on on my laptop, as I said, it has probably beeen used 20 times ever, and especially for watching movies up to 1 week where it sat in storage for 6 months ago ,,

    Any help would be greatly appreciated... I tried all the Options of the Internet, all the Display Options, all variants, I need something specific, it is not only perform the internet, but the global programs with html style links, etc. and certainly CSS style sheets and the background image in the HTML feature.

    Thanks in advance.

    Hi Jay

    Very impressive display! I can see after 4 days, nobody wrote anything to give you the solution for your problem. I read your announcement with a lot of attention and I have to say that it was not easy to figure out your problem exactly (perhaps because English is not my native language).

    I know very well that new OS install is radical and last solution but I recommend you to check some forums Microsoft WXP because issue described is, in my opinion, more for OS forums for Toshiba forum.

    If you display the same thing in forum Microsoft please post the link, and we can follow the discussion here.

    I wish you good luck and I hope you will find answers soon.

  • Interactive questions of PDF in the browser

    Hello

    I created an interactive PDF and I need to display it in the browser and I am having some problems.

    First when I saw in Google chrome, a semi-transparent overlay appears on all the buttons of my - y there a way to get rid of this?

    I tried to use Safari, but instead of my buttons link to the bookmark page, the view is inbetween the 2 pages.

    I don't know what problem is easier to fix?

    Also I have an audio clip on one of the pages, and although it seems that the button is there, will not play the soundclip - someone has encountered this problem before?

    Any help would be appreciated,

    Thank you

    JB

    After a rash of similar problems with the stratification and the reliability of button, etc., I'm done using the feature to publish online.  It has solved all my problems.  It would allow the user to download a PDF file if you may, however, questions will remain a problem seen outside the browser.

  • How to keep a backgroundpicture appear in the entry with warning colours Spry textfield?

    DreamWeaver CS4

    Hello

    I have a background-image-slice behind my text on a form field entries, but after that I applied the Spry validation I don't see Spry color changes that you normally see when you forget to fill something in the text field entries.

    The warnings of text appear as usual. When I remove the slice of background for the text field entries all normal works and warning colors are back.

    I tried to paste in the background-image-slice into one of the Spry selectors but no luck.

    All suggestions are welcome!

    The reason that the background image replaces the background Spry colors is that this resform.css comes after SpryValidationTextarea.css and SpryValidationTextField.css.

    If you place the link to the last two after the first appointed, the substituent will be in reverse, as in

    {#textarea}
       background-image: url (.. / images/Text_area_slice.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #999;
    border-right-color: #FFF;
    border-bottom-color: #FFF;
    border-left-color: #999;
    }

    will be replaced by

    .textareaFocusState textarea, {textarea.textareaFocusState}
        background-color: #FFFFCC;
    }

    When the State of the focus.

    Hence the name of the cascading style sheets where the last called style a precedence on previously referred to as styles.

    OPA

  • CSS positioning of elements of PA for the text on the question of background image

    I'm relatively new to dreamweaver from frontpage in the dust. Some things have been easier or I'm missing something. My client site uses backgrounds customized site on most pages, and I just want to understand how the text of the provision above. From what I've read, it seems that using AP elements is the most appropriate at this stage of the construction.

    I can't to the do stay where I want that they. They are fine until you go full screen, then they move to the right. I need to find a way to keep them in one place no matter what. I'm sure you get the idea. Any help would be appreciated.

    http://www.homeworks4u.ca/Sitemap_Homeworks4U.html

    Non-living sites. I'm just waiting for text... and trying to figure out how to do so that he can stay on top of my baggage without messing with my menus.

    Thanks in advance,

    Scott

    APDivs (formerly known as layers) are NOT the best approach for this.  Here's why:

    http://apptools.com/examples/pagelayout101.php

    (1) find a good, shaping CSS to get started with.

    http://ALT-Web.com/templates/basic-1-Col-fixed.html

    (2) a text on a complex background image alignment is futile.  It is a concept of impression that Won't hold up on web pages because you can't control the browser settings, the screen or the text sizes.

    (3) height is a restriction in all browsers except IE.  Don't use values of height on containers with text inside them because this will inevitably cause failures when the text size is increased or amount of content exceeds the available space.

    (4) if necessary to show a background image, use the min-height CSS property.

    Tables to CSS Web Design part 1-
    http://www.Adobe.com/devnet/Dreamweaver/articles/table_to_css_pt1.html

    Tables to CSS Web Design part 2-
    http://www.Adobe.com/devnet/Dreamweaver/articles/table_to_css_pt2.html

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB
    http://ALT-Web-design.blogspot.com/

  • until now on the last question

    All shows are working, it's just original stuff that isn't, as the banner and the bar from spry, I think it has something to do with the main CSS file that links is not for them, how do you reconnect an once main CSS file that you put the record of a deeper page/s. Please refer to my last question

    Please refer to my last question

    Avoid creating new threads in this new post is a continuation of the previous discussion. Gets confused and disjointed quickly otherwise.

    Much better if you keep everything in one place and meet your own post with a follow-up post in the same (previous) discussion until it meets the previous discussion.

Maybe you are looking for