How to make an image clickable region?

Hi
Please see the image below, in particular I have a seperate layer READ MORE, I want to save this image as a PNG file and in my HTML page make the READ MORE region like a clickable button. I know I can slice this into a seperate image and wrap in a <DIV tag to do this, but any other ideas please ?

Google for "HTML image map" for way too many tutorials. Image maps are typically taught before DIVs.

Similar Messages

How to make keynote images full screen?

Question: how to make keynote images full screen? I just noticed. after many successful full screen shows with Keynote 09 5.1.1 that I am no longer seeing the show full screen, at 1280, but only using the center part of my macbook pro 13 inch screen (which will mirror just like that on the projection screen, as far as I know). Did I hit a setting I do not know about to keep the images so small?
Thanks

Keynote > Preferences > Slideshow: Scale slides to fit display

How to make mirror image on officejet pro 8600

how to make mirror image on officejet pro 8600

Hi,
You can not make mirror images with printers but you can print mirror images on printers. This is how to print mirror images on a normal printer:
http://h10025.www1.hp.com/ewfrf/wc/document?cc=us&dlc=en&docname=bpu02032&lc=en&product=61561
Regards.
BH
**Click the KUDOS thumb up on the left to say 'Thanks'**
Make it easier for other people to find solutions by marking a Reply 'Accept as Solution' if it solves your problem.

How to make slide images with Dreamweaver CS6?

How to make slide images with Dreamweaver CS6? Please teach me.

Hello
in addition to Jon's hint, I'll send you some links to nice sliders (have fun with the different representations ):
http://sandbox.scriptiny.com/javascript-slideshow/
http://jquery.malsup.com/cycle/
http://wowslider.com/best-jquery-slider-crystal-linear-demo.html
http://www.jcoverflip.com/demo
http://www.jacksasylum.eu/ContentFlow/
http://addyosmani.com/blog/jqueryuicoverflow/
You only need to use the source code to implant these shows there where you want. In my eyes it would be the best that you use first a very new and blank DW file to perform (maybe in LiveView) the one or the other.
Hans-Günter

How to make background image editable in a template

I have built a template and would like to make the background
image editable, but not the rest of the settings in the body style.
(I'm not sure of my terminology yet.) The background image is
currently set in the locked part of the page. I've tried to insert
an editable region in the html code, as I cannot get to the
background image by clicking on it or selecting on the Design page.
But I am not allowed to change the code in this way.
What is the best way to do this? I'm not sure how to make a
div of this one setting. Or even if that is what is needed.
Thanks for any suggestions.

So to give a different background image to different pages using CSS.
Create a CSS file in your Dreamweaver site.
Link it to your pages.(in your head tag like so: <link href="path/to/stylesheet.css" rel="stylesheet" type="text/css" />)
In your HTML code find the body tag and give it an id (like so: <body id="myUniqueID">)
In your stylesheet write the following code:
#myUniqueID{
background: #color, url("path/to/image.jpeg") repeat);
And now extrapolate the above steps and code to your other pages and voila, you now have different background images for your different pages.
To learn more about CSS - visit your local web search engine.
To see the power of CSS, check out http://csszengarden.com/ where the exact same HTML file is styled by different CSS stylesheets.

How to make the images show up on a linked file in Muse?

I am wondering how to get my images to show up on the linked files in Muse. Basically, in Muse, I have a page that links to other pages I designed in Dreamweaver. I put the images in the image folder and when I upload the site, the page links to the Dreamweaver page ok but the images are missing. This is a vital part of the site. Any suggestions?

If you made the pages with Dreamweaver then they should be on your system some place and you could make a "dreamweaver" folder inside your Muse site and upload the pages to that folder using the upload files option... see this thread talks about sound files but almost any file can be imported to muse
I need a recommendation for a slick way to embed audio
Another option is to link across to an online resource using the built in muse html editor but that has pit falls because once you link yourself outside the site you also lose some control of the content;
For an example of this have a look at an old demo page I made http://chec-garry2.businesscatalyst.com/index.html
When you click on the Brahminy Kite bird you are looking at what used to be called an Iframe but the problem of control is highlighted when you click the Blue Wren and sometimes get pop up adds… I could import the Blue Wren page into my Muse site to fix this issue and in your case that’s a good option but I didn’t because I don’t have copyright over that pages contents and didn’t want to steal someone else’s work.
p.s. if you have got a demo of the website/ pages online someplace that would help us see your problem.

How to make an Image in Adobe Muse 100% height ?

100% width, it's ok; but I don't find how to make a 100% height image (wich follows my browser height)?
I work with adobe Muse CC 2014
thanks !

You can use the image as browser fill and then set the position of image such that it remains to its position. This can be used as a workaround for using image as browser height.
Thanks,
Sanjit

DVD burned on one G4 will not open up on another. How to make an image?

Hello,
This is a bit of a desperate problem, I have a dvd that was created of a 1.4 hour program and burned using iDVD3.0.1 on a G4 500 Mhz machine. Once the dvd is created I am able to play it on that computer using dvd player. I am running Tiger on that machine.
Once I take that dvd over to my G4 1GHz machine also running tiger, the machine will simply not accept the dvd and keep ejecting the dvd; dvd player does not even open up in order for me to look at the video.
The main purpose of me having to look at the dvd on the G4 1Ghz machine is to copy the dvd. Can you also briefly describe how to make a copy of a video dvd created using iDVD? I believe I have to make an image first. I cannot remember how to do that, please help. Once the image is made how do I copy that image onto a fresh dvd?
Thanks,
Vidur

Hi Vidor
first:
I use DVD-R disks
And Verbatim brand
second
iDVD 3.xx doesn't create Disk Images. Neither does iDVD 4
(if iDVD prior HD/5 You have to add a hack to make this possibly
named HPfurz and install it)
Works on iDVD 4 - for iDVD 3 I don't know.
Test this with Apple DVD-player - OK then burn it with iDVD
or Toast if You have and don’t want to re-code the movie.
third
To make a DVD copy You need
- a NON copy protected DVD
- a program that can make it into a Disk Image eg. Roxio Toast™ (costs)
- a new blanc DVD-R disk
If Apple Disk Util tool - can make a disk image is out of my knowledg.
Yours Bengt W

How to make form fields "Clickable"

Hey Guys,
I created a Fillable PDF Form with Form fields using ADOBE Acrobat 9.0 Pro-Ex + LiveCycle Designer for Windows XP.
My question is when you create a form, is there a way to make form fields "clickable" instead of just auto-tab? Because if you mess up when filling out the form, you don't want to have to tab through the whole document just to get back to that spot. How can i fix that?
My other question is, when printing the form, the form field "text boxes" always show up. Is there a way to hide the boxes and just print the form without them. (The information that was filled in will still show, just the outline of the boxes won't?)
Thanks a bunch,
Joseph

Unfortunately I don't know enough about Designer to tell you what you did to make the boxes unclickable, but for me I've never had an issue doing that.
However, I can tell you what you need to do to get rid of the boxes around each of your text fields.
1. In design mode, select the field(s) you wish to get rid of the borders on. (If all you have are text fields, you can press Ctrl+A to select all fields. If not, you can hold down the Ctrl button while left-clicking each field to change all text fields at once.)
2. Open the Object window (Shift+F7 toggles this on and off). Find the option for Appearance.
3. Click the drop down menu next to Appearance and choose none.
4. The borders will now be gone from the text fields.

How to make shape objects clickable/selectable in transformgroups in java 3

I am building a visualizer program that has Java 3D components inside Swing components. I have a branchgroup inside a canvas3d inside a simpleuniverse, which is added to a JTabbedPane. Inside the branchgroup I have multiple transformgroups each with one shape in them (box, cone, sphere, cylinder). Each transformgroup has the ability to rotate, zoom, and tranlate objects because I have incorperated a MouseZoom, MouseRotate, and MouseTranslate object as from the Java 3D library functions (these are applied to each transformgroup every time one is created and added to the branchgroup). My problem is that I am trying to make these shapes clickable/sectable/dragable/dropable on the screen - currently when I try to translate ONE object all the shapes move on the screen and I cannot get just one shape to move (all shapes move when I only want one to). How do I make only one shape move when it is clicked?
I know the question is kind of out there and specific so if anyone knows how to generically give transformgroups/shapes drag and drop properties that would also help a great deal. Does anyone know how to to this? Thanks a ton.

shape uses the contains and intersects methods, is that what you need? Without code it is hard to guess what is required.

How to make default value for region based on city?

Dear Experts,
When city is selected in TRIP or PR05, how to make the default value of city based on region?
The standard search help givenfot citydoesnt contain any enhancement point?
Pls suggest how to resolve this!!!
Thanks In Advance
Rgrds,
Sravan

Hello Sahil
Account and CC/PC are 2 different entity types. For PC and CC there is dependency. First you have to load Cost centers and then load PC.
For CC - load CC master data first. Then load hierarchy file then group file and finally assignment file.
Follow same process for PC.
GL you can load independently but you have first load group GL then operational GL and then GL at company code level,
Kiran

How to make background image scalable

I am working on my site and I am constructing it using only
external CSS. I am looking for a different look than I have
previously done and want to use an actual image for the back ground
of one of the DIV containers rather than just a color. My problem
has been since I want my site to be fluid I need to find a way to
have the image scale with the container. I could have sworn I saw
how to change this attribute during some online reading I had done
but I can not find it. Can anyone here help?
Dara

Scaling images is usually a bad thing - they will lose both
aspect ratio and
image quality when you do.
However, if you are willing to suffer these indignities, you
can place an
image into a div that is 100% height/width (of whatever the
<div> tag's
contaner is), and make the image 100% height/width as well.
Depending on
the layout, that could accomplish your goals.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Dara_BSI" <[email protected]> wrote in
message
news:f4vm0n$kei$[email protected]..
>I am working on my site and I am constructing it using
only external CSS. I
>am
> looking for a different look than I have previously done
and want to use
> an
> actual image for the back ground of one of the DIV
containers rather than
> just
> a color. My problem has been since I want my site to be
fluid I need to
> find a
> way to have the image scale with the container. I could
have sworn I saw
> how to
> change this attribute during some online reading I had
done but I can not
> find
> it. Can anyone here help?
>
> Dara
>

How to make a div clickable and still be w3c compliant

Can someone help me to make a div clickable so it is still w3c compliant?This is my current div and it seems to work, but when I check for compliance I get "unexpected end tag (a not expected). ???
<div id="pic-wrapper">
<a href="../index.htm"><div id="pic"></div></a></div>
Appreciate any help. Thank you.

This is something I've never needed to do mysefl, but it ought to work ok. And do not remove your standard a tag with its link currenlty inside the div so Search Engines will be able to spider the link and users without javascript will be able to reach it as well. I've added the code in orange:
<div id="pic-wrapper" onclick="location.href='http://www.yourwebsite.com/index.htm';" style="cursor: pointer;">
<a href="../index.htm"><div id="pic"></div></a></div>
I just guessed your link was to the homepage, so that is what I replicated in orange, but of course you would be sure to change the link to the correct absolute address.
Let us know how this works for you.
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

How to make floating image with dim background

hi guys, i would like to know how to make a floating image and the background will dim? like for example when you click a thumbnail, the bigger version of that image will pop up on the same page and will have a dim background? can someone point me to a tutorial? any help would be appreciated, thanks in advance!

Hi,
If you look at the tutorials in fireworks such as changing images/rolover images you will start to get an understanding.
Cheers

How to make a sphere clickable

Hi guys,
I've been programming in Java for a while, and am very new to Java3D. I have the code below which displays a simple sphere in a box. I have some things I'd like to do but am unsure of how to go about them.
import com.sun.j3d.utils.geometry.*;
import com.sun.j3d.utils.universe.*;
import javax.media.j3d.*;
import javax.vecmath.*;
import com.sun.j3d.utils.behaviors.mouse.MouseWheelZoom;
import java.awt.event.*;
import java.awt.event.WindowAdapter;
import java.awt.*;
public class prototype1 {
public prototype1() {
SimpleUniverse universe = new SimpleUniverse();
BranchGroup group = new BranchGroup();
Sphere sphere = new Sphere(0.5f);
TransformGroup maing = new TransformGroup();
maing.addChild(sphere);
   group.addChild(maing);
   Color3f light1Color = new Color3f(1.8f, 0.1f, 0.1f);
   BoundingSphere bounds = new BoundingSphere(new Point3d(0.0,0.0,0.0), 100.0);
   Vector3f light1Direction = new Vector3f(4.0f, -7.0f, -12.0f);
   DirectionalLight light1 = new DirectionalLight(light1Color, light1Direction);
   light1.setInfluencingBounds(bounds);
   group.addChild(light1);
   universe.getViewingPlatform().setNominalViewingTransform();
   universe.addBranchGraph(group);
public static void main(String[] args) { new prototype1(); }
}The first thing I cannot do is figure out how to resize the window that the sphere appears in.
The second thing I cannot do is to make the sphere clickable, so that when you click on it a simple System.out.println occurs. I have looked around and found a group.setPickable(true); sort of statement, can this be applied here? Or is a better method to have a button over the sphere and make it invisible? Or is there some way to detect the co-ordinates of the panel that have been clicked? If anyone has any ideas or can point me towards some good tutorials that would be fanatastic,
Thanks
Beccy

Hi!
Right have figured out the first problem by myself!
This is my code so far:
import com.sun.j3d.utils.geometry.*;
import com.sun.j3d.utils.universe.*;
import javax.media.j3d.*;
import javax.swing.BoxLayout;
import javax.swing.JFrame;
import javax.vecmath.*;
import com.sun.j3d.utils.behaviors.mouse.MouseWheelZoom;
import java.awt.event.*;
import java.awt.*;
public class prototype1 {
public prototype1() {
     JFrame.setDefaultLookAndFeelDecorated(true);
     JFrame frame = new JFrame("Prototype Visualisation");
     frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
     Panel canvasPanel = new Panel();
     canvasPanel.setLayout(new BoxLayout(canvasPanel, BoxLayout.Y_AXIS));
     GraphicsConfiguration config = SimpleUniverse
            .getPreferredConfiguration();
     Canvas3D canvas = new Canvas3D(config);
     canvas.setSize(700,450);
     canvasPanel.add(canvas);
     frame.add(canvasPanel);
     frame.pack();
     frame.setVisible(true);
   SimpleUniverse universe = new SimpleUniverse(canvas);
   BranchGroup group = new BranchGroup();
   Sphere sphere = new Sphere(0.1f);
   sphere.setPickable(true);
   TransformGroup maing = new TransformGroup();
   maing.addChild(sphere);
   group.addChild(maing);
   Color3f light1Color = new Color3f(1.8f, 0.1f, 0.1f);
   BoundingSphere bounds = new BoundingSphere(new Point3d(0.0,0.0,0.0), 100.0);
   Vector3f light1Direction = new Vector3f(4.0f, -7.0f, -12.0f);
   DirectionalLight light1 = new DirectionalLight(light1Color, light1Direction);
   light1.setInfluencingBounds(bounds);
   group.addChild(light1);
   //group.setPickable(true);
   universe.getViewingPlatform().setNominalViewingTransform();
   //TransformGroup cameraTransform = universe.getViewingPlatform().getViewPlatformTransform();
   //cameraTransform.setTransform(getCameraTransform(5.0));
   // add the group of objects to the Universe
   universe.addBranchGraph(group);
public static void main(String[] args) { new prototype1(); }
}

How to make an image clickable region?

Similar Messages

Maybe you are looking for