|
HTML - Quick Question Giving Images Actions
Hi 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 Similar TutorialsHow 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? 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 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 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 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"> 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 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 Do you guys know if the amount of traffic that a website receives will have any effect on it's search engine rankings? 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? I am in no way good at HTML so I turn to you guys in need of some help, I am trying to make a site for a friend of mine. This is what I want.. Look at the picture so like if you click anything on the bar it just loads the page in that little reserved section rather than loading the entire HTML page.. It's hard to explain but I've seen it before so.. I know that is like the worst representation ever, But I dont know how else to explain it, you guys know as much as I do xD 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, 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'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! there wasn't a javascript section to this forum, so this seemed the best area. If a browser has javascript disabled, I know it blocks out all background javascript actions, but will it also block a link opening up a specific size javascript window as well? For instance link 1, is to open up a 400x400 window, does javascript blocking prevent it from opening? or will it at least give the user a prompt to allow them to open if they choose too? Haven't touched javascript in quite a while, so I am trying to catch up on some things, and see if I need to find a workaround. Thanks for any information anyone can give me. 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! 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 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 Hey. Is it possible to have a line seperating the collums of a table but having no lines for rows. Bascially i want to do what i have poorly added in in Paint http://img526.imageshack.us/img526/3883/15247409oe7.jpg Is this possible to do? Thanks in advance 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 |
|||||||