CSS Header - how to create image map on header image?

So I am pretty new to CSS. I created a tag <div id="page_header"> and then have an image called "header.jpg" that shows up fine. But now I want to make that header clickable so I can use it as the link back to the home page. If it were a basic image, I could create an image map. But since it is a CSS file, I can't figure out how to do this. I know this has to be simple!
Thanks for your help,
Gary

Thanks - so I would insert a transparent gif the same size as the header area (1000 X 300) the same way I would if it were a regular image? Does this go before the <div id="page_header"> tag?
Inside the div.
<div id="page_header">
<img src="your_transparent_image.gif">
</div>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.com/blogspot.com

Similar Messages

How to create a partner and header record using CRM_ORDER_MAINTAIN?

Hi any one knows how to create a partner and header record using the function module CRM_ORDER_MAINTAIN??
I tried to create a record, but i only managed to create a header record and the partner record is not reflected in the transaction. Why is that so? is there any indicator that i need to include?
Thanks..
Jen

Hi Jen!
I use this FM and it works perfectly.
Use this to create a partner:
gs_partner-ref_handle    = '0000000001'.
gs_partner-ref_kind      = 'A'.
gs_partner-ref_partner_handle = '0001'.
gs_partner-partner_fct   = '00000001'.
gs_partner-partner_no    = NO_PARTNER. "number of the partner, bu_partner
gs_partner-display_type = 'BP'.
gs_partner-no_type       = 'BP'.
gs_partner-kind_of_entry = 'C'.
* ls_partner_l-ref_handle    = '1'.
gs_partner-ref_guid      = '00000000000000000000000000000000'.
APPEND gs_partner TO gT_partner .
ls_input_field-ref_kind = 'A'.
ls_input_field-logical_key   = '0001'.
ls_input_field-objectname = 'PARTNER'.
ls_input_field-ref_handle = '0000000001'.
ls_input_field_names-fieldname = 'DISPLAY_TYPE'.
INSERT ls_input_field_names INTO TABLE ls_input_field-field_names.
ls_input_field_names-fieldname = 'KIND_OF_ENTRY'.
INSERT ls_input_field_names INTO TABLE ls_input_field-field_names.
ls_input_field_names-fieldname = 'NO_TYPE'.
INSERT ls_input_field_names INTO TABLE ls_input_field-field_names.
ls_input_field_names-fieldname = 'PARTNER_FCT'.
INSERT ls_input_field_names INTO TABLE ls_input_field-field_names.
ls_input_field_names-fieldname = 'PARTNER_NO'.
INSERT ls_input_field_names INTO TABLE ls_input_field-field_names.
INSERT ls_input_field INTO TABLE gt_input_fields.
clear ls_input_field-field_names[].
CALL FUNCTION 'CRM_ORDER_MAINTAIN'
EXPORTING
*    it_schedlin_i   = gt_schedlin_i_com
    it_partner      = gt_partner
*    it_sales        = gt_sales
*      it_orgman       = gt_orgman
*      it_appointment = gt_appointment
*      it_ordprp_i     = gt_ordprp_i
*   it_product_i    = gt_product_i
*      it_activity_i   = gt_activity_i
*      it_pridoc       = gt_pridoc_com
CHANGING
    ct_orderadm_h   = gt_orderadm_h
*   ct_orderadm_i   = gt_orderadm_i
    ct_input_fields = gt_input_fields.
*      ct_doc_flow     = gt_doc_flow
*      cv_log_handle   = gv_log_handle.
Hope it helps u,
Regards,
Mon.

I need your expert opinion on how to create a map with multiple conditions.

Hello.
I need your expert opinion on how to create a map with multiple conditions.
I have a procedure (which i cannot import or re-create in OWB due to the bug), so i am trying to create a map instead :-(
How can i create a cursors within the map?
My function creates table and cursor.
Then it will have to check for duplicates in the tables (the one created and another table) - the criteria for finding duplicates is a number of fields.I then need to place few different conditions (if some attributes are not available) and it has to load cursor based on this conditions. The next step is to fetch the data into the cursor based on what attributes are missing.
The next thing it will do is insert the data into table (if record doesn't exist), output the error in separate table is record is corrupted, or update the record with changed information.
In short i need to re-create match / merge but with conditions, iterations etc 'built into' it.
I can read up on available functions - it's just what would be the best options? and what would be the best approach to do so?
In my function i use %rowtype - but cannot use it in owb - so what would be the alternative? i don't really want to create a lot of variables and then have a nightmare of maintaing it. are there any tips regarding this?
having looked through Oracle dedupe - it's not really what i need because it is just DISTINCT.
I would appreciate any help / advise on this.
Thank you very much

thanks a lot for your reply - i will look into this option :-)
it is a bit more complicated now as i have to re-create the match / merge and then somehow 'tweak' it to achieve the result i need.
At the moment i am looking to breakdown the package into smaller chunks 'functions' and try creating the map that way.
Anyway, thank you very much for your suggestion.

How to create a map in SAP BI???

Dear SAP BI Experts,
I have a difficulties to make a map in BI and missed the steps procedure how to create a map. I have an ESRI CD Map and Arc VIew application. What is the first step if i want to create a map and is there any procedures or manuals from the beginning "how to create a map in SAP BI" ???
So sorry for stupid question!!!
Thank you very much for your time and help.
Best Regards,
Rudy (SAP BI Team)

Hi Nirmansyah,
Please check the below link.
https://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/library/business-intelligence/s-u/step-by-step%20procedure%20for%20creating%20customized%20bex%20maps.pdf
Hope this helps.
Veerendra.

How to create interactive map in SAP Visual Business using SAP UI5 SDK

Hi,
Please tell me,
How to create interactive map in SAP Visual Business using SAP UI5 SDK.
Is it possible to create interactive map using VB Control in SAP UI5 SDK..?
if possible please any one let me know.

Hi folks, one question:
We have our development close moved and now it is earlier than originally planned.
That means that we maybe can't finish our convenient API and you have to wait till we will release it - early 2015 is planned.
But there is another option:
Currently we have a API based on json. The developer has to create json and to transfer it to the Visual Business control.
This interface is more used as a low level API and we are developing on top the more convenient one. So all the features are the same.
It will stay stable & compatible in the future and you can build on it.
Do you want to use this interface?
Then I will publish the documentation.
Let me know.
Thanks

How to create the maps externally and import in to PI

Hello Gurus,
Please let me know how to create the maps externally and import into PI
Regards
shankar

Hi,
Hope these links could help you understand XSLT, JAVA nad ABAP mappings.
[http://www.riyaz.net/blog/beginners-guide-to-xslt-mapping-in-sap-pi/technology/sap/769/]
[http://www.dataxstream.com/2009/09/allow-additional-mapping-types/]
[http://www.riyaz.net/blog/sap-pi-abap-mapping-simplified/technology/sap/837/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3ARiyaznetBlog(riyaz.net)]
[http://www.riyaz.net/blog/xipi-java-mapping-demystified/technology/sap/415/]
Regards,
Prasanna.

How to create a contact sheet of images in CS5

How to create a contact sheet of images in CS5. Different set up than older version I worked on before.

Have I missed something that the Adobe Bridge Output Module didn’t seem to offer a printing option? Tried the older plug-in which is what I was familiar with, but that seems to download all the plug ins, not just contact sheets. Do I have to download the whole shebang?

How to create a full page background image that is fluid?

I'm creating a website for my portfolio, and one of the things I wanted to have is a full page background image that the div tags are in. I know there is a way to put it in via page properties, but that doesn't allow you to add CSS styles and I want the image to re-size with window changes. This requires putting the image in a div tag, but then it pushes the other div tags (such as my header section and navigation) so that they aren't over the image like I want. Is there a way to push the image div tag to the back so that the other div tags go over it.
I'm using HTML5, and it will also be a responsive design, but the fluid background is only for desktops.
I don't go on the adobe website often, so if you have an answer to this, or need more information to figure it out please email me at [email protected] and you'll get a faster reply than on this forum.
Thank you everyone for your help.

You should set this forum to email you on a reply.
I don't have a link in your question to determine how you are trying to do this, but here's a technique I have used:
Take a look at this website and see if it doesn't have what you are trying to do. You'll see the flag in the background and I have used opacity in the layers on top of it to keep the flag somewhat visible.
Now, what the flag does not do is re-size itself with the viewport (the browser window). But the flag is in a div that sits on top of the body. My code is accessible, but you're looking for the flag div and it's defined in CSS thusly:
#flag {
          width: 100%;
          background-image: url("../images/polish-flag.png");
          background-repeat: no-repeat;
          min-height: 900px;
Now, CSS3 adds a new attribute you can apply to the background image thusly:
     background-size: 100% 100%;
That would make your background fill the viewport.
I chose to not do that, because I was worried about versions of Internet Exploder before 10.

How to create rollover text on an image

I'm a non-coder I'm using Dreamweaver CS4 to create a personal website. I know next to nothing about CSS, but I think I understand how to create a style and apply it to elements.
My website has several image galleries, and what I'd like to be able to do is create a rollover text box of some kind that floats up in a fixed position when mouseover on an image. What I'm looking to do is basically what this website does on their top header image:
AstroBin | AstroBin
I've experimented some with spry tooltips but I want the text box to be in the same position and not wherever the mouse is pointing at the time. I have done hours of searching and I cannot come up with a solution to this (at least not one that I understand) and it's quite possible that I don't even know the terms to search for.
What tools or terms am I describing here? What should I be searching for?
Can anyone point me to a good tutorial to do what I'm asking? Please give me the dummy version!
Thanks in advance.

import java.awt.*;
import java.awt.image.*;
import javax.swing.*;
public class fireleaf extends JFrame {
public fireleaf() {
    JLabel label = new ImageLabel();
    JPanel panel = new JPanel();
    panel.setBackground(Color.pink);
    panel.add(label);
    getContentPane().add(panel, "Center");
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setSize(300,200);
    setLocation(300,200);
    setVisible(true);
private class ImageLabel extends JLabel {
// image from:
// http://java.sun.com/docs/books/tutorial/uiswing/painting/imageSequence.html
    public ImageLabel() {
      Toolkit toolkit = Toolkit.getDefaultToolkit();
      Image image = toolkit.getImage("images\\T4.gif");
      ImageIcon icon = new ImageIcon(image);
      setIcon(icon);
      setOpaque(true);
    public void paintComponent(Graphics g) {
      super.paintComponent(g);
      Graphics2D g2 = (Graphics2D)g;
      g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                          RenderingHints.VALUE_ANTIALIAS_ON);
      g2.drawString("hello", 10, 10);
public static void main(String[] args) {
    new fireleaf();
}

How to create a map that is larger than the game in width and height?

hi,
i wounder how i can create a map(not the design) that is larger than the game in width and height, part of it will appear in the main page and anther part you can move to it after you press the arrow symbol, but the map is just one image so i want put it in line and out line the game page, and the out line part includes buttons and symbols the player can use, but it will be in line and the other part will be out line when you press the left arrow or the down arrow, how i can do that?
and is that possible to animate it so when the player press the arrow, will give it action to start the animation in one sec, i know how to animate it if that possible but i don't know which code i will use for the mouse click with the arrow symbol, and how to use the same code in the same symbol to start anther animation depending on which part of the map is on?

I don't know a lot about mask and masked layers and how to work with the normal layers beside i will use some 3D graphics but not in the background, i will explain all this to you to be more clearly.
first i am using action script 3.0
close ex,
you have 2d map"image" 900*300 pixel.
this image contains some 2d symbols when you click will go to anther normal map (anther normal layer) so they must appear.
your game 320*320 px, and the place the map will show on 300*300, and there's basics objects will be in most pages including the page that show the map so i don't know a lot about how this will work with mask layers.
so you can only see the left side of the map image and what it contains, while there's two arrows one to the left and one to the right there's three cases here,
first when it show the left side(start from x:0 to x:300), the left arrow will not active when you press and the right arrow will start an animation that make the map image move to the mid side in one sec when you press.
in mid side (start from x:301 to x:600) the same left arrow will active when you press to send you back to the left side while the same right arrow will be active to send you not to the mid side but to the right side,
when moved to the right side the same left arrow will be active to send you to the mid and the right will not active when you press and depending on that,
first how to make the large image appear with the three sides in the same place without effecting the other objects "like disappearing them" ?
and the codes i need in the same left or right arrow symbol to make different actions with the same symbol when clicked depending on which part of the map is on.

How To Create A Map?

I have three properties: sort, order, and offset
sort=<%=sort%>
order=<%=order%>
offset=<%=nextOffset%>How do I create a Map?

I want to put sort, order, and offset in a Map
and then store that Map as a JavaBean property. First
of all, how do I put sort, order, and offset in a Map
after I get a map object:
Map map = new HashMap();
Well, in "regular" java it would be something like map.put("sort", sort);
map.put("order", order);
map.put("offset", offset); (assuming you've properly defined and intialized those three variables)
I don't recall how to do it in JSP. It's been quite a while. <jsp:usebean> maybe?
http://java.sun.com/products/jsp/syntax/1.2/syntaxref12.html
http://www.apl.jhu.edu/~hall/java/Servlet-Tutorial/
http://java.sun.com/products/jsp/docs.html

How to create a mapping with text file as my target

I need to create a mapping with source as a table and target as a text file.
I am using OWB 10g R2. with database Oracle10g.
Any one can help me to create a mapping with a text file as target.

Hi,
just create a File-Location and File-definition and use this file-operator as target object inside your mapping.
Regards jwehner

How to create a recordset to extract images stored in a directory to preview in browser

I managed to create the upload scripts to upload images and store them in a directory while storing the path in a MySql database but here's now another problem creating a recordset to view the images on a browser. I tried creating one but when you preview the page on a browser, it's like it cant access the images. I would also want to make scripts to automatically resize the images to my desired size upon preview on the browser and also make photo thumbnails. Can somebody please advise me on this?

To Get MySql recordset in dreamweaver.
1. Dreamweaver
2. File>new>html>create>
3. File>save>untitle-1.php (make sure to use a php externsion)
4.Database Panel(Window>Database)
5.Click Application Tab
6.Click Plus sign.
7.click Recordset(query)
8.Name it anything
9.Define your connection
10.Go down to database items
11. Click Tables
12. Click the appropriate table
13. click test
14.click ok
To pull image from MySqlDataBase
1Place cursor on page where you want the image.
2 insert>Image
3Select Image Source box appears.
4Click select file form: Data Source(vs File System)
5 Your recordset will display
6 Select the record.
7 Click ok

How to create a mapping...

Hi everyone,
i'm a new user of OWB so i should ask something basilar. When i have to create a mapping for a cube, and a table source is unique, i don't have to use a joiner, do i?
While when shoud i use an aggregator? Always? Could you tell me an example...
Thanks in advance,
Alex.

Use a map input operator in your mapping. In the outgroup add an attribute, mapp the attribute with the column and then you can start the mapping with an extra input parameter.
Bye
Detlef

How To Create a Animation Between 2 Images?

Hai , I am Ramesh , i know this is a chilly Question , but , i want know how can i give tweening between 2 images (Just like a Shape tweeening )
ie:
in 1st frame 1 draw a rectangle shape and 25th frame i draw a circle shape that the time i give a shape tweening means it comes correctly (the shape converts to another shape)
but the same concept i gave it for image means it is not comming properly ,
i know this is a small and chilly question , but i want learn it

You may not get the results you expect, but if you use the trace bitmap command on both images on the timeline (Modify -> Bitmap -> Trace Bitmap), that will break them down to shapes that you can then apply a shape tween to.

CSS Header - how to create image map on header image?

Similar Messages

Maybe you are looking for