How to add a background outside the body tag

Hi I have a html site normal I want to add a background outside the body tag, IE outside the main content and on the display window.

gradient-outside-body-content.jpg

Thank you

And complementary:

Give your #container background #fff (white) and a padding-about 200 px background color.

The padding-bottom generates a white background for the 3 labels and footer.

My example shows the problem on a green background.

Edit your styles.css file:

{body

do-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

Color: #000;

font-size:62.5%;

line-height: 1.5em;

background-image: url ("your_gradient_bg.png");}

...

...

...

#container {}

Width: 1024px;

Auto margin: 0;

padding-bottom: 200px;

background-color: #fff ;}

Tags: Dreamweaver

Similar Questions

  • How I would get the background of the body element to open the browser window wide

    How I would get the background of the body element to open wide the browser window? I've heard that using an HTML tag or CSS rule that I can put across a background which is placed in the body element without using javascript is that true?

    You could, but why, (she also would work properly, as it is)?

    This size not your background image and that only the window correspond to your design, not your design to adapt to the window. If you want your design to fit a window much easier and not javascript dependent way would be to use page css liquid layouts, (as I said earlier, the background image will not develop unless you use values of %).

    For liquid layouts testing - http://www.adobe.com/devnet/dreamweaver/articles/bk_dwcs4_mastering_css.html

    PZ

  • How to add music background and stationary to windows live mail

    How to add music background and stationary to windows live mail... IF SO... HOW?

    There may be something there, but I don't know any personally. If you have professional, enterprise or ultimate edition, you can use OE in XP mode.
     
    How to use Outlook Express in Windows 7
    http://www.oehelp.com/OEnWin7.aspx
     
    You can also hack into Windows Mail, but it is not ideal IMO.
     
    How to restore Windows Mail in Windows 7
    http://www.SevenForums.com/tutorials/5481-Windows-mail.html
    How do I activate the Windows Mail application in Windows 7
    http://www.TechSpot.com/VB/topic137494.html
  • How to insert an onload = "initialize ()" on the < body > tag "

    Hi, I just can't understand how can I insert an onload = "initialize ()" on the < body > tag without editing it after generating the code HTML. "

    Hi Victor,

    You can use the HTML code for head option to add the code.

    Kind regards

    Akshay

  • I use the full version of DASYLab 8.0, how to add PID module in the design of the façade (window layout)? while I can vary the p, i, d values in the window layout

    I use the full version of DASYLab 8.0, how to add PID module in the design of the façade (window layout)? while I can vary the p, i, d values in the window layout

    To do that you will need to change the varibles PID values and then use the sliders to add numbers to a latch for variables that point.

    This is how I think it works in Version 8.

    In all cases, you should move on to 12 more stable summer.

    In addition, unless that is a very slow process, I generally do not like closed loop PID with DASYLab due to the fact that computers is not reliable with timing.

  • How to add more application under the new tab shortcuts when we right click on the desktop.

    How to add more application under the new tab shortcuts when we right click on the desktop.

    Hello

    I suggest you to post your questions in the forums 'Development of the User Interface for Windows Desktop' for better assistance.

    Here is the link: http://social.msdn.microsoft.com/Forums/en-US/windowsuidevelopment/threads

  • How to save an image in the body of an email?

    How to save an image in the body of an email? All I get is exemplary, not save as.

    How to save an image in the body of an email? All I get is exemplary, not save as.

    ===========================================
    Take a look at the following articles:

    Open or save an attachment in Windows Mail
    http://Windows.Microsoft.com/en-us/Windows-Vista/open-or-save-an-attachment-in-Windows-Mail

    Parts attached email Windows Live Mail - open and save
    http://www.webdevelopersnotes.com/tips/windows_live_mail/windows_live_mail_attachments_open_save.php

    Volunteer - MS - MVP - Digital Media Experience J - Notice_This is not tech support_I'm volunteer - Solutions that work for me may not work for you - * proceed at your own risk *.

  • How to add a shortcut in the taskbar next to the Start Menu?

    I would like to know how to add a shortcut in the taskbar next to the Start Menu (a place with a small shortcut icon).

    Does anyone have any suggestions?
    Thanks in advance for your suggestions

    Hello

    Have a look here: http://www.sevenforums.com/tutorials/397-taskbar-pin-unpin-program.html

    When you scroll down on this page, you will find a lot more "pin to taskbar" - tutorials.

    Take a look at this little program free of practical assistance, too: http://winaero.com/comment.php?comment.news.108 of the taskbar Pinner

    I hope this helps.

  • How to add multiple lines when the button is clicked

    How to add multiple lines when the click on button now is just add a row .plz give me idea how... waiting for answer

    / public final class screen extends MyScreen
    {
    /**
    * Creates a new object of MyScreen
    */
    ObjectChoiceField obj1 obj2, obj3, obj4.
    Table of String() = {'101 ', ' 102'};
    String of shadow [] = {"Shade1", "Shade2"};
    Rolls of string [] = {'101 ', ' 102'};
    String cutting [] = {"100-150", "150-200"};
    Chain of selectedindex1, selectedindex2, selectedindex3, selectedindex4;
    LabelField lbl1 lbl2, lbl3, lbl4;
        
    GFM LinedGridFieldManager;
    HFM HorizontalFieldManager, hfm1, hfm2 hfm3;
    VerticalFieldManager vfmMain;
        
    public MyScreen()
    {
        
    Set the displayed title of the screen
    hfm1 = new HorizontalFieldManager (HorizontalFieldManager.NO_VERTICAL_SCROLL |) HorizontalFieldManager.NO_VERTICAL_SCROLLBAR);
    hfm2 = new HorizontalFieldManager (HorizontalFieldManager.NO_VERTICAL_SCROLL |) HorizontalFieldManager.NO_VERTICAL_SCROLLBAR);
    hfm3 = new HorizontalFieldManager (HorizontalFieldManager.NO_VERTICAL_SCROLL |) HorizontalFieldManager.NO_VERTICAL_SCROLLBAR);
    HFM = new HorizontalFieldManager (HorizontalFieldManager.FIELD_RIGHT);
    vfmMain = new VerticalFieldManager (Manager.NO_VERTICAL_SCROLL |) Manager.NO_HORIZONTAL_SCROLLBAR);
            
    obj1 = new ObjectChoiceField ("", graph, 0, FIELD_LEFT);
    obj2 = new ObjectChoiceField ("", blind, 0, FIELD_LEFT);
    Obj3 = new ObjectChoiceField ("", rolls, 0, FIELD_LEFT);
    Obj4 = new ObjectChoiceField ("", cuts, 0, FIELD_LEFT);
            
    LBL1 = new LabelField("");
    LBL2 = new LabelField("");
    lbl3 = new LabelField("");
    lbl4 = new LabelField("");
            
    ButtonField btnAdd = new ButtonField ("ADD", FIELD_RIGHT);
            
    GFM = new LinedGridFieldManager (4, LinedGridFieldManager.VERTICAL_SCROLL);
            
    hfm1.setMargin (20, 0, 10, 0);
    hfm1. Add (new LabelField ("Chart"));
    hfm1. Add (obj1);
    hfm1. Add (new LabelField ("Shade"));
    hfm1. Add (obj2);
            
    hfm2. Add (new LabelField ("Rolls"));
    hfm2. Add (Obj3);
    hfm2. Add (new LabelField ("Cuts"));
    hfm2. Add (Obj4);
    HFM. Add (btnAdd);
            
    GFM. Add (new LabelField ("Chart"));
    GFM. Add (new LabelField ("Shade"));
    GFM. Add (new LabelField ("Rolls"));
    GFM. Add (new LabelField ("Cuts"));
            
    vfmMain.add (hfm1);
    vfmMain.add (hfm2);
    vfmMain.add (hfm3);
    vfmMain.add (hfm);
    vfmMain.add (new SeparatorField());
    vfmMain.add (gfm);
    Add (vfmMain);
            
    btnAdd.setChangeListener (new FieldChangeListener()
    {
    ' Public Sub fieldChanged (field field, int context) {}
    TODO self-generating method stub
    selectedindex1 = chart [obj1.getSelectedIndex ()];
    selectedindex2 = shade [obj2.getSelectedIndex ()];
    selectedindex3 = rolls [obj3.getSelectedIndex ()];
    selectedindex4 = cuts [obj4.getSelectedIndex ()];
                    
    While (LBL1. GetText(). Equals("") | LBL2. GetText(). Equals("") | lbl3. GetText(). Equals("") | lbl4. GetText(). Equals(""))
    {
    LBL1. SetText (selectedindex1);
    LBL2. SetText (selectedindex2);
    lbl3. SetText (selectedindex3);
    lbl4. SetText (selectedindex4);
                    
    GFM. Add (LBL1);
    GFM. Add (LBL2);
    GFM. Add (lbl3);
    GFM. Add (lbl4);
                    
    }
    }
    });
    }
    }

    Hi Piya,

    I run your code, and according to your logic that it works correctly.

    It's adding that line only once because according to your logic that one line can be added to MDT, if you do not want to add line on each click on the button, follow these steps:

    selectedindex1 = chart [obj1.getSelectedIndex ()];
    selectedindex2 = shade [obj2.getSelectedIndex ()];
    selectedindex3 = rolls [obj3.getSelectedIndex ()];
    selectedindex4 = cuts [obj4.getSelectedIndex ()];

    Lbl1 LabelField = new LabelField("");
    Lbl2 LabelField = new LabelField("");
    LabelField lbl3 = new LabelField("");
    LabelField lbl4 = new LabelField("");
    If (LBL1. GetText(). Equals("") | LBL2. GetText(). Equals("") | lbl3. GetText(). Equals("") | lbl4. GetText(). Equals(""))
    {
    LBL1. SetText (selectedindex1);
    LBL2. SetText (selectedindex2);
    lbl3. SetText (selectedindex3);
    lbl4. SetText (selectedindex4);
                    
    GFM. Add (LBL1);
    GFM. Add (LBL2);
    GFM. Add (lbl3);
    GFM. Add (lbl4);
                    
    }

  • How to add 2 points on the Noel e? I don't have a 2nd series of digits to the right of the keyboard.

    How to add 2 points on the letter e in the Noel case?  I don't have the 2nd series of digits to the right of the keyboard. Windows 8

    Wednesday, April 23, 2014 23:25:53 + 0000, RobertNortonWZ wrote:

    How to add 2 points on the letter e in the Noel case?  I don't have the 2nd series of digits to the right of the keyboard. Windows 8

    You mean you want the e character? These two points are called a
    umlaut. You do not add points; the e with points is another
    a simple e character. There are several ways to get this
    character, but a simple is to hold the ALT key and type 137.

    As a point of information if you are interested, the subject of a
    umlaut is to indicate that the second of the two successive vowels is
    pronounced separately. So the word 'book' is pronounced buk, but the
    Book name is pronounced BO - ock.

  • How to add two lines when the second row is not visible, but also gets the first data line too?

    Mr President

    Jdev worm is 12.2.1

    How to add two lines when the second row is not visible, but also gets the first data line too?

    I want to add two lines like below picture, but want the second to remain invisible.

    tworows.png

    I asked this question but my way of asking was wrong, that's why for me once again.

    Concerning

    Try to follow these steps:

    1. in the database table to add the new column "JOIN_COLUMN" and add the new sequence "JOIN_SEQ".

    2. Add this new column in the entity object. (You can add this in entity object by right clicking on the entity object and then select "Synchronize with database" then the new column and press on sync)

    3. in your bookmark create button to create only one line NOT 2 rows.

    4 - Open the object entity--> java--> java class--> on the entity object class generate and Tick tick on the accessors and methods of data manipulation

    5 - Open the generated class to EntityImpl and go to the doDML method and write this code

      protected void doDML(int operation, TransactionEvent e)
      {
        if(operation == DML_INSERT)
        {
          SequenceImpl seq = new SequenceImpl("JOIN_SEQ", getDBTransaction());
          oracle.jbo.domain.Number seqValue = seq.getSequenceNumber();
          setJoinColumn(seqValue);
          insertSecondRowInDatabase(getAttribute1(), getAttribute2(), getAttribute3(), getJoinColumn());
        }
    
        if(operation == DML_UPDATE)
        {
          updateSecondRowInDatabase(getAttribute1(), getAttribute2(), getAttribute3(), getJoinColumn());
        }
    
        super.doDML(operation, e);
      }
    
      private void insertSecondRowInDatabase(Object value1, Object value2, Object value3, Object joinColumn)
      {
        PreparedStatement stat = null;
        try
        {
          String sql = "Insert into table_name (COLUMN_1,COLUMN_2,COLUMN_3,JOIN_COLUMN, HIDDEN_COLUMN) values ('" + value1 + "','" + value2 + "','" + value3 + "','" + joinColumn + "', 1)";
          stat = getDBTransaction().createPreparedStatement(sql, 1);
          stat.executeUpdate();
        }
        catch (Exception e)
        {
          e.printStackTrace();
        }
        finally
        {
          try
          {
            stat.close();
          }
          catch (Exception e)
          {
            e.printStackTrace();
          }
        }
      }
    
      private void updateSecondRowInDatabase(Object value1, Object value2, Object value3, Object joinColumn)
      {
        PreparedStatement stat = null;
        try
        {
          String sql = "update table_name set column_1='" + value1 + "', column_2='" + value2 + "', column_3='" + value3 + "' where JOIN_COLUMN='" + joinColumn + "'";
          stat = getDBTransaction().createPreparedStatement(sql, 1);
          stat.executeUpdate();
        }
        catch (Exception e)
        {
          e.printStackTrace();
        }
        finally
        {
          try
          {
            stat.close();
          }
          catch (Exception e)
          {
            e.printStackTrace();
          }
        }
      }
    
  • How to add a tail to the end of a text in photoshop?

    How to add a tail to the end of a text in photoshop?

    I tested the police (from dafont.com) in the real Photoshop on a Windows 7/32 bit computer.

    It is all ok.

    Fenja

  • How can I put pictures outside the window of Photoshop elements 14 work, so that I'm not obliged to work within the program window, but use my screen completely for the image?

    How can I put pictures outside the window of Photoshop elements 14 work, so that I'm not obliged to work within the program window, but use my screen completely for the image?

    dannyb76251437 wrote:

    How can I put pictures outside the window of Photoshop elements 14 work, so that I'm not obliged to work within the program window, but use my screen completely for the image?

    Note that you can work with two screens and drag and drop the image to display on the other window.

    I think you mean working temporarily with the window enlarged image without displaying all the tools and panels.

    See:

    Panels and bins in Photoshop Elements

    My advice: take the time to read the above help and especially to look at ways to maximize this window if you are on Mac or Win.

    Set your preferences in the Edit menu to "allow the floating windows in expert mode.

    Use the "tab" on the keyboard key to hide or show your panels and tools quickly.

    Find out how to hide the photo tray.

  • How to add an outline to the text?

    How to add an outline to the text?

    Add a line in the character of the text layer settings.

  • How to add a space between the currency symbol and price?

    Hello

    Can you please guide me how to add a space between the currency symbol and price?

    Support told me this question in the forums because it is done with JavaScript and it is not covered in the official documentation.

    Any who have done this? I would like to turn 20 at 13.20 RON RON13 or 32, 90 to 32,90 USD.

    Thank you!

    Hello.

    I test and it works.

    If any who need it, this is how I did it.

    I changed the models of Modules-> page layouts of the shop online-> overall layout.

    I added at the end of the HTML code, the code following JS:

    The result can be seen here: http://magazindepiese.worldsecuresystems.com/accesorii/chimice?Page=1&Items=12

    Instead of PRICE: RON22, 62, now it's READY: 22,62 RON that is correct for the Romania.

    Thank you Mario!

Maybe you are looking for