HTML - Live Links Over A Jpeg Image. Help Please
Hi,
I'm hoping you guys can help me. I'm very new to all this so i apologize if my questions seem dumb. I'm starting a new business and selling on Ebay. Instead of doing all my listing in HTML code I'm doing it on Photoshop, then hosting it on Photobucket and then putting the HTML code for it in the Ebay HTML code box etc. This is all fine and works. I'm doing it this way as I know what I'm doing with Photoshop but don't have a clue with HTML tbh. I also need to get it all up and running asap. The problem is I want live links on my listing so that when the text is clicked on, it will take customers to my website, other products etc. Obviously i cant embed the HTML code for the links as its just a jpeg hosted image. Does anyone know a way I can somehow overlay the links over the image using HTML in the Ebay HTML code box? Is there some kind of code to overlay the text over the image, position it accurately and as a live link? Any help or guidance would be really appreciated. Thanks, Chris. Similar TutorialsCan someone please tell me the difference between a gif, png and jpeg image? I know gif images are a lower quality of the three right but what exactly is the difference between a png format with jpeg. Does a jpeg image just have higher quality then a png? I need to know this so I make sure to compress images correctly in the future so I do not bog down my website or sites I do in future, thanks everyone who responds it is appreciated. Hi, When to use GIF and when to use JPEG, What's the basic rule of thumb? Regards, Pretty ok im building a website for xbox live game Project gotham racing 4 i want to build a league for the game on my website so when people racing it will add points to the league i would like it targeted only to the people that use the website and not the entire world any one point be in the right direct or help me out with this www.forumsg.co.uk I plan to work on a photo gallery and I would like the users to be able to get a magnifying glass that lets them make a default picture bigger (+) or back to default size (-). Sample Web site <http://www.koulut.naantali.fi/oppilaat/samuli.rantala/Maantieto/South%20Korea%20map.jpg> How do I do it? I have a DIV that is a fixed size. I want to display a JPG within the div that is stored elsewhere. The problem is the jpg used can change and can be any size. What I want to try and achieve is to scale this jpg so it fits within the div but still maintainig its original proportions. Is there anyway to do this using HTML and CSS, or do I have to use JS? Thank you for any help in advance. hello there... if any one can help thanks in advance i am making a site for my class as a final project its about me and when i tested with firefox everything is perfect loads up in no time and when i test them in ie they dont dont seem to come up the page just loads for ever... if it was for me i wouldnt care about ie but i think my teacher preffers ie for her own use so i have to get it to work in ie ... is there anything i can do to make it work... she told me to slice the images down and load them to a table by pieces it would work should i try that... Hello everyone, I am looking for some HTML help. I am injecting some code into my Squarespace website builder to have my sites banner be a .SWF file. It's simple and it works: <div style="position:absolute;margin-top:-44px"> <object width="373" height="50"> <param name="movie" value="test_flash_banner.swf"> <embed src="/storage/test_flash_banner.swf" width="373" height="50"> </embed> </object> </div> What I want to do is have it show a jpeg instead of the .swf, if you user can't see .swf files (doesn't have an up to date flash player) Is there a way to do that? is there like a slick way to view a list of files in a ftp directory in html code? Hello, im new to html. I am making a basic website and have used some images to link to my other pages. However the links do work but everytime i use them the new page opens in a new window. I have clicked the normal non-image links and they open in the same window. I would link the image links to open in the same window but i am unsure how i would do this. The code which i have used for my images is the following: <a href="http://E:\Website\ContactUs.html" target="_blank"> <img src="E:\Website\Contactusbutton.PNG"height="66" border="2"/></a> Hope someone can help, Thanks. So I made an images and I want to be able to link the image to a target Is there a way we can link the images to different targets without cutting the picture u? heres an example I have an large image with 10 different girls.. Is it possible to click each individual with a different target? Matt Hello, I'm just starting out with html and I am taking a course. I got this assignement to create a website that will include 9 questions, for each right answer one part of a picture(that I have sliced into 9 parts already)will appear. I was thinking something like this, it's a bit rough but you get the idea: If you get the first answer right, the first part of the 9 parts should appear, if wrong nothing would happen. The true or false text should be some kind of hyperlink. I'm really clueless of how to solve this task and I would appreciate some help, I am working in Dreamweaver CS5 for the record. Thanks. I have this image of 5 boxes that all should lead to a differnt link. How to I put in five different links in the specific spots? Hi, I have very little coding experience, but am trying to set up a page for a friend. I'm having a bit of trouble with some of my text (some links in particular) hiding behind an image. It displays perfectly in Firefox, but is messed up in IE7. Was wondering if someone could take a look at my code and see if they can see what the problem is? http://vitalia.100webspace.net/ The only coding I've ever done was html don't know any css haven't ever used ftp or anything like that. I've just learned a bit here and there on the net while building a couple of personal pages. I tried putting in some td and tr tags but that makes my entire table disappear. *sigh* Hi there, I am not able to figure out why there are blue lines around my images on this page http://www.surveys.hottestdeals.info. If i want to get rid of them, where should i make the changes in CSS sheets? Thanks for any help. Kris http://www.grannysoycandles.com The menu links on the left side are working in IE but not in FF. Its only when they are in the "buttons" div. I put one in the "body" div and it worked fine. Any ideas why? Internet Explorer works fine Firefox does not weird...usually its the other way around... Quote: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Granny Soy Candles</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> <style type="text/css"> :active, :focus{ outline:none; } </style> </head> <body bgcolor=#E0E0E0> <div id="div1"> <div id="banner"> <img src="http://www.grannysoycandles.com/images/banner.jpg"> </div> </div> <div id="div2"> <div id="body"> <center><b><h3>Welcome To Granny Soy Candles</h3></b></center> Welcome to the new home of Granny Soy Candles. Please be patient while the site is updated and created. We will be up and running within the next few weeks. Very soon we will be providing you with quality soy candles that are better for your home and your family. Please come back and visit us soon! <br> </div> <div id="buttons"> <a href="http://www.grannysoycandles.com/"><img src="http://www.grannysoycandles.com/images/home1.jpg" border="0"></a> <br> <a href="http://www.grannysoycandles.com/candles.html"><img src="http://www.grannysoycandles.com/images/candles0.jpg" border="0"></a> <br> <img src="http://www.grannysoycandles.com/images/button0.jpg" border="0"> <br> <img src="http://www.grannysoycandles.com/images/button0.jpg" border="0"> <br> <img src="http://www.grannysoycandles.com/images/button0.jpg" border="0"> <br> </div> <div id="div3"> </div> </body> </html> Quote: #div1 { background: url(images/bgheader.jpg) repeat-x; float: left; width: 915px; height: 165px; } #div2 { background: url(images/bgmiddle.jpg); background-repeat: repeat; float: left; width: 915px; } #div3 { background: url(images/bgfooter.jpg) repeat-x; float: left; width: 915px; height: 51px; } #banner { padding-top: 30px; padding-left: 1px; } #buttons { padding-top: 30px; } #body { position: absolute; width: 675px; padding-left: 220px; padding-top: 15px; } Sorry may sound like a noobish question but this is the first time I have made a site, but i have added images to my site as links but they move when the browser window is adjusted, so just wanted to know how to keep them fixed in one position. this is my site: www.d1ndesigns.com thanks Well title says it all, when I try to do an image and have it linked some where a blue box will appear around it only on firefox and IE, not on Opera. How do I get rid of it??? I am using Dreamweaver Help PLEASE! Ok, I have made a main page which is basically an image rollover. The rollover reveals text which is just part of the image. I want to make this text into links. I can't seem to be able to edit the rollover image in Dreamweaver. I tried placing an area map on the original image but that doesn't work. Any suggestions? Thanks muchly! This is so frustrating! I have a set of image links on the home page of my website, just like this: <a href="t-store.aspx"><img border="0" alt="Online Store" src="site/include/cssstore.gif"></a> For some reason, they don't work at all on Safari (on a Mac, no idea about Windows Safari). I don't really see what could possibly be causing that. There doesn't seem to be anything in the CSS that could cause this either, the div is just: text-align: center; float: right; width:200px; Worst comes to worst, I could make them into text (which might have been the right thing to do from the beginning), but now I just want to figure this out! Any ideas? EDIT: Text links didn't work either, but other links on the page do. Is there something that would make links not work in one div on a page? Hello, I have an image that I want to cut into about 10 separate links. Is this hard? How do I do this? Thanks, |