HTML - New Newbie Question(s) - Image Map
For those who may not know, I am trying to teach myself HTML. I have an understanding about some of the basics and now I want to expand on that.
I have a navigation map pretty much set up and appears to be working so far. The problem is that when I upload it and view it in IE, the image that I am using has a blue outline around it. To me this indicates a link and it is throwing the whole look of this page off. The code I have so far is as follows: <td width="228" height="811"</td> <img src="../junk/images/a2.jpg" usemap="#navmap"/> <map id="navmap" name="navmap"> <area shape="rect" coords="2,0,243,29" href="index.htm"/> <area shape="rect" coords="1,37,243,68" href="about.htm"/> <area shape ="rect" coords="0,75,243,105" href="outsource.htm"/> <area shape="rect" coords="0,114,243,143" href="bookkeeping.htm"/> <area shape="rect" coords="0,190,243,220" href="computer.htm"/> <area shape="rect" coords="0,229,243,257" href="peachtree.htm"/> <area shape="rect" coords="0,266,243,294" href="web.htm"/> <area shape="rect" coords="0,304,243,332" href="business.htm"/> <area shape="rect" coords="1,341,243,372" a href="contact.htm"/> </map> </td> I would really like to be able to do away with the blue outline around the image so that everything flls back into place. I would appreciate it if someone could take a look at my code and suggest any corrections I need to make to fix this. Thanks for your time, Vance Similar Tutorialsi am new to html, and recently started working with css. i made some buttons in my menu, and am trying to change the appearance when i rollover with the mouse. my question is if it is possible to change the appearance of one button, when i rollover a different one. for example, all the buttons are normally brown, except the link to the page i am currently on is green. when i rollover the "contact" button, i want it to turn green, and the current green button, "home" to turn back to brown, even though the user hasn't clicked on the link yet. then even if there are no mouse clicks, when the user moves the mouse back off of the "contact" link, it goes back to brown, and the original "home" button goes back to green. i know i am probably making this more confusing than it needs to be, but not sure how exactly to explain it. thanks in advance... Hey y'all... I am not very well-versed in html use at all but have a good question for all of you that are. I am in need of being able to somehow "read" from the background html source the physical location (no, not the URL, the location on the page itself) of hyperlinks and data entry fields (both location, length, etc.) on web pages. I really do not even know if this is possible. Am I an idiot or is this possible for most web pages? Many thanks for your responses in advance..... I've create an easy html page and I wanted to attach it to my website. But no one link doesn't to that new page. The page's name is, christmas-ornaments.html I think maybe the problem is this symbol, - Hope to get your advaice, friends. _________________________________ Hi all, I really don't know much about web programming but I want a easy way to send a number to a server and then that server display the number until a new number arrives, the number will be ASCII I have setup a windows based IIS server and created a default.html page Thanks and sorry for being a total newbie! Steve P.S. This is not a hit counter. Can someone tell me why there's a black border around the "PACK SIX" tile at the bottom of my page when I try to apply a href link to it? Losing my mind here. Thanks here's the link: https://www.bogeypro.com/index.asp?P...=Custom&ID=122 Sorry, that my title is not more precise, i just don't know how to describe or search for what Im looking for How do I make a sort of rectangle/shape in a specific color, and write on top of it? (I have just learned the div-position tag, so I guess I'll use that for positioning...) Thanks for your time! Ok so I am having a problem trying to figure out how to get my drop down box values into my text box. Any help would be appreciated. Here is my code so far. DROP DOWN BOX: (works) <select name="Bands" style="width: 142px"> <option selected="selected">Bands</option> <option value="Creed">Creed</option> <option value="Moop">Moop</option> <option value="ESB">ESB</option> <option value="Metallica">Metallica</option> </select><br /> TEXT BOX (I want to put the value from the text box after Fav_Band =) <div class="style3"> <textarea name="BAND" style="width: 746px; height: 66px" class="style4">Fav_Band="" </textarea></div> <br /> Hi all, I'm feel really stupid but I have a very simple question. I need to revert the colors of this page: http://pastehtml.com/view/bb17uy02t.html The background should be black and the text white. Can someone please help me out? Thanks in advance. Kent 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. Hello, total newbie here so please be gentle. The start of my source code is: <head> <title>INSERT TITLE HERE</title> <meta name= "description" content="INSERT DESCRIPTION HERE"> <meta name="keywords" content="INSERT KEYWORDS HERE"> </head> <style type="text/css"> <!-- body { background-image: url(.. What I am finding is when I load the page and save it via FTP to the hosting server, everything before the line <style type="text/css"> disappears totally from the souce code... What am I doing wrong? Thanks, Pete I would like to know if it is possible to have a table column on top of a column??? In my table, I have a column that contains an image. Next I want to put text on top of the image. I am good up to this point, but when I put the text in this particular column, it is left justified and is not giving me the look I want. So, can I add another column on top the one with the image in order to be able to get some white space between the background image and the text on top???? To see what I am talking about, take a look here. It is the right hand column. You'll see how the text just does not look right the way I have it. Thanks for any suggestions. Vance I created a "style.css" file and linked my index.html to it. I put this code into the style.css: Code: body { background-color: green; font-color: white; font-family: Verdana; } Now, the index page has a background color of green, and the font is Verdana, but the font color is not white? Can somebody tell me what needs to be done for the font to appear white? I have very limited HTML training, but I'm trying to find out how to write some HTML code that will allow a website or blog visitor to: 1. Enter their email address in a form field 2. Select a choice from a drop down menu Once they've done that and hit a submit button, I would like to have the info emailed to me. I know this is possible, but is it possible to have this text on a blog like Blogger, or do I have to have my own webpage with specific settings or formats? Thank you so much in advance. I need a bit of help with some images within the cell of a table. In this cell I have a background image that I am hoping will adjust to fit the varying heights of my table on different pages (some pages have more info and are therefore taller - for lack of a better description). In this same cell, and on top of the background image, I have the navigational image and it all seems to work exactly the way I want it to, with one exception. The exception is that when I view the page, the navigational image is much to low in the cell. I have done a bit of reading and unless I am just flat out not looking in or for the right information, I can't find anything that looks like it could be a solution. You can see what I am trying to explain here. You can see just how low the navigational list is and I would like to have it moved more towards the top of the cell. I am pretty sure that I can move it up if I use a lt of " " but I don't think this would be the best way to go. I am sure there is a way to do this so if any of the experts here have a suggestion as to how to fix this or where to look for information about moving the images around in a cell I would greatly appreciate any help. Thanks, Vance I just need to write an html page (or asp) or whatever, that takes a varialble from a form and opens/makes an http call to another page using the variable the user input. For example, the user enters there name (Bob)on a page and hit submit. I need Bob at the end of the call. I then need the following opened/called or whatever. http://www.somesite.com/script/Bob I am very new to programming and just need this for a quick work project. I've designed a web page using WebEasy and I'm going to have to insert the meta tags manually. I've figured out where the code has to go and I know the code has to be something like this: <meta name="keywords" content="keyword, keyword, keyword"> Anyway, my question is what if the keywords don't all fit on one line? Do I let it wrap around like this: <meta name="keywords" content="keyword, keyword, keyword, keyword, keyword, keyword, keyword, keyword, keyword, keyword, keyword, keyword, keyword, keyword, keyword, keyword, keyword, keyword, keyword, keyword"> Or do I start a new line, like this: <meta name="keywords" content="keyword, keyword, keyword"> <meta name="keywords" content="keyword, keyword, keyword"> Thanks Oh, and if I change the meta tags do I have to resubmit my site to google? Thanks Hi guys, I have a div on my page, which essentially just places a layer/table over the entire page and displays a "LOADING..." message, then promptly disappears when everything hidden beneath it has finished loading. I want to use this same div in several other pages, so I thought the best way would be to place it in an external file, then simply call it when required. Can someone please tell me how I can do this, i.e. what code I need to place in my HTML script to call an external div? I apologise if this is an obvious newbie-style question! But I appreciate any help that anyone out there can give me. Thanks in advance, Kate. Hello, I am new at web design, and frustrated by a Submit button constantly opening a new window instead of moving on in the current window. When coming to this forum to look for answers, I found a Submit button I then researched...and now I am even more confused! There's some code in the screen you see right after you log in, that looks like this: Quote: <script type="text/javascript"> <!-- document.write('<div style="margin-top:0px">'); document.write('<input type="submit" class="button" value=" Proceed " accesskey="s" onclick="window.location=\'http://www.htmlforums.com/f-html-xhtml-4.html/\'; return false" />'); document.write('</div>'); //--> </script> Clicking Submit does indeed move you on within the same window, but my questions a 1. How does this work when...it appears to be commented out! Note the <!-- and -->! And if these aren't commenting code out...then what are they there for? 2. What do all the forward and back slashes mean around the address? (I'm curious about the backslash right before the address, and then the forward and backslash right next to each other afterward) 3. I copied this code into my own page kind of like so: Quote: document.write('<input type="submit" class="button" value="Submit" onclick="window.location=\'newpage.html/\'; return false" />'); Every single time, clicking the button results in a white "This page cannot be displayed" screen--but then refreshing that screen causes the right page to come up! Does anyone know why it won't work the first time? Thanks in advance for any help that anyone can provide! Can anyone explain the rule to me which is governing this behaviour: If you move the attribute style="float: left;" from one table to the other it affects the way the whole div renders. With the attribute, there is no silver background, without it the div renders across the whole page with a silver background. Why would floating a table within the div affect whether the div renders with or without a background colour? HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page </title> <style type="text/css"> .ItemFill { background-color: Silver; } </style> </head> <body> <div class="ItemFill"> <table style="float: left;"> <tr> <td> Hello World </td> </tr> </table> </div> <br /> <div class="ItemFill"> <table > <tr> <td> Hello Two </td> </tr> </table> </div> </body> </html> I am trying to write code that would allow me to have a list of products and it would be able to enter the amounts specified in boxes and give you the total once you press the total button.... I have pasted bellow what I have written so far... I am trying to figure out how to make it work... Please help me ! <html> <body> <p> Product 1<INPUT type="text" name="A" value="" onChange="A.value"> Product 2<INPUT type="text" name="B" value="" onChange="B.value"> <input type="submit" value="Total"> <input name="answer" type="text" size="4" maxlength="10" onClick="document.calculator.ans.value+='A.value+B.value'"> </p> </body> </html> |