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
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?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?
-
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.
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:
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?
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!
-
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 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
-
HelloI installed the new firefox. When I try to go to a Web page, I get this error message:Firefox is configured to use a proxy server refusing connections. Check the proxy settings to make sure that they are correct. Contact your network administrat
-
Windows 7 on Dell laptop intel i5.I tried uninstall/install the latest version of Firefox 3.6, no change. Popup will appear when button clicked - back a script on this page may be busy, or it may have stopped responding. You can stop the script now,
-
Pavilion dv6-1334us: w10 and Outlook
Hello friends: Someones know I just install wXP replacement w10, now I'm perfecting the new OS. For many years I used OE, watching as my email software. w1o not a OE. If I continue to use EO in w10, what is the proper way to install it?
-
I'm scrolling a page when the triangle will pop up - most of the time it is a triangle with a dot underneath. He takes control of the page and accelerates downwards? I do not think that I asked for this command, but maybe I've hit something by mist
-
I have deletedted some emails in hotmail. Is it possible to recover?
Is someone can you please tell me how I can retrieve emails deleted for the last 30 days in my account to windows live hotmail? Thank you