Place an Image on a background

Forgive me for the fundamental issues, but Dreamweaver is very new to me. I'm trying to place an image (a file .gif to be precise) on the bottom for the homepage. I'm following this write-up for reference:

http://www.Adobe.com/devnet/Dreamweaver/articles/first_website_pt2.html

I'm looking to place the image (centered) on top of the main_image. I tried to insert a new div tag so I could place the image, but I can't get it right.

Any input is much appreciated.

Background images enter your CSS (style sheet).

{body

background: in high #CCC url(BG-image.jpg) no-repeat center;

Width: 900px;  / * adjust the width in px, % or em * /.

Auto margin: 0;  / * with width, it is centered horizontally * /.

}

. Center {text-align: center ;}}

HTML:

This text is centered

Nancy O.

ALT-Web Design & Publishing

Web | Graphics | Print | Media specialists

http://ALT-Web.com/

http://Twitter.com/ALTWEB

Tags: Dreamweaver

Similar Questions

  • "How to place an image on ' new background" when open documents in tabs is disabled

    I am trying to use the "technique of the mirror' (watch videos to learn)

    I opened the image in PS 2014... with "documents open in form of tabs is disabled...

    Make a new document the size that will contain the image doubled...

    reproduce the image

    reversed horizontal...

    but when I place the 'new document'... nothing happens... just separated from windows...

    Thank you

    On frame 1, CTRL + A to select all.

    CTRL + C to copy.

    Go to the image 2, CTRL + V to paste.

    Click on the move tool and adjust the placement of the layer as needed.

    Nancy O.

  • Why my background image color changes when I place an image?

    Hello world

    I would like to make a presentation in InDesign. I put a background image in another layer that I called 'Background' and then I create a new layer that I called 'Images' and place an image with a layer of transparency. When I put this image on the image of the Images layer color in background layer changes. I can't understand why it changes color. I would be grateful to anyone who can help me solve this problem?

    Concerning

    CEM

    Edit > merger of transparencies... space and set on corresponds to the color of the background image mode.

  • Place 3:4 png on background and the economies of the 16:9

    I have several PowerPoint slides 3:4 saved in png format and the need to place each one on a background of 16:9 and to be inserted in a video. How can I do this with a batch?

    Thank you

    You will need to provide more information.  Is all the slide really a portrait of 3:4 aspect ratio?  All PNG files are the same size and resolution.  One of the images of the PNG files have a transparent background.   What are the dimensions and the resolution of these png files the same Pixel to Pixel wide and high.

    The 16:9 video you create what is the 4K resolution, 1080 p 1092 x 1080, 720 p or another.  Where on the video image do you want that image of 3.4 and 3:4 pixel formats?

  • With the removal of APDivs, how to place an image specifically somewhere?

    I started to make Dreamweaver in the class about a week ago. My mission is to make a RESUME. In class, I used AP Divs make a homepage that redirects to my info, portfolio, etc.
    So I got home, installed and the 30 day trial, discovered on removing AP div tags. I understand this decision, and I was on the fence about whether or not it is appropriate to use AP div tags first place (feels like an inexpensive way to make a Web site).
    So how can I now place images in specific locations?

    apdivs.png

    It was about how far I got with my initial project using AP div tags. The picture of me on the button was placed using an AP Div. My name at the top left has not been placed with an AP Div (because I can't)

    I intend to restart from the beginning

    So my questions are:

    (1) how do I Center my background so that it looks good on all the aspect ratios

    (2) how to precisely place my images without tags AP div

    (3) what happened "insert a rollover image? I was just copy and paste the code from my other flight path images and change the images.

    Hopefully you can see what I'll do. If there is another way I should approach my goal feel free to tell me what I need to do.

    I would also appreciate it if you guys could explain as simple as possible. I'm really not in HTML and coding in general. I want to just make this assignment well look and do it soon (and move to the first in class).

    CSS handles virtually all of this for you...

    1. in your CSS...

    {body

    background - image: URL(Your-image.jpg);

    background-repeat: repeat no.;

    background-position: top center;

    }

    2. the logo at the top left, CSS...

    #logo {}

    Display: block;

    float: left;

    }

    The HTML code...

    the portrait at the bottom (if you still want to be centered at the bottom)

    {#portrait_wrapper}

    position: fixed;

    Width: 100%;

    Bottom: 0px;

    }

    {#portrait}

    Width: 100px; / * or some other less than 100% setting * /.

    Auto margin: 0;

    }

    3 Insert > rollover Image is now insert > HTML > rollover Image

    Visit this site and do the tutorials for html and css, it will make your work in much simpler DW: http://www.w3schools.com

  • V 32.0.3 using how to place an image inside an email?

    Using v 32.0.3 How place an image in an email, not attached?

    Use HTML put this under Tools | Accounts settings | {Select account} | Composition & addressing

    When dialing, use Insert | Image on the menu, or use drag-and - drop or copy-and - paste directly into the body of the message.

    No menu? Hold the alt key, select V for display, activate the menus and bars of tools.

    Tip: create at least three drafts first lines and insert on the middle. This makes it easier to fit in more text, or to select previously entered text to change.

  • place an image on the block diagram

    Is there an easy way to place an image on the block diagram?

    To clarify, I would like one simple to paste a bmp or jpeg or png or other means on my block diagram to document the block diagram for future programmers.

    The way I currently accompish this is to create a constant of the photo on the diagram and running a vi separate to load an image in a window of the image, then using copy / paste to get the image in the photo correspondent in my block diagram.

    There's a way more simple, right?


  • have toshiba LL850 want to resize image for the background but have tried most things and still does not

    I have a Toshiba L850 and try to mount an image for the background.  Have you tried the resolution of the screen to pull the lever, but still does not.  Can someone go through the steps for me please.

    Hi June,

    What version of Windows is installed on the computer?

    The articles below show you how to change the background image and set the Position of the image in the Center that it adjusts automatically on the screen.

    Items are for Windows 7 The steps are similar to Windows Vista and Windows 8. However please let me know what version of Windows is installed on the computer and I'll give you the steps for this operating system. When the computer restarts, you'd be able to see the name.

    http://Windows.Microsoft.com/en-us/Windows7/change-your-desktop-background-wallpaper

    http://Windows.Microsoft.com/en-us/Windows7/change-your-desktop-background

    I hope this helps. Get back to us if you need more help.

  • How to place an image in Photoshop?

    In the photo below it shows where I'm trying to enter my cover image and profile picture. within the circle. I don't know how to put the photos directly in forms. I need help. Thanks in advance.

    Help with Card.jpg

    Help with Card 2.jpg

    I wasn't sure if you were talking about how use the place command or how to accurately place an image in the form, then it is how do the latter and the gene already told you how to make the first

    (1) draw your shape to contain the image

    (2) position just the form like this

    (3) to provide the image that you want to use in Photoshop. Lots of ways to do copy / paste, drag / drop, the place command

    (4) use the move tool to position the image on the form

    (5) with the image layer selected, cut the image to the form

    (6) it looks like this

    (7) then your image fits perfectly into the form. You may need to use the transform tool to get the exact right size.

  • Script to place an image in different sizes of paper!

    Script to place an image in documentdifferent sizes. Hello all, greetings to all. There is a possibility hereget a nice script that reposition an imageinserted in the document to make it encacheperfectly in sizedocument independent edges? With this feature, I'll be able to create severaltypes of frameworks, effects with mascaras etc... and sopower gives a nice streamlined in my work.

    Exemplo:

    1458482592 - YouTube video

    Please try this version.

    #target photoshop;
    app.bringToFront();
    
    main();
    function main(){
    if(!documents.length) return;
    try{
    var doc = app.activeDocument;
    app.displayDialogs = DialogModes.NO;
    var strtRulerUnits = app.preferences.rulerUnits;
    var strtTypeUnits = app.preferences.typeUnits;
    app.preferences.rulerUnits = Units.PIXELS;
    app.preferences.typeUnits = TypeUnits.PIXELS;
    var aLay = doc.activeLayer;
    doc.activeLayer = aLay;
    if(aLay.isBackgroundLayer) return;
    if (aLay.kind == LayerKind.SMARTOBJECT){
    aLay.resize(100 ,100,AnchorPosition.MIDDLECENTER);
    }
    var docWidth = activeDocument.width.value;
    var docHeight = activeDocument.height.value;
    var LB = activeDocument.activeLayer.bounds;
    var LHeight = LB[3].value - LB[1].value;
    var LWidth = LB[2].value - LB[0].value;
    var percentageHeight = ((docHeight/LHeight)*100);
    var percentageWidth = ((docWidth/LWidth)*100);
    activeDocument.activeLayer.resize(percentageWidth,percentageHeight,AnchorPosition.MIDDLECENTER);
    align( 'AdRg');
    align( 'AdBt');
    }catch(e){
    }
    finally{
    app.preferences.rulerUnits = strtRulerUnits;
    app.preferences.typeUnits = strtTypeUnits;
    }
    };
    function align(method) {
    activeDocument.selection.selectAll();
       var desc = new ActionDescriptor();
               var ref = new ActionReference();
               ref.putEnumerated( charIDToTypeID( "Lyr " ), charIDToTypeID( "Ordn" ), charIDToTypeID( "Trgt" ) );
           desc.putReference( charIDToTypeID( "null" ), ref );
           desc.putEnumerated( charIDToTypeID( "Usng" ), charIDToTypeID( "ADSt" ), charIDToTypeID( method ) );
        try{
       executeAction( charIDToTypeID( "Algn" ), desc, DialogModes.NO );
       }catch(e){}
       activeDocument.selection.deselect();
    }; 
    
  • How to place the image (or widget) inline in a block of text.

    How is it possible to place an image (or some kind of widget, like presentation of slides) in a text, online in some position.

    I just have something similar to these compositions of widget library that come with an image in the upper left corner and the text is placed around it.

    I wonder if there is a function like any text editor ever.

    Thank you.

    Kind regards

    Ciro.

    You can have some elements as inline in a text. Simple copy or cut the item (or even several grouped items) with the black arrow, place the text cursor in the row you want the item and Paste it. It will be by default acting as a character in the line, but if you select it again with the black arrow, you can set the options in the Panel wrap to break the text up, above and below the item, or even to leave text floating to the left or the right of the element.

    You can try to paste more complex items or same set of widgets online, but I wouldn't shoot...

  • In CS3, I used command * to place an image in color on top a text. In trying to do the same thing in CS6, nothing happens. Should what command I use?

    In CS3, I used command * to place an image in color on top a text. In trying to do the same thing in CS6, nothing happens. Should what command I use?

    Hi lennarta,

    Please refer to place an Image in text with Photoshop CS6 and follow the process.

    Let us know if that helps.

    Kind regards

    Assani

  • Crashes when you place an image

    Using InDesign CS6 after updating windows over recent 10 now, when I try and place an image into a new or existing file, the program quits immediately after opening the dialog box. I tried to reinstall InDesign, but it makes no difference.

    Dear Cari, thank you for taking the time to answer. I tried this and many other things including uninstalling and cleaning of all my machine Adobe products. Eventually it became clear - after three re - installs the software it was a hardware problem or a problem Windows 10. I finally got to work it making a Windows 10 re - install, a base file must be damaged. At least I don't need to buy another PC and it make me save all my files before I do!

  • Place an image behind text

    Hi so I made a master page with text on the subject. Now I'm trying to place an image on a page, but I can't see the text and I can't see the text in layers. How can I put the text on the front please?

    Place the image on a different layer than the one on which is located the Master Page text. In the layers panel, drag the image in the text layer layer.

  • I have a picture in the current folder that I can use to place the image on a page, but it is absent, if I try to hyperlink to it.  How to solve that?

    I use thimbnails which has a link to the expanded images.  I just loaded several file assets intothe images that I can then open and place the image on a page.  However, when I try to hyperlink to this image, the image is not listed in the assets.  Any ideas as to why and how to fix this?

    You should find the forum for any product it is and post your questions there.

    Here is a link to a page that provides links to all of the Adobe forums...

    The Forum links page: https://forums.adobe.com/welcome

Maybe you are looking for