How do I make the image to a link?

I am trying to make the image a link. I have the facebook logo position on the left sidebar, but I need to make it a link. Here is my code:
<div id="sidebar">
<span style="position: absolute; background: url(images/certificate.png); background-repeat: no-repeat; width: 250px; height: 150px; left: 160px; color:#600;">
<p style="position: absolute; bottom: 44px; left: 3px; width: 210px; height: 90px; font-size:11px;">
Alan is a certified Renovation, Repair and Painting Contractor. </p>
<p style="position:absolute; bottom: -6px; left: 2px; width: 220px; height: 90px; font-size:12px; font-style:oblique; color:#600;">
Click to see certificate</p></span>
<span style="position: absolute; background: url(images/facebook_logo.png); background-repeat: no-repeat; width: 250px; height: 150px; top: 420px; left: 160px; color:#600;"></span>
<p><a target="_blank" href="http://www.facebook.com/pages/WE-SHOW-UP/198687606583?ref=ts%3Cimg%20src="></p>
<span style="position: absolute; background: url(images/facebook_logo.png); background-repeat: no-repeat; width: 250px; height: 150px; top: 420px; left: 160px; color:#600;"></span>
<span style="position: absolute; background:url(images/BBB.png); background-repeat: no-repeat; width: 250px; height: 150px; top: 500px; left: 160px; color:#600;"></span>
</div>
Something went wrong here, because the whole right side became the link, but the facebook logo is not working.
Here is the image.
Thanks!

<a target="_blank" href="http://www.facebook.com/pages/WE-SHOW-UP/198687606583?ref=ts%3Cimg%20s rc=">
It's also missing any meaningful HTML to apply that link to!
The code is so horrible I'm not sure there is a simple fix. It appears that you are wanting that link to apply to the facebook image which is used as a background image -
<p><a target="_blank" href="http://www.facebook.com/pages/WE-SHOW-UP/198687606583?ref=ts%3Cimg%20s rc="></p>
<span style="position: absolute; background: url(images/facebook_logo.png); background-repeat: no-repeat; width: 250px; height: 150px; top: 420px; left: 160px; color:#600;"></span>
But you cannot apply a link to a background image. Ideally, you would have something like this -
<p><a target="_blank" href="http://www.facebook.com/pages/WE-SHOW-UP/198687606583?ref=ts%3Cimg%20s rc="><img src="images/facebook_logo.png"/></a></p>
Where the image is contained within the anchor tags. But that's not possible given the code we have been shown - the whole layout approach would need to be changed.
Where did this code (*ew*) come from?

Similar Messages

How can I make the image number biger in a PDF presentation?

How can I make the original image number, biger, located on the lower part of the picture in a PDF presentation so people don't have to zoom in 50% or 100% in order to see number of each picture in a automate PDF presentation. Thank you for your help

When a document is signed, the signer has the option of locking the document. The links won't be active if the document is locked, so to avoid this, instruct the signer not to lock when signing.

How do I make the images look clear in PDF when converted from MS Word?

Hi
When I convert an MS Word-2010 file (which contains images also) to PDF through Acrobat X Pro, some images which are of bigger size do not look very clear. Is there any workaround for this problem? Please reply. It's quite urgent.
Thanks

In my experience (not necessarily the best), I find it best to rescale image copies with a graphics package before importing into WORD or whatever. Resize and then set the resolution to about 600 dpi before you import. The issue of using the clipboard appears to be an issue with WORD 2007 and such. I clipped a 300 dpi image into my technical word processor and then back to a graphic editor and all was preserved. I did the same with WORD 2007 and everything got messed up and the resultant image looked terrible. In fact, in WORD I got the same result if I imported the picture or clipped it from my graphics package. So it appears there are some strange issues with WORD itself.
I am not trying to make any claims here, but just making an observation. The original image was at 300dpi. WORD also changed the 8-bit B&W photo to a 24-bit photo and reduced the number of pixels from 774 per width to 252 per width about a factor of 3 reduction in pixel resolution when clipped. When I expanded the image size in WORD, then the clip size increased also. When I do the same expansion of the image size in my word processor and then clip back to IrfanView, the original image is retained. My only conclusion is that OFFICE 2007 plays around with graphics and it does not seem to make any difference if you clip the image into WORD or import it, WORD still messes around with it. My guess this is just a general MS thing.
Some folks a year or 2 ago got me to looking at nice sunsets in PPT. There were all sorts of issues with creating the PDF (AA8) from the PPT to get a reasonable result. The image obtained from the MS converter seemed to keep the picture nice. The images obtained from PDF Maker and printing to the Adobe PDF printer gave slightly different results and tended to break the image into smaller parts that often left little lines in the picture if you zoomed in. Folks were blaming this on Acrobat and yet using the same version of Acrobat with OFFICE 2003 the sunset came out great.
This post is a bit jumbled, but the jist is that a lot of the graphics issues with WORD files seem to go back to WORD itself and possibly with hooks MS put into OFFICE (OK, no proof on that and probably impossible to prove) to mess up Acrobat conversions. It would be interesting to see if the same result for the PDF is obtained from other converters, or if it is just something that OFFICE 2007 does "nicely" for Acrobat.
Sorry for going off the deep end, but I just have a major annoyance with OFFICE starting with 2007, particularly for things like this. They couldn't get equations right either, just one more thing that they messed up. As far as I am concerned, a lot of the issues stem from MS and not Acrobat.
Just for the heck of it, I ran the PPT picture through Open Office and used both the PDF export and the print to the Adobe PDF printer. Both retained the full image. However, when clipping from OOP to Irfanview, the resolution was 96dpi. The result seemed to be dependent on the zoom. So there are definitely some issues with copy and paste, at least with how some packages handle it.

How do i make the images and words appear smaller

some of the websites i go to appear larger than others. is there a zoom option on firefox?

Reset the page zoom on pages that cause problems: <b>View > Zoom > Reset</b> (Ctrl+0 (zero); Cmd+0 on Mac)
*http://kb.mozillazine.org/Zoom_text_of_web_pages
You can use this extension to set a default font size and page zoom on web pages:
*Default FullZoom Level: https://addons.mozilla.org/firefox/addon/default-fullzoom-level/

How do you make the font of a link different to the link font in Page Properties?

In my case, I've designated links as Century Gothic, 16, black in Page Properties. I want most of the links on my page to be like that. However, there is one link that I'd like to look different (I want it to be size 12). How would I change that without changing the other links?

Hi Bob,
If the link change is only going to be happening on a single page, you might
want to take a look at using an internal style sheet or using a inline style to
achieve the look you seek.
Below is a link to perhaps help you to understand the use of css.
http://www.w3schools.com/css/css_howto.asp
Leonard B

How can you make an image an hotspot link for an email or paypal account?

I have completed my first website using fireworks first then dragging it to dreamweaver cs6. My client is ready to launch their site. Two issues. I am literally trying to hotspot link an image for an email and paypal account. A few of my friends who are also website designers are having the same issue. Can this problem be solved so I can get paid?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<img src="FlightMiracle.fw.png" width="1600" height="3000" usemap="#Map" border="0" />
<map name="Map" id="Map">
<area shape="rect" coords="1281,34,1396,69" href="#mailto:[email protected]" alt="Contact" />
<area shape="rect" coords="1001,27,1163,71" href="#<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XDVDENF8NGXZN">
<input type="image" src="http://www.flightmiracle.com" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
" alt="Cart" />
<area shape="rect" coords="1206,263,1422,307" href="#<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XDVDENF8NGXZN">
<input type="image" src="http://www.flightmiracle.com" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
" alt="cart" />
<area shape="rect" coords="1185,32,1271,77" href="#fmabout" />
</map>
</body>
</html>

How do I make iPad images high quality in Photoshop?

I'm a graphic designer and I tried setting the resolution higher with my 1024 x 768 image but it still looks crappy when viewd on my iPad 2. How do I make the image higher quality when I save it? I use Adobe Photoshop cs4.
Thanks

Photos that are synced via iTunes get 'optimised' during the transfer, though I don't know what the optimisation actually does (and it's not possible, as far as I know, to bypass the optimisation when syncing photos). If you want your versions of the photos on the iPad then you could try the camera connection kit, emailing them to yourself (and then saving to Photos), or one of the wifi photos transfer apps - though the photos will only go into the camera roll/saved photos album (at least until iOS 5 which should allow us to move photos between albums)

How can you make an image change every time you refresh a page?

Hi.
I've recently redone my website and was wondering how I could make the image on my main page change every time you refresh the page?
Like is there a certain script you can use?
Here's my website
www.liamfawcett.com
Thanks

Copy & Paste the following JavaScript code between the <head> and </head> tags in your HTML document, in Code View of course.
<script type="text/javascript">

</script>
In the array, change URLs (http://www.example.com) to your own links. Change images (some_image.gif) to your own images.
Save page. Preview in browser. Hit refresh (F5 or Ctrl+R) to see the images change.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Sorry I'm new to Final Cut Express. How do you make an image (jpeg file for example) move across the screen slowly as I've seen in many films.

Sorry I'm new to Final Cut Express. How do you make an image (jpeg file for example) move across the screen slowly as I've seen in many films.

Neil from bristol wrote:
… How do you make an image … move across the screen …
by setting KEYFRAMES
(read, what FC/e's built-in Help-feature tells about it)
resize and set pic to start position
set keyframe
move playhead in timeline to desired length
set pic to end position
set keyframe …

When I print a webpage from FF how can I make the text and images bigger?

I am trying to print an eticket for a flight. The text on the schedule comes out too small and the UPC symbol's black lines look ganged together. I know I can view it zoomed up, but how do I make the text and images stay zoomed so they will print out that way?

I upgraded but the problem remains. At least with Firefox I do have the option to print a selection even if it mangles the top and bottom lines. With Safari or Chrome I have no option to print a selection. At the moment the only way to get a complete copy of the selection is to copy to openoffice etc and print from there.

How do I make the background in an image transparent?

...How do I make the background in an image transparent?

It sounds like you're gif is a picture of a white background with a black chess piece on top. If that's the case, you're going to have to cut the black chess piece out of the gif. Save ~just~ the image of the chess piece. Discard the white background. Use only the image of the black chess piece with no background image at all.
Keep in mind that Java doesn't know that the white background isn't a part of the image. It doesn't understand that the white part is just the background. As far as it's concerned, the whole gif is the image. Only the component that ~contains~ that gif can become transparent.
So, if you want to have a white background to start with and then have that background become transparent when the piece moves, make the background of the ~component~ holding the image of the chess piece white. When the piece moves, have the background of the component holding the image of the chess piece become transparent.

If you make a picture in pages.... how do i duplicate the image on the same page multiple times????????!!!!

If I make a little picute in pages ... HOW DO I DUPLICATE THE IMAGE MULTIPLE TIMES ON THE SAME PAGE!11?????!!!!

Or you can hold down the Option key while you click on the image and drag to create a copy. Then Select All and repeat. Repeat again, each time doubling your image count. You may, at an early stage, want to align your photos so that they will be in position when you Option-Drag the next set.
Walt

How can I make an image placed in the body tag expand to the entire width of the browser?

How can I make an image placed in the body tag expand to the entire width of the browser?I

background-repeat -- best used with small image tiles.
background-gradient - Ultimate CSS Gradient Generator - ColorZilla.com
background-size:cover - Resizable Full Page Background Image
Nancy O.

How can I make the combo box turn to the value of black.

When the show button is pressed (and not before), a filled black square should be
displayed in the display area. The combo box (or drop down list) that enables the user to choose the colour of
the displayed shape and the altering should take effect immediately.When the show button is pressed,
the image should immediately revert to the black square, the combo box should show the value that
correspond to the black.
Now ,the problem is: after I pressed show button, the image is reverted to the black square,but I don't know
how can I make the combo box turn to the value of black.
Any help or hint?Thanks a lot!
coding 1.
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import javax.swing.event.*;
public class test extends JFrame {
     private JPanel buttonPanel;
     private DrawPanel myPanel;
     private JButton showButton;
     private JComboBox colorComboBox;
private boolean isShow;
     private int shape;
     private boolean isFill=true;
private String colorNames[] = {"black", "blue", "cyan", "darkGray", "gray",
"green", "lightgray", "magenta", "orange",
"pink", "red", "white", "yellow"}; // color names list in ComboBox
private Color colors[] = {Color.black, Color.blue, Color.cyan, Color.darkGray,
                          Color.gray, Color.green, Color.lightGray, Color.magenta,
                          Color.orange, Color.pink, Color.red, Color.white, Color.yellow};
     public test() {
     super("Draw Shapes");
     // creat custom drawing panel
myPanel = new DrawPanel(); // instantiate a DrawPanel object
myPanel.setBackground(Color.white);
     // set up showButton
// register an event handler for showButton's ActionEvent
showButton = new JButton ("show");
     showButton.addActionListener(
          // anonymous inner class to handle showButton events
     new ActionListener() {
               // draw a black filled square shape after clicking showButton
     public void actionPerformed (ActionEvent event) {
                         // call DrawPanel method setShowStatus and pass an parameter
          // to decide if show the shape
     myPanel.setShowStatus(true);
               isShow = myPanel.getShowStatus();
                                        shape = DrawPanel.SQUARE;
                    // call DrawPanel method setShape to indicate shape to draw
                                        myPanel.setShape(shape);
                    // call DrawPanel method setFill to indicate to draw a filled shape
                                        myPanel.setFill(true);
                    // call DrawPanel method draw
                                        myPanel.draw();
                         myPanel.setFill(true);
                         myPanel.setForeground(Color.black);
               }// end anonymous inner class
     );// end call to addActionListener
// set up colorComboBox
// register event handlers for colorComboBox's ItemEvent
colorComboBox = new JComboBox(colorNames);
colorComboBox.setMaximumRowCount(5);
colorComboBox.addItemListener(
     // anonymous inner class to handle colorComboBox events
     new ItemListener() {
     // select shape's color
     public void itemStateChanged(ItemEvent event) {
     if(event.getStateChange() == ItemEvent.SELECTED)
     // call DrawPanel method setForeground
     // and pass an element value of colors array
     myPanel.setForeground(colors[colorComboBox.getSelectedIndex()]);
myPanel.draw();
}// end anonymous inner class
); // end call to addItemListener
// set up panel containing buttons
     buttonPanel = new JPanel();
buttonPanel.setLayout(new GridLayout(4, 1, 0, 50));
     buttonPanel.add(showButton);
buttonPanel.add(colorComboBox);
JPanel radioButtonPanel = new JPanel();
radioButtonPanel.setLayout(new GridLayout(2, 1, 0, 20));
Container container = getContentPane();
container.setLayout(new BorderLayout(10,10));
container.add(myPanel, BorderLayout.CENTER);
     container.add(buttonPanel, BorderLayout.EAST);
setSize(500, 400);
     setVisible(true);
     public static void main(String args[]) {
     test application = new test();
     application.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
coding 2
import java.awt.*;
import javax.swing.*;
public class DrawPanel extends JPanel {
     public final static int CIRCLE = 1, SQUARE = 2;
     private int shape;
     private boolean fill;
     private boolean showStatus;
private int shapeSize = 100;
private Color foreground;
     // draw a specified shape
public void paintComponent (Graphics g){
          super.paintComponent(g);
          // find center
int x=(getSize().width-shapeSize)/2;
          int y=(getSize().height-shapeSize)/2;
          if (shape == CIRCLE) {
     if (fill == true){
     g.setColor(foreground);
          g.fillOval(x, y, shapeSize, shapeSize);
else{
               g.setColor(foreground);
g.drawOval(x, y, shapeSize, shapeSize);
          else if (shape == SQUARE){
     if (fill == true){
     g.setColor(foreground);
                    g.fillRect(x, y, shapeSize, shapeSize);
else{
                    g.setColor(foreground);
g.drawRect(x, y, shapeSize, shapeSize);
// set showStatus value
public void setShowStatus (boolean s) {
          showStatus = s;
     // return showstatus value
public boolean getShowStatus () {
          return showStatus;
     // set fill value
public void setFill(boolean isFill) {
          fill = isFill;
     // set shape value
public void setShape(int shapeToDraw) {
          shape = shapeToDraw;
// set shapeSize value
public void setShapeSize(int newShapeSize) {
          shapeSize = newShapeSize;
// set foreground value
public void setForeground(Color newColor) {
          foreground = newColor;
     // repaint DrawPanel
public void draw (){
          if(showStatus == true)
          repaint();

Hello,
does setSelectedIndex(int anIndex)
do what you need?
See Java Doc for JComboBox.

How can I make the background one solid color? It is too difficult and noticeable when I use the retouch button and try to erase all the creases in my backdrop. So, how can I have just a solid white background?

How can I make the background one solid color? It is too difficult and noticeable when I use the retouch button and try to erase all the creases in my backdrop. So, how can I have just a solid white background?

When talking about a specific image posting the image may be useful.
One can use a Layer Mask and add a white Layer underneath.

How do I make the image to a link?

Similar Messages

Maybe you are looking for