HTML - Quick Question On Putting Words On Images...
How do you put words on top of images? this is an example of a image I want to put words on. http://img515.imageshack.us/img515/5...xfornabfk3.jpg
how do i do it? Similar TutorialsHi All, I am new to the board and new to HTML. I was hoping someone could help me out with this problem I am having. If you click the link below and click "like" (you can unlike right after, I just would like to show you something on the page) and scroll down to What's on the menu. Could you please help me with how to create something like this. What I mean by this is notice how when you click on one of the red dots it brings you to a different recipe on the page. Any help would be amazing and greatly appreciated. Please let me know if i need to specify more. Thanks so much! http://www.facebook.com/saraleedeli?...81140685241673 I have taken a photo with my camera and need to put it on the web. How do I insert the image from my local computer PC to html code so when people search the web they see the picture on that web page? I am not a HTML guru. Any help is appreciated. Thank you all. Hi everyone i am having trouble with an image. I am trying to get my link clickable and have it so i can define the dimensions. This is the code i have. Code: <a href="http://www.smokethosetires.com/mustang.jpg"><img src ="mustang.jpg"></a> How can i alter that code so i can use this width="200" height="200"> Do you guys know if the amount of traffic that a website receives will have any effect on it's search engine rankings? i want to change this html that instead of the text element the script "copy" will copy to the clipboard the current URL. I've tried to call it with location.href but with no luck. Code: <form name="formtocopy" action=""> <textarea name="texttocopy"> A whole bunch of text here that will be copied. </textarea> <br> <a href="javascript:copy(document.formtocopy.texttocopy);">copy</a> </form> thanks hi there ive just created some buttons in photoshop and inserted them into my website i want the buttons to be together but there is space between them. this isnt a photoshop problem. is there a way i can get them together? please see http://geocities.com/stuartlittle13/home5.html to see my example any help would be greatly appreciated stu just wondering..I guess if i think about it for a few more minutes i'll realize the answer.. but i'm done thinking for the day question.. when you make a function why do you put variables in the () right after the function.. what purpose does it serve? whats the difference in putting them in the () vs putting them just in the function or something? I feel like i'm missing something thanks everyone HI I CREATED A WEBSITE USING FRAMES AND I USED THE DOCTYPE: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> IT ALL APPEARS FINE ON INTERNET EXPLORER 6, BUT WHEN ON INTERNET EXPLORER 7 IT APPEARS DIFFERENTLY.. AND I WAS WONDERING AM I USING THE INCORRECT DOCTYPE? SHOULD I BE USING A FRAMESET DOCTYPE? ANY HELP APPRECIATED.. THANKS IN ADVANCE JACK I have a wordpress blog I need a little help with. In my navbar I have a link called "Dog Food Review". I want it so when people put their mouse over that link a drop down menu comes down and list my links under my Blogroll.. specifically the ones under Dog Food Reviews. I have an ebay store and i want to make it custom but i'm too much of a noob to figure it out.I basically want the html code from http://stores.ebay.com/iCollected I need the part in the middle where it shows "all items" and the list of items below it.Is there anyway this can be done easily?I can do the rest but i just need that code.If anyone can help i would greatly appreciate it i'm an idiot novice and i have a set of checkboxes i want to display... <table> <tr> <td> <input name="1" type="checkbox" value="1" />PROVISIONAL<br/> <input name="2" type="checkbox" value="2" />COMPLETE<br/> <input name="3" type="checkbox" value="3" />PARTIAL<br/> <input name="4" type="checkbox" value="4" />FINAL<br/> <input name="5" type="checkbox" value="5" />PROGRESS<br/> <input name="6" type="checkbox" value="6" />ADVANCE </td> </tr> </table> however, when it displays on the page...they are staggered like this... one two three etc. i can add another break after each checkbox but that puts too much space between each checkbox....is there anything i can do? thanks in advance! Hi all - I bet this is a quick one, but it's new to me I tried to validate a page I just built in xhtml transitional and got errors on the use of   on my page. I've researched this afternoon and found other recommended code to use -   and/or 00A0 for a non breaking space instead but I'm still not able to validate. I am using the code as a space between several pictures I have on a page all in a row. Is there other code I should be using that will validate instead of  ? Maybe I'm just not using the code correctly - should I have it in quotes? " " or "00A0"? Thanks - MN Hey guys, I'm trying to figure out how to do something that is probably pretty simple, but I'm not quite sure how to make it work. In the following link, the text that says "1", "2", and "3" is clickable. http://thebestinfo.org/test123.html What I'd like to do is make the entire red area of each of the 3 parts clickable. For example, the entire top red area should hyperlink to 1.html, the entire middle red area should hyperlink to 2.html, and the entire bottom red area should hyperlink to 3.html. Does anyone know what I would have to change to make this work? Here is the entire HTML code for that page... Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style type="text/css"> body { background: white; } #nav ul { list-style: none; } #nav li { background: Red; width: 50%; margin: auto; height: 2em; text-align: center; padding-top: 1em; } #nav li a { text-decoration: none; color: White; } </style> </head> <body> <div id="nav"> <br /> <ul> <li><a href="1.html">1</a></li><br /> <li><a href="2.html">2</a></li><br /> <li><a href="3.html">3</a></li><br /> </ul> </div> </body> </html> Thanks! Hi all, I sell a CD online via paypal and I simply want to change the price from $9 to $7, however I don't want to have to recreate a button. Could someone kindly tell me how this can be done using html? I tried changing the price, but I accidentally made it so when you click the "Add To Cart" button, it looks like there are two cds available, one for $9 and one for $7. Here is the html code I currently have: <p> <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but22.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"> <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> <input type="hidden" name="add" value="1"> <input type="hidden" name="cmd" value="_cart"> <input type="hidden" name="business" value="napolst@gmail.com"> <input type="hidden" name="item_name" value="the good mixtape"> <input type="hidden" name="amount" value="7.00"> <input type="hidden" name="no_note" value="1"> <input type="hidden" name="currency_code" value="USD"> <input type="hidden" name="lc" value="US"> <input type="hidden" name="bn" value="PP-ShopCartBF"> </form> Also, here is the myspace site I sell the CD at, just in case you wanted to take a look: www.myspace.com/estrellahiphop Your help would be much appreciated. Thank you very much! Taybot I want to set up a rollover that triggers two alternative images to change So if there's three images: A, B & C - when B is rolled over A & C change. I've managed to work out how to get A to change but not C as well. This is what I mean: http://www.randam.org/test/test.html How do I get B to trigger A & C? This the code I'm using at the moment: <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>ABC test</title> <script type="text/javascript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> </head> <body onLoad="MM_preloadImages('A2.gif')"> <img src="A1.gif" name="A" width="30" height="30" /> <img src="B1.gif" width="30" height="30" id="A" onMouseOver="MM_swapImage('A','','A2.gif',1)" onMouseOut="MM_swapImgRestore()" /> <img src="C1.gif" width="30" height="30" /> </body> </html> thanks, Rich because of this issue, i wasnt sure whether to post it under javascript or this section of the forum.. so i chose here.. I am simply trying to clear a textbox when the user clicks in it (its going to be a search box) in html 4 transitional this works: onFocus="javascript:this.value=''" the site i am coding it for however is in xhtml and this is not working. im sure it is probably something stupid and simple, but does anyone know why this is not working for me - or another way around it? thanks in advance! Hey guys, so I'm building my script right now and it's going quite well. I used Javascript to capture input from text box and display it later using the <span id=''> command. What I'm trying to do is show the <span id=''> in more than one spot. For whatever reason it won't let me do this, it will only display in one spot and not the other. So to clarify, I used the var bride = document.getElementById('bride').value; document.getElementById('bride2').innerHTML = bride;(sorry for the javascript) and then used span id later to display it which works fine when you only want to display it in one spot. When I go to display it in two spots, I believe the span id tags are getting confused with each other and fighting. Is there any way to fix this? My form includes two checkboxes: Code: Remember password? <input type="checkbox" name="rememberPassword" value="on" checked/> <b><i><font color="#35A02C"> (deselect if using a public computer)</font></i></b><br/> Automatic login? <input type="checkbox" name="autoLogin" value="on" checked/><br/> How can I make it so that if the user deselects the first checkbox, the second will be automatically deselected aswell? Thanks, James Hi all, first timer. I was wondering... When you type in the address bar www.google.com/maps It loads the page just fine. For my advertising this it would be nice if I could get my page loading without ".html" It just looks cleaner. I was wondering how does one achieve this? ( No it isn't my first page its a secondary ) Regards, Mike. Ok i have a form that i would like to post data to an iframe from and i get it to work with the iframe on the page. but once i try to post to the iframe on a different page then the form is on my iframe doesn't show anything here is a sample of what i was using to get it to work all on the same page and i am trying to get the iframe to work on property-search-mls.php Code: <form id="searchForm" name="searchForm" target="iframe" action="http://www.mlsfinder.com/oh_cbr/streetsothebysrealty/index.cfm" method="post" onSubmit="document.getElementById('iframe').src='http://www.mlsfinder.com/oh_cbr/streetsothebysrealty/index.cfm';"> <input id="action" name="action" value="newsearchsession" type="hidden"> <input id="search" name="search" value=" Search for Properties" type="submit"> <iframe name="iframe" id="iframe" width="100%" height="800"></iframe> if anyone can give me some insite on this i would be forever greatful i have spent a good part of today trying to get this to work thanks T |