HTML - Link Trouble
Hey guys,
Sorry if this is a very easy case, but I'm only 14 and i'm quite new to HTML. Basically, I have set up a basic homepage for a website, and I want several links across the top of the site. I have successfully done that, however there is no space in between each link. How can I leave space between them? Cheers, Calum. Similar TutorialsI have several links on my site, all in the form of <a href="http://www.mywebsite.com">mywebsite</a> How do I need to change it such that a new instance of the browser is used in which the linked site is displayed. Hi, I'm newly registered and seeking some assistance. I'm working on a website for a client and come across an issue. The following is my iFrame code: Code: <div id="iframez"> <iframe src="main.html" width="100%" height="400px" name="framez"></iframe> </div> I have a link that is at the bottom of the page that is supposed to load in the iFrame when clicked upon. The code is as follows: Code: <a href="somelink.html" target="framez">some link</a> What I want is when the link is clicked that it loads in the iframe (this works as intended) AND I want the page to scroll up to the iframe. I tried doing this without success: Code: <a href="somelink.html#iframez" target="framez">some link</a> This is interpreted as #iframez in somelink.html, and not the page its on. Is there any way around this? Thanks for your patience. Ive been working on a website in my free time, and I have been wondering if it's possible to hover over a link, and change the text color of another link. A picture of one of my web pages is shown in the link below. http://i223.photobucket.com/albums/d...screenshot.jpg I want to be able to hover over something from the side navigation bars and have various links in the bottom naviational bar change color. So like hovering over Blood Elf, would make Death Knight, Mage, Paladin, Warlock, Priest, Rogue, Hunter turn red Does anyone know how to do this? or even know if it is possible? Hi im not sure if this can be done i have created some buttons to use as links and once i put the a href code in a box appears around the button can i remove this and how plz you can see example of what i mean on my website i have made Home and Contact clickable but i want to remove the box thats around the button if possible http://dreamteam0708.co.uk/ for info: im coding my own html in notepad, not using any programs or anything and my hosting doesnt support php etc I am currently working on a website for my fraternity and am using geocities as a temp service to get my site correct before I get a .org name. For some reason Internet Explorer won't show anything, but when you use Mozilla it shows up just fine. I checked to see if it was just geocities that was messed up, but it did the same thing with cjb.net, so I'm stumped. I don't know what's wrong with my code, everything seems fine, there's no deprecated tags or anything of that nature. Here's a link to the website. Any help would be greatly appreciated. Dear friends i have in big trouble. so i want yours help. i make one website. i put there many HTML codes. i put there .. not image click HTML code .. now when i configuration my main page the HTML codes not opend. but i do inside pages configurations. but i put ,,, not image click HTML code ,,, on main page so i want give me HTML code i put on my site. they all HTML code stoped working or dead .when i delet ... not image click HTML code ... after i remove HTML stoped working code. i hope some 1 help me awatings yours Basically, I am making a website for someone but I am having a bit of DIV trouble. The part I am having trouble with is the content box. I have a content box that I need to be fixed (width) and it needs to stretch vertically when there is content on the page that will overfill the original page. There is then a div under this content which is a footer type image. This needs to move down when the content fills the above box.. I can't get this too work, all it does is strech horizontally, and when I stretch it vertically it just shows up blank... Any ideas? First, I'm no expert, but I can work my way around a bit of HTML If you're familiar with myspace pages, great! I'm working on a band profile, which is trickier than a user profile (at least, if you want it to look legit): http://www.myspace.com/489097511 It still needs a lot of work, but the reason I'm looking for help is the bottom of the page (user information, online now, last logged in, general info...etc) I'm curious as to how I can place a layer over it, on which I can post whatever I want I can't seem to get a div to cover that area, and if I do, it only ever appears under all the info I want to cover. Any help is much appreciated! Hi, I am putting together a quick site, I don't normally use iframes but wanted to use it for a forum so I could imbed it into my theme. When I use the iframe code: Code: <iframe src="http://www.mypokerbuds.com/Forum" width="675px" height="1000px" frameborder="0"> It works great, but the bottom graphic of my template is missing, you can see the forum page he http://www.mypokerbuds.com/Forum.htm On the homepage you can see what the bottom graphic is suppose to look like: http://www.mypokerbuds.com/index.html Does anyone know what is causing this graphic to not show up? Thanks, Nick Hi everyone, I have a ajax contact form at http://nbveincare.com/contact3.php which is only partly visible . Tabbing through the fields will show all the fields, but there is some problem with proper sizing. Would anyone mind taking a look at this and giving me some pointers on what to do next? Thank you, Dan Hello! I'm having a lot of trouble here. I have a form on my website that is linked to my 1shoppingcart account. Unfortunately, the feild for their personalized message is only a single line because it uses the <input> tag instead of the <textarea> tag. But when I use the text area tag instead, I get something that is completely wrong. I'm assuming that it has to do with all of the other 1shoppingcart code that is jumbled in there. Here is the code for the table: <form name="form1" method="post" action="https://www.mcssl.com/app/contactsave.asp"> <input name="merchantid" type="hidden" id="merchantid" value="166866"> <input name="ARThankyouURL" type="hidden" id="ARThankyouURL" value="www.1shoppingcart.com/app/thankyou.asp?ID=166866"> <input name="copyarresponse" type="hidden" id="copyarresponse" value="1"> <input name="custom" type="hidden" id="custom" value="1"> <input name="defaultar" type="hidden" id="defaultar" value="0"> <input name="allowmulti" type="hidden" id="allowmulti" value="0"> <input name="visiblefields" type="hidden" id="visiblefields" value="Name,Email1,Company,Workphone"> <input name="requiredfields" type="hidden" id="requiredfields" value="Name,Email1"> <table width="500"> <tr> <td>Name</td> <td><input name="Name" type="text" size="40"></td> </tr> <tr> <td>Company</td> <td><input name="Company" type="text" size="40"></td> </tr> <tr> <td>Email</td> <td><input name="Email1" type="text" size="40"></td> </tr> <tr> <td>Phone</td> <td><input name="Workphone" type="text" size="40"></td> </tr> <tr> <td>How Did You Hear About Us?</td> <td><input type="hidden" name="fieldname1" value="field1"> <input type="hidden" name="required1" value="1"> <input name="field1" type="text" size="40"></td> </tr> <tr> <td>Message</td> <td><input type="hidden" name="fieldname2" value="field2"> <input type="hidden" name="required2" value="1"> <input name="field2" type="text" size="40"></td> </tr> <tr align="right"> <td colspan="2"> <input type="Submit" name="cmdSubmit" value="Submit"> </td> </tr> </table> </form> I would appreciate any help that you can give! The page that hosts this form is www.36hoursinaday.com/contact-us. Thanks so much! ok i was wondering whats wrong with my background could some1 tell me if thiers something wrong with my code, the problem i have is the background appearing i do everything it says to but it still dosent work <html xmlns="http.thewaywardgamer.com> <head> <title>the way of the gamer</title> </head><body> <html> <body background="image.jpg"> <p align="center"><font size="50"><font color="#cccc80"><b>WELCOME TO GAMERWORLD</b> </font></p> <p> </body> <SCRIPT TYPE="text/javascript"> <!-- function dropdown(mySel) { var myWin, myVal; myVal = mySel.options[mySel.selectedIndex].value; if(myVal) { if(mySel.form.target)myWin = parent[mySel.form.target]; else myWin = window; if (! myWin) return true; myWin.location = myVal; } return false; } //--> </SCRIPT> <FORM ACTION="../cgi-bin/redirect.pl" METHOD=POST onSubmit="return dropdown(this.gourl)"> <SELECT NAME="gourl"> <OPTION VALUE="">Choose a Destination... <OPTION VALUE="http://www.purezc.com" >purezc <OPTION VALUE="http://www.youtube.com" >youtube <OPTION VALUE="http://www.miniclips.com" >miniclips <option VALUE="file:///C:/Documents%20and%20Settings/Owner/Desktop/games.html">bunker </SELECT> <INPUT TYPE=SUBMIT VALUE="Go"> </FORM> <p> <p align="left"><font size="4"><font color="#660066">hello all and welcome to the world of gamers.where nintendo is our god.</font></P> <MULTICOL COLS=3> <UL> <lI><A HREF="links.html">Click Here for My Favorite Links</A> <li><A HREF="games.html">Click Here for Flash Game bunker</a> </UL> </MULTICOL> <br> <br> <br> <br> <body> Our address by FAN mail:<P> <ADDRESS> p.o box 183,perkinsvile vermont </ADDRESS> </body> <body> <!-- Begin Google Search --> <input type="hidden" name="cx" value="partner-pub-6155056320102818mfj3qxh2mm" /> <input type="hidden" name="cof" value="FORID:10" /> <input type="hidden" name="ie" value="ISO-8859-1" /> <input type="text" name="q" size="25" /> <input type="submit" name="sa" value="google search" /> <!--img src="/acustom/google.gif" border="0" alt="Google" style="vertical-align:top;" /--> <!-- END Google Search --> </html I have a website I dedicated to my daughter. I host on godaddy. I downloaded the guestbook and finally got it to where when you click submit it goes from the addentrty screen to the guestbook so you can view what others write. Only problem is it doesnt add the text from addentry to the guestbook page. the website: www.rosenbaumfamily.com following is the code from the two pages. I know a little about html but i cant seem to find whats missing. I put *** next tot eh lines I think need to be altered.: addentry code <html> <head> <title>Guestbook - Add Entry</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFCCCC" link="#003399" topmargin="15"> <form method="post" action="guestbook.html"> <p align="center"> <font color="#0000FF"><a href="addentry.html"> <!--webbot bot="Navigation" S-Type="sequence" S-Orientation="horizontal" S-Rendering="graphics" B-Include-Home="FALSE" B-Include-Up="FALSE" U-Page="sid:1001" S-Theme="Ice 0000" startspan --><a href="../../index.htm"><img src="../../_derived/index.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="Home" align="middle"></a> <a href="../../family.htm"><img src="../../_derived/family.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="See My Family" align="middle"></a> <a href="../../about%20me.htm"><img src="../../_derived/about%20me.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="About Me" align="middle"></a> <img src="_derived/addentry.html_cmp_Ice000_hbtn_p.gif" width="154" height="37" border="0" alt="Sign My Guestbook" align="middle"><!--webbot bot="Navigation" i-checksum="59646" endspan --></a></font></p> <table border="0" cellspacing="0" cellpadding="2" align="center" width="95%"> <tr> <td height="44" colspan="2" bgcolor="#FFCCCC"> <p align="center"><font size="7" face="Vivaldi"><font color="#003399"> Fallons Guestbook</font></font></td> </tr> <tr> <td width="99%"> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1">Please leave us a note so that we know you visited our site.</font></p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1">Love Dara, Adam, and Fallon</font></td> <td width="1%" align="right"> </td> </tr> <tr> <td colspan="2" height="27"><font face="Verdana, Arial, Helvetica, sans-serif"><img src="point2.gif" width="9" height="9"><a href="guestbook.html"><font size="1"><b>Back to Guestbook</b></font></a><b><font size="1"> | <img src="point2.gif" width="9" height="9"><a href="http://localhost/cgi-bin/guestbook.html?admin=enter">Administration</a></font></b></font></td> </tr> <tr> <td colspan="2"> <table border="0" cellspacing="1" cellpadding="4" width="95%" bgcolor="#FFCCCC"> <tr> <td colspan="2" bgcolor="#00FFFF"><b><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Sign the Guestbook:</font> <input type="hidden" name="add" value="new"> </b></td> </tr> <tr> <td bgcolor="#EFEFEF" width="179"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Name*:</font></td> <td bgcolor="#EFEFEF" width="460"> <input type="text" name="username" size="40" maxlength="40"> </td> </tr> <tr> <td bgcolor="#EFEFEF" width="179"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">E-mail:</font></td> <td bgcolor="#EFEFEF" width="460"> <input type="text" name="email" size="40" maxlength="40"> </td> </tr> <tr> <td bgcolor="#EFEFEF" width="179"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Homepage:</font></td> <td bgcolor="#EFEFEF" width="460"> <input type="text" name="url" size="40" value="http://" maxlength="45"> </td> </tr> <tr bgcolor="#EFEFEF"> <td width="179"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Your Message*:</font></td> <td bgcolor="#EFEFEF" width="460"> <textarea name="message" cols="40" rows="9" wrap="VIRTUAL"></textarea> </td> </tr> <tr bgcolor="#EFEFEF"> <td width="179"> </td> <td bgcolor="#EFEFEF" width="460"> <a href="guestbook.html"> *** <input type="submit" name="Submit" value="Sign Book"></a> <input type="reset" name="Reset" value="Reset"> </td> </tr> </table> </td> </tr> </table> </form> <div align="center"><font face="Arial, Helvetica, sans-serif" color="#CCCCCC" size="1"><b>Guestbook Version 1.5<br> </b></font><b><a href="http://www.proxy2.de"><font face="Arial, Helvetica, sans-serif" color="#CCCCCC" size="1">http://www.proxy2.de</font></a></b></div> </body> </html> guestbook code <html> <head> <title>Guestbook</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt} input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt} A:hover {text-decoration: underline; color:red;} --> </style> <script language="JavaScript"> <!-- function JumpTo(page) { self.location.replace(page.menu.options[page.menu.selectedIndex].value); } //--> </script> </head> <body bgcolor="#FFFFFF" link="#003399" topmargin="15"> <form> <table border="0" cellspacing="0" cellpadding="2" align="center" width="95%" height="100"> <tr> <td height="44" width="94%"> <p align="left"> <font color="#0000FF"><a href="addentry.html"> <!--webbot bot="Navigation" S-Type="sequence" S-Orientation="horizontal" S-Rendering="graphics" B-Include-Home="FALSE" B-Include-Up="FALSE" U-Page="sid:1001" S-Theme="Ice 0000" startspan --><a href="../../index.htm"><img src="../../_derived/index.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="Home" align="middle"></a> <a href="../../family.htm"><img src="../../_derived/family.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="See My Family" align="middle"></a> <a href="../../about%20me.htm"><img src="../../_derived/about%20me.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="About Me" align="middle"></a> <a href="addentry.html"><img src="_derived/addentry.html_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="Sign My Guestbook" align="middle"></a><!--webbot bot="Navigation" i-checksum="29614" endspan --></a> &n bsp; &nbs p; </font> <b><font face="Verdana, Arial, Helvetica, sans-serif" size="1"> <a href="/cgi-bin/guestbook.html?admin=enter">Administration</a></font></b></td> <td width="5%" height="44" align="right"> <br> <b><font face="Verdana, Arial, Helvetica, sans-serif" size="1"> </font></b> </td> </tr> <tr> <td width="94%" bgcolor="#FFCCCC"> <p align="center"><font color="#003399" size="7" face="Vivaldi"> Fallons Guestbook</font></td> <td width="5%" align="right"> </td> </tr> </table> <table border="0" cellspacing="1" cellpadding="5" align="center" width="82%"> <tr bgcolor="#BCBCDE"> <td width="32%" bgcolor="#00FFFF"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Name</b></font></td> <td width="40%" bgcolor="#00FFFF"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Comments</b></font></td> </tr> <!--begin --> </table> <table width="95%" border="0" cellspacing="1" cellpadding="3" height="35" align="center"> <tr valign="top"> **** <td> </td><href="addentry.html"> </tr> </table> <div align="center"><b> <font face="Arial, Helvetica, sans-serif" size="1" color="#CCCCCC"> <a href="mailto:hockeyman9474@aol.com?subject=from rosenbaumfam.com">contact webmaster</a></font></b></div> </form> </body> </html> Okay, as you can see from my screenshot, my problem is that the two images in the bottom cells are not at the very bottom, i am not sure how i align them so that they are. And heres the code: Code: <html> <head> <title> Fun Maths </title> <style type="text/css"> <!-- body { background: #336699; } p { text-align: justify } --> </style> </head> <body> <div align="center"> <table border="0" width="500" height="100%" bgcolor="#FFFFFF" cellspacing="0" cellpadding="0"> <tr height="15"> <td> <img src="whiterb1.gif" border="0" /> </td> <td> </td> <td> <img src="whiterb2.gif" border="0" /> </td> </tr> <tr colspan="3"> <td> Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello </td> </tr> <tr height="15"> <td> <img src="whiterb3.gif" valign="bottom" border="0" /> </td> <td> </td> <td> <img src="whiterb4.gif" border="0" /> </td> </tr> </table> </div> </body> </html> I'm having trouble getting the same look for my site in both Firefox and IE. Currently, the site looks great in Firefox. It looks just as I would like it. The nav links are all lined up on the left, and the login area is nice. However, when I view it in IE, things are different. The nav links all seem to be centered somehow, causing them to not line up very well. The login area is not as tidy either - the text input boxes are different sizes, even though they are both marked to hold 10 characters. Anyone have any idea how I can get the look that is working in Firefox to also work in IE? The website URL is www.learn-korean-now.com Thanks. On my website, I use javascript to allow pages to open up in new pop up windows, which have a fixed height and width. For example, this page: http://treehousetees.webng.com/0301.htm. On this page the following buttons will open a new window: Contact View Shopping Cart Size Chart Add to Cart So I have four buttons all using the same javascript to open a window. Since all 4 buttons refer to the same javascript, all of the windows open with the same height and width. So my question is, how can I edit the height and width of each individual window? For example, I want the 'contact' window that pops up to be smaller. Sorry if my question is a bit confusing... But I would appreciate any and all help regarding this matter. I have this coding: <table style="display:inline;border-collapse:collapse;border:0"><tr> <td style="padding:0"><img src="transparent.gif" align="center" width="1" height="200" style="background:red"> </td></tr></table> But the red line is on the top left when I need it in the center middle.....can someone please help me get it into the center middle..or is there another way of making that line but more easy and simple? Thanks! First I want to say that this forum is great and has been alot of help. I also want to thank bsxiong for his help already. If I could send you a beer electronically, I sincerely would. I had two problems initially, and one has been fixed very easily. Thank you. However, the solution to the other still eludes me. I don't have the page on the domain yet, and can't until it's finished. I uploaded the link to geocities so that you can see the page. I didn't include the style sheet, but hopefully this gives the general layout of the page. http://www.geocities.com/thecyberrev/newly.html On the page, there is a pic to the left below the top banner. Below the pic is the bold text, "Home". Below that text is a thin divider line and more text that reads, "Building organizations that build lives.". Basically all I am trying to do is move the text, Home to the left of the pic and enlarge it so as to act as a title for the page. (This would below the blue header banner in the large white blank area) Everything I seem to do either puts the text just below or just above the pic. What am I doing wrong? I think it's something very simple but it's eluding me. Please excuse my ignorance. Any advise would be greatly appreciated. I am currently working on a site and I can't figure out this IFRAME for the life of me. The initial news page works (yes, it is named new.htm) I got the links to work with mouseover as I wanted, but if I click any of the links the page will load, but the frame for the site doesn't come along with the page. Like I said, the site works perfectly and looks like I want it to on the initial load. |