How do I place an image in a div container for only 1 page?

I am designing a web site for my wife using DW. The basic
look of all the pages follow this format: <darhosta.com>. I
need to make about four pages that look different that the basic
look above. In essence I want to make the background white and have
a 'background image in the div container. Thanks to Nancy, who
frequents these forums, I was able to get rid of the background
image that surrounds the main div container with the CSS she
suggested. (Here's the page with Nancy's suggestion of the correct
CSS and where to insert it -Thanks Nancy-: <
http://darhosta.com/Pages/iltn.html>
The page is almost done but I want to have a background image
in the main div container. I've been trying to figure this out on
my own but haven't been able to. Can anyone help me? Thanks for the
help,
Lou
Note: Here the CSS that Nancy suggestion with my modification
included to get rid of the background. If anyone needs to see more
of the code please email me.
Thanks again,
<style type="text/css">
body {
background-image: none;

</style>
I now want to place an image in the div container. I've not
been able to figure out how to do this.

louhosta posted in macromedia.dreamweaver
> <
http://darhosta.com/Pages/iltn.html>
> The page is almost done but I want to have a background
image in
> the main div container. I've been trying to figure this
out on my
> own but haven't been able to. Can anyone help me? Thanks
for the
> help, Lou
> Note: Here the CSS that Nancy suggestion with my
modification
> included to get rid of the background. If anyone needs
to see
> more of the code please email me.
No need. All source is available from the link.
In ilth.html, change this:
<style type="text/css">
body {
background-image: none;

</style>
<link href="../css/global.css" rel="stylesheet"
type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js"
type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css"
rel="stylesheet" type="text/css" />
to this:
<link href="../css/global.css" rel="stylesheet"
type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js"
type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css"
rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-image: none;
background-color: #fff;
#container {
background-image: url(../images/global/bkPage.jpg);
</style>
By embedding the styles AFTER the linked stylesheets, the
rules
will overwrite property/value pairs in identical rules that
may already exist in the linked sheets - assuming no
!important.
Mark A. Boyd
Keep-On-Learnin' :)

Similar Messages

How do I place an image and insert a different photo for the "mouse down" state?

I have placed an image within an accordian widget and when I select the "mouse down" area in the states dialog box, i click "fill" in the toolbar and insert the photo i want to display when the image is clicked but this image is "covered up" by the originally placed image and is not seen in my states dialog box.
I have done this before when i made rectangles and placed images in rectangles. But i soon realized that you cannot add alternative text to images in rectangles for some frustrating reason.
How do I place and image and have a different image for the mouse down state?

Hello,
This effect can only be achieved when you use the images as a Rectangle Fill. And as you mentioned it above, you cannot add alternative text to images because it is added as a fill and not as a image.
I would suggest you to post this as a feature request on our "Ideas for features in Adobe Muse" section of the forums : http://forums.adobe.com/community/muse/ideas
Regards,
Sachin

How do i place an image, jpeg png or otherwise in my Signature in Mail?

How do I place an image, jpeg, png, or otherwise in my Signatures inside of the Mail Application?

Go to mail>prefeferences>signatures, select new with plus key signature left column,highlight that signature. Drag image into right cloumn

How do I place an image from PS into InDesign?

Hi,
I created a notecard in Photoshop and need to put two on a page in InDesign CS3. I placed the graphic on the page but it's way larger than the designated paper size. I tried going to Object>Fitting to fix the problem but nothing happened. So I tried manually setting the height and width I needed the image to be on the page and it resized the image okay but I couldn't see the entire image within the new size. So my question is how do I place an image, get it to the dimensions I need (see dimensions below) and add two to a page?
FYI: The paper size is: 8.5 x 11 inches. The graphics are 4.25 x 5.5 inches. I need to print two to a page.
Thanks for the help.
ashmic

To add to M Blackburn's advise, the two selection tools will change what you can do.
The Selection tool (solid black arrow) will allow you to select the frame itself. It will only select the content if you click on the donut. When the frame is selected, you will see the frame with handles on the corners and centers of lines, and it will be in the color designated to the layer. The default color for layer one is blue, but this can be changed, so don't be thrown if it isn't blue for some reason. Dragging the handles will change the size and placement of the frame, and when moved toward the image, will crop it. Holding the shift key while dragging a handle will keep the frame within proportion (a 3"x5" rectangle will remain 3 units by 5 units, although those units will be larger or smaller than an inch, depending on whether you enlarge or shrink the frame).
The Direct Selection tool (white arrow) will select the content, rather than the frame. When selecting the content, you will see the handles on a bounding box around the content, and the color will be light brown. Dragging a handle will change the size of the image, and you can also drag the whole image to move it in relation to the frame, which can be used to crop the image as well. Holding shift will keep the image size proportional.
You should take notice of whether the frame color or the content color is what you see, because double-clicking with the Selection tool will toggle between frame and content, the way clicking within the donut will allow content to be edited while the Selection tool is active.
If you want to view the image size as a percentage, using the Direct Selection tool is what you want. If you use the Selection tool, you will see the percentage of the frame, which will change while you are dragging it, but as soon as you release the mouse button, it will show 100%. Switching to the Direct Selection tool will show you the percentage of reduction or enlargement of the image itself, and if the X and Y aren't the same, your image is out of proportion.
Lastly, the shift key, along with Command will probably be what you will use the most, as it will allow you to drag a corner of the frame of a placed image with the Selection tool and proportionally resize the content along with the frame.

Customizing Slideshows - how do I add an image in the text box that only shows up for a specific ima

Customizing Slideshows - how do I add an image in the text box that only shows up for a specific image and not in every text box?

Can you maybe provide a screen shot to further explain your question?
Julia

How to load/place an Image in Window UI (ID CS4)

Hi,
Can anybody help me on how to place an Image in User interface window.
Thanks,
Gopal

var dialog = new Window("dialog", "Test");
dialog.add ("image" , undefined, "~/Desktop/Picture.png");
var btnGroup = dialog.add("group");
btnGroup.orientation = "row";
btnGroup.alignment = "center";
var okBtn = btnGroup.add("button", undefined, "Ok");
var cancelBtn = btnGroup.add("button", undefined, "Cancel");
var showDialog = dialog.show();

How do I place an image over the header?

I am new to web design and new to Dreamweaver CS4. I have used 2 column template with header and footer. I have got a header title (an image) but I want to place an image to the left of it in the top left corner of the web page. I want the header region to be the height of the title as I want the image to have a greater height than the header area. When I insert the image it goes into the header region and the header automatically increases its height to fit the image. How can I overlay the image on the header rather than inserting it in the header? Any help would be appreciated.

Designing web pages is nothing like designing for print. To achieve what you want , you'll either need to create a special header image in Photoshop or Fireworks that contains white space and/or slices from surrounding images. Insert this new image into your header region.
Or, you could simply place image in the background using CSS. Then align your message text using CSS floats and margins. See demo below for an example.
http://alt-web.com/TEMPLATES/I-page-with-floats.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

How do I Place an image into the center of an activated artboard in CC?

I have just upgraded to CC from CS6. In CS6, I could activate an artboard (double click it in the Artboard panel) and then Place an image, which would by default go into the center of the artboard.
With CC, it "loads" the image into the cursor which I then need to Place by clicking somewhere.
How can I get it to either behave as it did in CS6, or customize to load it into the center when I click, such as with a modifier key?
Thanks!

Hi,
With the Window > Allign panel,
You can select the option to allign to selection or to Artboard.
When you select "to Artboard" you schould be able to use the Allign option to get it centerred.
See preview bellow.
Hope this helps.

How do I place an image in an applet

I'm starting to use applets, and how do you put an image on to the viewer? This doesn't show up, can anyone tell me how?
This is my code:
Image my_gif;
URL base;
MediaTracker mt;
public void init()
mt = new MediaTracker(this);
try {
base = getDocumentBase();
catch (Exception e) {}
my_gif = getImage(base,"imageEx.gif");
mt.addImage(my_gif,1);
try {
mt.waitForAll();
catch (InterruptedException e) {}
public void paint(Graphics g)
g.drawImage(my_gif,20,20,this);

and I dunno why you're using media tracker unless you need to load many, many images. In your post it just says one - Even if you do need many images, start with one and build up:-
img1 = getImage(getDocumentBase(),"picture1.jpg"); //or
img1 = getImage(getCodeBase(),"picture1.jpg");
and make sure the images are in the same directory as the applet and test it with the applet viewer first.
Happy Chrimble Pies

How can we place an image in already created inline graphic frame?

Hi,
AIM::
To place an image in the inline graphic frame.
OBSERVATION::
As i have analysed the snippet Runner,i came to know that it allows to load the placegun with the file(in my case image). but in order to place it,we need to click on the document..and then the image is placed at (0,0) of the page(I suppose Indesign does it automatically).
what is needed,is to place image in already created inline graphic frame. i have created a inline graphic frame at some position in the story,but now i required to place image in this created frame.

I have the same problem. Can you give me a short code sample for that.
I have an image and want to place it in the currently selected frame...

How can i place a Image

Hello Friends,
I want to create a image project using JSP & HTML (NWDS) and want to place the image In the portal By iview creating from par file..,plz help me any one step by step procedure or
If u have any code plz mail to my id : [email protected]
Thanks in advance
Bye
<b></b>

This question is better answered in the portal environament.
Regards,
Benny

Can you place an image in a div tag and then add type over top of it?

I told someone in class lastweek that I wanted to be able to
place type over an image. They said you can just add the image into
the div tag as a background image, which will allow you to then
type over it if you like. How is this done? I have tried and
failed. I have an image that is 200x590 going down the left side of
my page. I want to run type over it, and keep the image consistent
on every page, but change the header and type. I've seen this in
several sites. How do you do this with the div tag box model method
of building a page. Can I insert an image into the div and then run
type over it. What does the code look like?

Here's an example of using a css and a background image to a
table cell...
sample principle for a div
#div {styles go here{
http://tinyurl.com/yqeptp
You may also want to go through the beginner css tutorials at
the Adobe
site:
http://www.adobe.com/devnet/dreamweaver/css.html
(pay attention to the ones
by Adrian), beginner moving onto to creating full css
layouts.
Hope this helps :-)
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
Forum Posting Guidelines:
http://www.adobe.com/support/forums/guidelines.html
>I told someone in class lastweek that I wanted to be able
to place type
>over an
> image. They said you can just add the image into the div
tag as a
> background
> image, which will allow you to then type over it if you
like. How is this
> done?
> I have tried and failed. I have an image that is 200x590
going down the
> left
> side of my page. I want to run type over it, and keep
the image consistent
> on
> every page, but change the header and type. I've seen
this in several
> sites.
> How do you do this with the div tag box model method of
building a page.
> Can I
> insert an image into the div and then run type over it.
What does the code
> look
> like?
>

How can i postition an image inside a div correctly?

I am learning CSS and I want to insert an image inside a div
used as a footer. I want the image to appear to the left of the div
with say 10px left margin and 5px top and bottom.
I also have a horizontal UL and a <p> inside the div
which are set to the centre. I want to keep their appearance as
they are - but add the image to the left without putting anything
else out of place if that makes sense.
Can someone show me how it is done?
http://www.tomkilbourn.com/newsite/test/footer.html
The image which I want to use is from validator.wc3.org -
<p>
<a href="
http://validator.w3.org/check?uri=referer"><img
src="
http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="31" width="88"
/></a>
</p>

~Billy~ wrote:
> Ive got it to work by adding -
>
> <span
style="position:absolute;top:27px;left:20px;">
> <img src="/newsite/images/valid-xhtml10.png"
/></span>
>
> before the closing body tag, but is there a way to do it
without using
> absolute positioning and span?
>
Id' do it by adding position relative to my footer div and
then I'd
create a class for the img and use absolute positioning for
it which if
nested within the footer div will be relative to that - like
so.....
in your css...
#footer {
border-top: 1px solid rgb(187, 187, 187);
padding: 0px 0px 10px;
background-color: rgb(51, 0, 0);
position: relative;
.w3c {
position: absolute;
top: 10px;
right: 20px;
and your html markup for your footer dive, something like....
<div id="footer">
<img src="/newsite/images/valid-xhtml10.png" alt="alt text
here"
class="w3c" />
<ul id="navlist">
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li class="last"><a href="#">Item
five</a></li>
</ul>
<p id="footerbottom">Copyright Tom Kilbourn 2007
www.tomkilbourn.com</p>
</div>
chin chin
Sinclair

How do I insert an image in a div box?

OK I've got a seemingly small issue I have to iron out to update our homepage after our graphics person decided to stop showing up to work. If you need to view the page source it is located here - http://www.rugged-cctv.com/indextestvideo2.shtml
1. In the image listed below on the red title of the youtube video I have inserted a Rugged Cams logo image that needs to appear like it does in the image. It also shows up correct in the live view of DW When uploaded the actual page just lists the alt text. I would also like to center the text in the middle of the image instead of at the bottom of it. How do I get the image to actually show up? and center the text vertically on the Rugged Cams logo?
Here is the code for the container it is in and that div.
<div id="youtubecontainer" style="overflow: hidden;">
<div id="youtube" style="float: left; color:red; width: 475px; padding-left: 0px; font-family:Britannic Bold; font-size: 22px; text-indent: 5px;"> Businesses & Dealers Love the <img src="images/ruggedcams.jpg" width="66" height="34" alt="RuggedCams" /> brand
<object height="370" width="460">
<param name="movie" value="http://www.youtube.com/v/3aysc6dGh3c?fs=1&hl=en_US"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/3aysc6dGh3c?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="370" width="460">
</object>
</div>

Nevermind figured it all out once I walked away!

How do I set an image to inline instead of floating in Pages?

In the old pages there was a button in the inspector that said floating or inline. I can't find it in version 5.5... How do I switch to inline? Can it be the default setting?

Hello. I'm using Pages 5.0.1
I've been trying to move an image back so that text is in front. Your post was very helpful.
Thank you.
I would like to sugust a few extra steps.
Menu > Arrange > Section Masters > Move Objects to Section Master
This puts the same image in the same area on every page of my document.
However I am working on one image on one page.
To stop the image from appearing on every page these steps are needed:
     FIRST       Create a Section Break before and after the image.
                      Menu > Insert > Section Break
     SECOND Menu > Arrange > Section Masters > Move Objects to Section Master
     Now the image does not appear on every page of my document.
Pages does not allow a section break in the middle of a document page. The section break insists on ending the page like a page break. Start the Section Break at the end of the previous page.
Work within the one page section to finish that page.
Some things I don't understand about Pages:
It appears the following options that appear with a right click on an image
do not work. (They are grayed out) :
     “Bring to Front”
     “Send to Back”
They do not work with either of the following selected:
     “Stay on Page” and/or “Move with Text”
These also don’t work. (They are grayed out)
They are found in the drop down menu: (Menu > Arrange)
     “Bring Forward”
     “Bring to Front”
     “Send Backward”
     “Send to Back"
Why are these options grayed out?
When are they available?
What must I do for them not to be grayed out?
How are they used?
My opinion:
Sending an image to the “Front” or “Back” of text or other images should be a simple thing to do.
And it should make no difference whether the image “Stays on Page” or “Moves with Text”
Thanks

How do I place an image in a div container for only 1 page?

Similar Messages

Maybe you are looking for