|
HTML - Help With Banner Links Html
Hi
So I'm creating a website and I made a banner in photoshop with the Home, About buttons etc on it. I have made text in HTML saying Home, About (and the other buttons) And I have placed it over the buttons on the jpg banner. But now I need to know how to make a box around the text, so anywhere in the box is clickable, rather than just the actual text. Then I can just make the links transparent and Im set! I am a noob... A pic for those confused..... probably all of you : ( i know its not looking great but im still only designing it) http://i1058.photobucket.com/albums/t402...17/pic.jpg I know I could just enlarge the text so it fits the buttons on the picture, but then I would have to change the margins and stuff again and there must be an easier way to do it and I want to learn how. Help will be appreciated PS: If you look at the pic, you'll see the dark grey div. If possible, I would like to know how to get rid of that space between the div and banner. Thanks Similar Tutorialsi have made a one page site for a mate, but what ever i try i can not get the banner to show up, can anyone help me and tell me what i have done wrong please, heres the link to the site. http://a1aerials.info/ Thanks stephen I was posting in a forum on another site, the person helping me got swamped with work and I need this done tonight.. He helped me put links on different parts of my banner, and then he sent me the attachment (that I attached below). I opened it in Adobe Contribute CS4 but I can't figure out how to publish it to get the changes he made onto my blog.. I tried just copying the html and putting it into my blog myself but I'm a nub and that's not working either. Please help! I'm willing to pay, donate to your site/blog, whatever to get this done today! Thanks so much in advance!! HI guys I am joined shareasale and cj and want to place many banners in rotation at top of my home page. How I can do this. I logged into my cpanel account and checked Entropy banners but there I need upload banners, etc. Please give me easy way so I can add/remove banners from rotation. You know shareasale and cj affiliate banners code is a little bit complex than usual links. GCS Hello, I have some problems with HTML, I can not see anything particularly wrong, but the banner and my menu aint hang together in IE, it is about 10 pixels from each other, they sit perfectly with each other browsers, it is only Internet Explorer there the menu and the banner does not hang together. Print Screen: Thank you for helping me! -Kristoffer http://homepage.ntlworld.com/paul.erwin/homepage.html <html> <head> <title>Romanian Aid Distrubution</title></head> <body bgcolor="#ffffff" text="#000000"> <center><img src="http://homepage.ntlworld.com/paul.erwin/banner.jpg" border=0 width=778px></center> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- saved from url=(0014)about:internet --> <table bgcolor="#33bb00" border=0 align=center cellspacing=0 valign=top> <tr><td width=776px><center> <html> <head> <title>horizontal-menu.png</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--Fireworks CS3 Generic target. Created Tue Sep 23 17:01:42 GMT+0100 (GMT Daylight Time) 2008--> <script language="JavaScript"> <!-- function MM_displayStatusMsg(msgStr) { //v1.0 status=msgStr; document.MM_returnValue = true;} 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];}} 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_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];}}} //--> </script> </head> <body bgcolor="#ffffff" onLoad="MM_preloadImages('http://homepage.ntlworld.com/paul.erwin/home-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/home-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/about-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/about-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/newsletter-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/newsletter-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/pictures-button.jpg','http://homepage.ntlworld.com/paul.erwin/pictures-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/pictures-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/videos-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/videos-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/contact-button-rollover.jpg');"> <table border="0" cellpadding="0" cellspacing="0" width="756"> <!-- fwtable fwsrc="Horizontal-menu.png" fwpage="Page 1" fwbase="horizontal-menu.jpg" fwstyle="Generic" fwdocid = "738071944" fwnested="0" --> <tr><td><a href="http://homepage.ntlworld.com/paul.erwin/homepage.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_displayStatusMsg('ROAD - Home');MM_swapImage('horizontalmenu_r1_c1','','http://homepage.ntlworld.com/paul.erwin/home-button-rollover.jpg','horizontalmenu_r1_c1','','file:///http|//homepage.ntlworld.com/paul.erwin/home-button-rollover.jpg',1);return document.MM_returnValue"><img name="horizontalmenu_r1_c1" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c1.jpg" width="83" height="30" border="0" alt="Home"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/about.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_displayStatusMsg('ROAD - About Us');MM_swapImage('horizontalmenu_r1_c2','','http://homepage.ntlworld.com/paul.erwin/about-button-rollover.jpg','horizontalmenu_r1_c2','','file:///http|//homepage.ntlworld.com/paul.erwin/about-button-rollover.jpg',1);return document.MM_returnValue"><img name="horizontalmenu_r1_c2" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c2.jpg" width="85" height="30" border="0" alt="About Us"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/projects.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c3','','http://homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg','horizontalmenu_r1_c3','','file:///http|//homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg','horizontalmenu_r1_c3','','file:///http|//homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c3" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c3.jpg" width="83" height="30" border="0" alt="Projects"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/help.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c4','','http://homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg','horizontalmenu_r1_c4','','file:///http|//homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg','horizontalmenu_r1_c4','','file:///http|//homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c4" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c4.jpg" width="85" height="30" border="0" alt="Ways To Help"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/fundraising.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c5','','http://homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg','horizontalmenu_r1_c5','','file:///http|//homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg','horizontalmenu_r1_c5','','file:///http|//homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c5" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c5.jpg" width="84" height="30" border="0" alt="Fundraising"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/newsletter.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c6','','http://homepage.ntlworld.com/paul.erwin/newsletter-button-rollover.jpg','horizontalmenu_r1_c6','','file:///http|//homepage.ntlworld.com/paul.erwin/newsletter-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c6" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c6.jpg" width="83" height="30" border="0" alt="Newsletter"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/pictures.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c7','','http://homepage.ntlworld.com/paul.erwin/pictures-button.jpg','horizontalmenu_r1_c7','','http://homepage.ntlworld.com/paul.erwin/pictures-button-rollover.jpg','horizontalmenu_r1_c7','','file:///http|//homepage.ntlworld.com/paul.erwin/pictures-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c7" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c7.jpg" width="85" height="30" border="0" alt="Pictures"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/videos.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c8','','http://homepage.ntlworld.com/paul.erwin/videos-button-rollover.jpg','horizontalmenu_r1_c8','','file:///http|//homepage.ntlworld.com/paul.erwin/videos-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c8" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c8.jpg" width="84" height="30" border="0" alt="Videos"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/contact.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c9','','http://homepage.ntlworld.com/paul.erwin/contact-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c9" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c9.jpg" width="84" height="30" border="0" alt="Contact Us"></a></td> <td><img src="http://homepage.ntlworld.com/paul.erwin/spacer.gif" width="1" height="30" border="0" alt=""></td> </tr> </table> </body> </html></td></tr> <tr> <td><center><font size=7><font face="Comic Sans MS">Welcome<br><br><hr width =90%></font></center></td></tr> <br><br><br><br><br> <tr> <td><table border=0 width=400px align=center> <tr><td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/about.html><img src="http://homepage.ntlworld.com/paul.erwin/about.jpg" border=0 width=200px></center></td></a> <td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/projects.html><img src="http://homepage.ntlworld.com/paul.erwin/projects.jpg" border=0 width=200px></center></td></a> <td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/contact.html><img src="http://homepage.ntlworld.com/paul.erwin/contact.jpg" border=0 width=200px></center></td></tr></a> <tr><td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/help.html><img src="http://homepage.ntlworld.com/paul.erwin/help.jpg" border=0 width=200px></center></td></a> <td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/newsletter.html><img src="http://homepage.ntlworld.com/paul.erwin/newsletter.jpg" border=0 width=200px></center></td></a> <td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/fundraising.html><img src="http://homepage.ntlworld.com/paul.erwin/fundraising.jpg" border=0 width=200px></a></center></td></tr></table></td></tr></table> </body> </html> I just upgraded all my .HTML pages to .PHP . But now I noticed that when my pages pull up in the search engines like Google, Yahoo, and MSN. They still show the old .HTML links?? When they click on the webpages from the search engines results you get error 404 page cannot be found. How can I update the search engines or add code to my page so the search engines will reflect the new .PHP pages. Also it's been over a good week since I've update to .PHP Thank you all in advanced!! Hello, im finally putting once of my websites on to a server but the problem is that the links do not work once up.... they are in a php include .... they also work fine on my localhost machine ive name my links like: index.php, london.php etcetc do i need to name them: http://websitename.co.uk/london.php etc? If that doesnt make sense ask and i will try and make it clear what i am trying to do. Thanks Scott. Hi, I'm coding a website in just HTML and am encountering a problem... When ever I try to link to another HTML document that I have coded, the browser won't load it. This is the error message that appears: (BTW, I'm using Opera, if that helps) You tried to access the address file://localhost/C:/Users/Milkyway/HTML%20Files/TheFreebieSmartGuide.com/HTML%20Files/MegaFreebie.htm, which is currently unavailable. Please make sure that the Web address (URL) is correctly spelled and punctuated, then try reloading the page. NOTE: The "%20" appear where spaces would be. This is the line of code that I'm using: <A HREF="MegaFreebie.htm">Laptops.MegaFreebie.com</a>-A site where you can get a free notebook computer!<BR> Thanks for everyone's help. For some reason my link is not working but the source is definately correct so i am confused why it doesnt work. any help would be much appreciated. HTML Code: <a href="C:\Users\umar\Documents\Humzah \computing FINAL DO NOT EDIT\project \Final Website\AQA-COMP2-W-QP-JAN09.pdf"> <b>Past Exam Paper Comp 2 January 2009:</b> </a> Practice to test your understanding with this past paper.<br> Hi, i'm just starting doing html and dreamweaver, but i got a bit of a problem no matter what i do cant link 2 pages together! can someone help me with this??? thanks Hello all, I am working on a blog roll or links sidebar for my site. If you go to QuickCache you will find that all of my links forward to http://www.quickcache.org/http://linkedsite.com I want it to go to http://linkedsite.com. You can view my code here using the password "help" Could you tell me how to fix this, and what i am doing wrong? Thank you very much, Mbf123 Update: Sorry for the links in this post, they were meant to be examples for a site that I could link to. 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 To briefly explain what is happening.... I can hover over my links on my index.html page. Click any of them which directs me to the proper page... but any remaining licks change to the same as first previously clicked link and stays there Wierd. Therfore clicking does nothing at this point. I can refresh to the index page again and everthing is back to normal. I can hover over any link I want but if I click it it will go to the correct page , but then the remaining link all change to that one. Is the a problem with my html or css file? Thanks Hello, I have the following problem: I want to put online a link to local file. The name of the file has spaces in it like in the example below: HTML Code: <a href='file://H:\Documents and Settings\admin\Desktop\a b.docx' target=_blank>test</a> I also tryed: HTML Code: <a href='file://H:\Documents%20and%20Settings\admin\Desktop\a%20b.docx' target=_blank>test</a> but it still does not open the file When viewing the link properties for the first example it shows: Code: file:///H:/Documents%20and%20Settings/admin/Desktop/a%20b.docx and for the second: Code: file:///H:/Documents%2520and%2520Settings/admin/Desktop/a%2520b.docx witch is obviously not correct since it is escaped... What am I doing wrong? How should I write the link code so that it will open a local file on my pc that has spaces in it's name? Thanks for the help... I have been sent a flash file to use on my website as an ad. I have successfully inserted it as a html into my website, and it is all working fine apart from one thing. The link is not working. I have followed all the tutorials correctly, and when you hover over it, it displays the link in the pane at the bottom of Internet Explorer. The problem is that I can't edit the flash file, and it did not come with any hyperlink added to the swf. Is there a way I can make this work so that it goes to the link when clicked on? This is my html code so far: <a href="http://www.rspb.org.uk" target="_blank"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width="498" height="380" id="test1"> <param name="movie" value="http://s1.2mdn.net/1286313/GOLDFINCH-RSPB-LBANNER-SWF.swf " /><embed src="http://s1.2mdn.net/1286313/GOLDFINCH-RSPB-LBANNER-SWF.swf " width="468" height="60" name="test1" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></object> </a> Hey guys, I have 2 separate problems, I'll be dealing with both in this thread. If possible, please answer asap, since I'm doing a website for my aunt's company, and I'm sort of running on a deadline. Any answers for either of the questions are welcome 1) Links - CSS Basically my stylesheet is supposed to set all my links to a black colour, even if visited, hovered over, etc, etc. The only problem is, the unvisited links are showing up in that awful default blue colour (I'm sure you all know what I mean). This is what my CSS looks like: A:link { text-decoration: underline; color:#000000; font-weight: bold; } A:visited { text-decoration: underline; color:#000000; font-weight: bold; } A:active { text-decoration: underline; color:#000000; font-weight: bold; } A:hover { text-decoration: underline; color:#000000; font-weight: bold; } Can anyone help me with this? 2) HTML/php contact form So I have a contact form on my website, and it seems to work fine. The only problem is that when my e-mail receives it, only the LAST field shows up (in this example, the 'message' field). The others just don't appear - it's as if the form only has that one field. I have two sets of code for my contact form - this is the one on the contact page: <form action="/contactform.php" method="post"> <b>Name:</b> <input type="text" name="cf_name"><br> <b>E-mail:</b> <input type="text" name="cf_email"><br> <b>Message:</b><br> <TEXTAREA NAME="cf_message" ROWS=4 COLS=30> </TEXTAREA><br><br> <center><input height="4px" type="submit" value="SEND"> <input type="reset" value="CLEAR"></center> </form> And this is the contactform.php file: <?php $field_name = $_POST['cf_name']; $field_email = $_POST['cf_email']; $field_message = $_POST['cf_message']; $mail_to = 'ggmdolly@gmail.com'; $subject = 'Message from a site visitor - '.$field_name; $body_message = 'Name: '.$field_name."\n"; $body_message = 'E-mail: '.$field_email."\n"; $body_message = 'Message: '.$field_message."\n"; $headers = 'From: '.$cf_email."\r\n"; $headers .= 'Reply-To: '.$cf_email."\r\n"; $mail_status = mail($mail_to, $subject, $body_message, $headers); if ($mail_status) { ?> <script language="javascript" type="text/javascript"> alert('Thank you for your message. We will get back to you shortly.'); window.location = 'contact.php'; </script> <?php } else { ?> <script language="javascript" type="text/javascript"> alert('Message failed. Please retry or send us an email directly.'); window.location = 'contact.php'; </script> <?php } ?> Thanks to anyone who can help! Dont know if it is the right forum place I have html links on my web site. These links are to files. Recently when i clicked the link, the file "open / Save" dialogue appears, but now i receieve a page can not be displayed. Right click save as works i.E 7, What could be causing this Regards, Alan Hey guys, Okay so here is what I am trying to do. I am populating a table with some info from a database. The data should look something like this. Recipe Name - Prep Time - Total Time- Rating ============================ test data here 12 mins 15 mins 4.5 test data here 12 mins 15 mins 4.5 test data here 12 mins 15 mins 4.5 test data here 12 mins 15 mins 4.5 The names of the recipe is what I want to create as links so that when the user clicks on a certain RECIPE NAME another page will open showing only the data that goes with that recipe he/she clicked on. So far I have not gotten my code to work correctly, i dunno if i am missing something or doing it all wrong? I am using a while loop to generate all the recipes form the database. Again, i want the names of the recipes to be the links. Please help me!!!! Thanks for your time and help Here is my code: <? while( $row = mysql_fetch_array( $result ) ) { ?> <tr> <a href="ShowRecipe.php?id=<?=$row['id']?>"></a> <td><?=$row['name']?></td> <td><?=$row['preptime']?> mins</td> <td><?=$row['totaltime']?> mins</td> <td><?=$row['rating']?></td> </tr> <? } ?> I want to embed a social media block on my page that has all the little buttons and all the little links happy together. I almost had it too using this: <p> <a href="http://www.sample site.com" target="_blank"> <img src="http://my image" width="32" height="32" alt="RSS" title="RSS Coming Soon"> </a> This repeated so I had 6 little images for social media connections. In Internet Explorer all links worked, but there was a little line sticking out the right side of each image. In Safari only my last three image links worked but they have no annoying little line. Why? Anyone? Anyone? |
|||||||