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

Similar Messages

How can I place an image behind my header?

I am using a template for pages and I have been selecting their different styles of pages. They all have a image behind the header as a background...except one page. I would like to add it, but the image will only go in front of the header. I need to be able to see the header! :-) Anyone know how to solve this? Thanks!

I see the problem.
It works on the other pages because the things behind are Background Objects, but I see no way of making the foreground objects (as on the Mailer page) background objects. Background Objects are not supposed to exist in Layout mode templates.
I can see nothing in either the Wrap Inspector nor in the Format > Advanced options that distinguishes the two.
As far as I can tell Apple has done something in their coding but put no User Interface on it.
The only way around this that I can discover is to modify one of the pages where the objects are already Background Objects, to reconstruct the Mailer page by making them Media Placeholders then dragging a new image in place of the existing. Then it stays a Background Object.
Peter

How can I resize an image in the header?

I have uploaded my organization's logo into our document, but it is out of proportion to the rest of the document. I've delted it and uploaded smaller versions of the logo and it is still too big. How can I format the image in the header so that it is more reasonably sized?

Thanks. The triangle was buried in the image. If you hadn’t told me where to look, I would never have found it!
Michelle
Michelle Lancto
Jewish Endowment Foundation
a division of the Jewish Federation of Western Massachusetts
Phone: 413-732-9994 Fax: 413-737-4348
<mailto:[email protected]> [email protected]
<http://www.jefwesternmass.org/> www.jefwesternmass.org
<http://www.jewishwesternmass.org/> www.jewishwesternmass.org
JEF_Logos_1101_JFWM for email LOW RES
Confidentiality Notice
The information contained in this message and or attachments is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any system and destroy any copies.

How can i add an image into the header

When printing a webpage i would like to ad an image into the header? Is this possible?

Thanks. The triangle was buried in the image. If you hadn’t told me where to look, I would never have found it!
Michelle
Michelle Lancto
Jewish Endowment Foundation
a division of the Jewish Federation of Western Massachusetts
Phone: 413-732-9994 Fax: 413-737-4348
<mailto:[email protected]> [email protected]
<http://www.jefwesternmass.org/> www.jefwesternmass.org
<http://www.jewishwesternmass.org/> www.jewishwesternmass.org
JEF_Logos_1101_JFWM for email LOW RES
Confidentiality Notice
The information contained in this message and or attachments is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any system and destroy any copies.

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.

And again - how do I superimpose an image over a moving image?

So I am beginning to work this all out...
I have cropped an image using motion which is looking great, except that the image (which is someone's head) is square because I used 'crop' in motion, any ideas how to make the edges curved?
The next step is working out how to keep the superimposed image over the head of the person in the video if they move? ie so it tracks the original image in movement?
Thank you all for your help so far, I never expected help like this so quickly!

Hard to follow you when you're creating new threads on the same topic...
First of all - don't use Motion to crop - that's easily done in FCP - if you want to follow the edges of the head, use the Mask tool in Motion.
Second, there's a video tutorial for using the tracking tools in Motion here:
http://motionsmarts.com/
Patrick

Image to the Header

How do I add an image to the header in the new Pages. Used to be able to in the older versions.

Just one of over 90 features Apple removed from Pages 5.
http://www.freeforum101.com/iworktipsntrick/viewforum.php?f=22&sid=3527487677f0c 6fa05b6297cd00f8eb9&mforum=iworktipsntrick
Pages '09 should still be in your Applications/iWork folder.
Archive/trash Pages 5, after Exporting your files to Pages '09, and rate/review it in the App Store, then get back to work.
Peter

How to place an image on the dashboard in obiee 11.1.1.5 version

Hi All,
I am using obiee 11.1.1.5.I want to place an image on the dashboard.Can anyone help me on how to achieve this.
Thanks,
Praful

Hi,
In OBIEE 11g, an image needs to be placed in two locations. They are
1. Middleware_Home\Oracle_BI1\bifoundation\web\app\res\your_skin\images
Example: D:\OBI11g\Oracle_BI1\bifoundation\web\app\res\s_blafp\images
2. Middleware_Home\user_projects\domains\bifoundation_domain\servers\bi_server1\tmp\_WL_user\analytics_11.1.1\7dezjl\war\res\your_skin\images
Example: D:\OBI11g\user_projects\domains\bifoundation_domain\servers\bi_server1\tmp\_WL_user\analytics_11.1.1\7dezjl\war\res\s_blafp\images
PS: In the above example s_blafp skin is used.
Usage of the newely added image in a Title View:
res/s_blafp/images/new_image.jpg
Award points it is useful.
Thanks,
satya

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

I´ve made four Columns with text and an Image over the middle of two columns. How do I put a text u

I´ve made four Columns with text and an Image over the middle of two columns. How do I put a text under the Image that spans over the Columns?

Did you mean that?
or
Did you mean that?
Let me know.

How can I attach an image without the image is in the email body? (using the new mail the Lion)

How can I attach an image without the image is in the email body? (using the new mail the Lion)
I want in attachment, not in the body mail.

I think your only solution is to zip the image files first and then attach them.
Read this from a site I found:
Sending Graphical Attachments -- When you attach a graphical image to your message, the recipient of your message sees the image inline (that is, in the body of the message) if her email client supports inline display. ("Take Control of Email with Apple Mail" contains a table listing the capabilities of popular Mac and PC email clients.) If a client does not support inline display (or the recipient has turned off the inline display option), the file appears as an attachment that must be opened in a separate program.
On the one hand, an inline image is easier for the recipient to see - all she has to do is look at it. On the other hand, inline images can be frustrating to scroll through. If you do not wish to send a graphical image inline, you must compress the file before attaching it - Mail, sadly, lacks a built-in compression option, though fortunately for Panther users, the Finder offers Zip compression without requiring a separate application.
Note that when you compose a new message, Mail always shows attachments in the body of your message. You can manually drag them somewhere else, but many email clients display all attachments in a separate list, regardless of where you place them in the message body.
If you paste an image into a message or drag & drop an image from another window (say, a Web browser), Mail converts the raw image data to an attachment in TIFF format. On the other hand, if you drag & drop the icon of an image file (or use the Attach button to locate the file using the file browser), Mail leaves the attached image in its original format. This difference is significant, because although most email clients can display JPEG images just fine, support for TIFF - especially in non-Mac email clients - is less common. If possible, I suggest attaching image files as opposed to pasting or dragging in raw image data.

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' :)

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

Question about setting the background from an image over the internet.

Hello ,
If I want the background of my panel to be set from an image over the internet directly do I just add that URL right away like this :
protected final static String imagePath = "http://www.engr.wisc.edu/2010/background.jpg";
   icon = new ImageIcon(AuthScreen.imagePath);
        JPanel panel = new JPanel(){
            protected void paintComponent(Graphics g)
          Dimension d = getSize();
          g.drawImage(icon.getImage(), 0, 0, d.width, d.height, null);
          super.paintComponent(g);
          };instead of this :
protected final static String imagePath = "d:\\javaapps\\bg.jpg";cuz I did that but it isnt working .
Thanks.

I don't see how, try it out:
import java.awt.*;
import java.awt.image.*;
import java.net.URL;
import javax.swing.*;
import javax.imageio.*;
public class ForumJunk{
ForumJunk(){
    JFrame f = new JFrame("Forum Junk");
    JPanel p = new MyJPanel();
    f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    f.add(p);
    f.pack();
    f.setVisible(true);
public static void main(String[] args) {
    new ForumJunk();
class MyJPanel extends JPanel{
    BufferedImage bi = null;
    MyJPanel(){
      try{
        bi = ImageIO.read(new URL("http://www.kodiakfishingbc.com/Editor/assets/chris03resize.jpg"));
        this.setPreferredSize(new Dimension(bi.getWidth(), bi.getHeight()));
      }catch(java.io.IOException e){
        System.out.println(e.toString());
    public void paintComponent(Graphics g){
//      super.paintComponent(g);
      ((Graphics2D)g).setBackground(Color.green);
      g.clearRect(0, 0, bi.getWidth(), bi.getHeight());
      g.drawImage(bi,0, 0, this);
      super.paintComponent(g);
}

Animated gifs: How to transition (fade) 1 image over another

Fireworks noob, trying to make an animated gif in CS4, reading/experimenting for hours, searching FW help documentation, Youtube tutes, Google - can't find how to pull off this basic fade.
6 unique but same sz. jpgs in my .png (default FW worksheet doc), each a different "state" in the states palette. Got the basic timing down, all 6 pop up one after another, but I want transitions - #1 fades into #2, 2 into 3 etc. - possibly 3-4 step fade.
How?
Where are the other transitions/effects hidden?
Doesn't FW have some kind of animation timeline feature where you can click through frame by frame?
Ready to go back to Gifbuilder...
TIA!

Gif animations are for poster-like images. They don't work successfully with JPEGs because the file size ends up enormously large. The best program to use for whast you want to do is Flash. That said, Fireworks has an animation wizard that will fade images for you. Select an image and choose Modify > Symbol > Convert to Symbol. A dialog box will pop up enabling you to choose which type of symbol you wish to create. Choose Animation. From there, just follow the wizard. To fade one image over the other, you'll need to convert the images to symbols and animate them on different states (frames). Symbol 1 on state 1. Symbol 2 on state 10. Symbol 3 on state 20, for example.

How do I place an image over the header?

Similar Messages

Maybe you are looking for