Skip navigation
Currently Being Moderated

Wrapper cs6

Jun 13, 2013 9:10 AM

Tags: #dreamweaver #wrapper

i seem to not get an ap div in my stretching (in wrapper) background , in cs3 u just simply go to the insert menu and ad ap div  but not in cs6

 

i need an ap div on the stretching background wich stays in place when my background schrinks or stretches

 

any advice ?

 
Replies
  • Currently Being Moderated
    Jun 13, 2013 9:37 AM   in reply to polini48t

    Depending on what you currently have, I doubt very much you actually need an APDiv in this situation.

     

    APDivs are rarely necessary in just about any situation and can blow your site to pieces depending on the viewer's browser settings.

     

    Can you post a link to what you have and a little clearer explanation of what you want to see?

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 13, 2013 2:25 PM   in reply to polini48t

    No problem. Now, do you need the garage image to fill the background at all times as the browser window is enlarged/reduced, or be a set size?

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 13, 2013 2:57 PM   in reply to Jon Fritz II

    I'm out for the day shortly. Here is a quick, basic, non-APDiv page that I think does what you want...

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

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

    <title>intro</title>

    <link href="style.css" rel="stylesheet" type="text/css" media="screen" />

    <style type="text/css">

    body{

        margin:0;

        background:url('images/garage.jpg') no-repeat fixed center;

        background-size:cover;

    }

    #wrapper {

        margin:40% auto 0px;

        width:433px;

    }

    a img {

        border:0;

    }

    </style>

    </head>

    <body>

        <div id="wrapper">

            <a href="http://www.google.com"><img src="images/logo1.png" alt="logo"  /></a>

        </div>

    </div>

    </body>

    </html>

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 14, 2013 5:50 AM   in reply to polini48t

    It really depends where you want it to appear.

     

    To put something in the upper left corner, you could add something like this just before your wrapper div...

     

    <div id="div2"><a href="http://www.bing.com"><img src="images/logo1.png" alt="logo" /></a></div>

     

    Then in your css, something like...

     

    #div2 {

        float:left;

        margin-left:20px;

        margin-top:-36%;

    }

     

    That would work with what I already posted, but there are better ways to do it. Take some time to familiarize yourself with positioning using css floats, margins and padding. Here's a copy/paste of one of Nancy O's posts that really has everything you need to learn how to do this stuff...

     

    Bookmark these links and refer to them often:

     

    HTML, CSS & Web Design Theory Tutorials -

    http://w3schools.com/

    http://www.csstutorial.net/

    http://webdesign.tutsplus.com/sessions/web-design-theory/

     

    How to Develop with CSS?

    http://phrogz.net/css/HowToDevelopWithCSS.html

     

    Learn CSS positioning in 10 Steps

    http://www.barelyfitz.com/screencast/html-training/css/positioning/

     

    Centering Pages, Images and other elements with CSS

    http://cookbooks.adobe.com/post_Centering_web_pages_and_other_elements _with_CSS-16640.html

     

    Code Validation Tools

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

    CSS - http://jigsaw.w3.org/css-validator/

    HTML - http://validator.w3.org/

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 14, 2013 7:53 AM   in reply to polini48t

    <div id="wrapper"> could be <div id="charles"> if you wanted it to be, there aren't any special properties for "wrapper" in html or css, it's defined by however you set up the css for it. Many people use the id of "wrapper" since it's logical and typically wraps the entire content of the page.

     

    Fo the page I made, <div id="wrapper"> is defined by this bit of code in the css...

     

    #wrapper {

        margin:40% auto 0px;

        width:433px;

    }

     

    and has a 40% margin-top, auto (so centered) margin-left and margin-right and zero pixel margin-bottom it is also 433 pixels wide.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (1)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points