HTML - Problem With Html Tags?
I am using
the following css <style type="text/css"> #testbar{ position:absolute; background-color: transparent; width: 730px; height: 94px; visibility: hidden; z-index: 100; } </style> then some java script then Html div tag to show the id <div id="testbar"> <a>Close</a> <script src="/testjs.js"></script> </div> The <a>close</a> following the code as i give in js but the testjs.js is not following the specifications produced by that some java script i used this one working in IE but not in firefox3.5 what might be the problem? can u give the solution ________________________ Similar TutorialsHello Im new to html and css. Im creating a menu using a css using the <a> tag. when I use the <a> tag later in my code it uses the css. How do I uses the <a> tag in multiple places on the page and without using the css? Here is an example of the css code used. HTML Code: a:link,a:visited { display:block; font-weight:bold; color:#FF0; background-color:#03F; text-align:center; padding:12px; text-decoration:none; text-transform:uppercase; } a:hover,a:active { background-color:#FF0; color:#03f; } Hello Everyone, I have just started learning html and I am facing a problem. I have wrote the following code in notepad: Code: <h3> HTML Images - The <img> Tag and the Src Attribute </h3> <p> The <img> tag is empty, which means that it contains attributes only, and has no closing tag.<b/><br/> When I open this html file in browser, text "<img>" does not display correctly. Please help me asap. Thanks! I have gone back from scratch in HTML but this time creating my own tutorial as I go along and have covered a few items before right here on this forum before and now I just can't seem to remember and understand the bleepety-bleep-bleep-BLEEP things no matter how many tutorials I read a million times on the net, so really freaking frustrating, my head is about to explode, sorry got to vent somewhere before I run amok! Ok, [I'm taking a few deep breaths here......], let me start with "linking to a location on the same page", I see the anchors Quote: <a href="#myanchor">Go to anchor</a> <a name="myanchor">My Anchor</a> Using my text here as an example, I want to use the word in the first line "gone" to link directly to the word "million" in the 5th line from the top, how do I do this please? Hi People. I am hooked onto AJAX based apps these days. Instead of using JS to create html using strings. What I did was create a structure in html and clone it to repeat the structure using JS. But, to prevent DOM from being corrupted, I had to append a unique number to the ID of each element (and I had to attach the data to the element anyway). So, instead what I did was remove the ID of the element while cloning and used my own 'data' attribute to attach the data to the element. But, this would violate the W3 standards, right? Or it Wont? What is a better solution? For as long as I've been validating web pages, I never realized that the closing </head> tag was optional in HTML. I feel as if I've missed the boat at times. While I'm all for trimming excess code, I just cannot for the life of me strip out closing tags because they are optional in HTML. I'd be concerned that something, somewhere would not parse the document correctly if I removed the closing </head> element. Are my concerns unfounded? I work as a product manager for a company and one of my responsibilities is to update pricing on our website and I've just recently taken to making cool tables to reference similar products on select product pages. However, with each reference in a description field, the more search results get convoluted and the harder it is to get what you are searching for the come up because our website search tool lists searches alphabetically rather than by relevance. So my question is this: are there any HTML tags that bypass the way search tools organize its listings and let the webmaster specify, "I want this product to show up first in a search." For example, one of our product numbers is P992. We sell similar products, like P993, P994, etc. and I reference P992 on each of these other product pages, but with each product I mention P992 on, that product shows up when you search for P992 on our site, as well. Most of the time the actual product that is searched for is buried somewhere in the middle, depending on where it stands alphabetically, and I can't figure out how to get it to show up at the top of the page. Anyone have any suggestions? I'd rather not spend money on a more advanced search tool and would much rather manually tell our search engine to list the actual product, P992, first and then all other products that mention P992 in their description field to be listed after that. Thanks for any help. I know that notepad is effective for using HTML tages and save notepad as [save as: name.html] and then it appears like a webpage. I don't know how to do the same with (wordpad, microsoft office word) When I add HTML tages to wordpad or microsoft office word and [save as :name.HTML] it doesn't appear as webpage, when I write an ordinary content in wordpad or microsoft office word how to open and edite the content with HTML tages Hello Are there any valid HTML tags that you can embed in a page that do not display content on the page? I am looking to store data that a RSS feed can retrieve on a news page, but I don't want the content to display on the news page, only be pulled for the RSS feed. Paul Hello HTML Forum, I am having a slight problem. I want to include the tag in my string of letters, to be printed out to the user, but it keeps putting the tags into format. Example: Code: the <h1> tag will create a "header" size "1" tag. Which validates the rest of the code as style: <h1> So how can I show my readers what tag i'm using, without initializing that tag? -Jeff For as long as I've been validating web pages, I never realized that the closing </head> tag was optional in HTML. I feel as if I've missed the boat at times. While I'm all for trimming excess code, I just cannot for the life of me strip out closing tags because they are optional in HTML. I'd be concerned that something, somewhere would not parse the document correctly if I removed the closing </head> element. Are my concerns unfounded? For as long as I've been validating web pages, I never realized that the closing </head> tag was optional in HTML. I feel as if I've missed the boat at times. While I'm all for trimming excess code, I just cannot for the life of me strip out closing tags because they are optional in HTML. I'd be concerned that something, somewhere would not parse the document correctly if I removed the closing </head> element. Are my concerns unfounded? I am having problems with putting HTML code into an RSS 2.0 description tag. If I escape the HTML using <![CDATA[, the HTML shows up fine when the feed is viewed with Firefox 2.0, IE7, and various feed readers. The problem occurs when browsers like IE6 and Netscape view the .xml feed, as these do not support native RSS. To allow the latter browsers to easily display the feed, I use XSL to transform the XML into something much nicer. However, the escaped HTML shows up as literal characters (code) in the feed when viewed with IE6 and Netscape. How can I show HTML in the description tag of an XML feed using XSL? I also get literal characters when trying entity-encoded HTML. Hi, I need to start this off by stating that I'm not an expert nor have I had any training but in general I can read HTML or CSS code and understand for the most part what is going on. I have been asked by my boss to migrate and update and old website and bring it onto the new php5 platform that is operating at our university. This has been a fairly straightforward task where I just copied and paste the old code into the new CMS form. But I have reach a point where using the old code and tweeking it where needed to account for the 'personality' of the CMS isn't working. This is a bilingual website translating between English and Turkish. Here is an example of how the site used to run: http://replay.waybackmachine.org/200...page/acemhoyuk In the new site I have made only minor cosmetic adjustments; font color and the side where the reduced translation sits. These changes were made in the CSS code and seem to work fine (once the css code is activated). I don't know what the correct terminology is but basicly the CSS appears to be hidden until you click your mouse on the text somewhere (both the English and Turkish translations are visible in the body of the text, not showing one and reducing the other as it is meant to). Once you click the mouse on the text then the page separates into the visible body of the text and the reduced translation on the right hand side (the correct formatting). This is an example of one of the pages doing the above: http://www.une.edu.au/cat/sites/ahlat.php Using this <div> code: Code: <blockquote> <div id="content"> <div id="container" class="left_border"> <div class="bilingual"> <div class="language_a" lang="en">English language section</div> <div class="language_b" lang="tr">Turkish language section</div> <div class="spacer"> </div> <!-- /bilingual --> <!-- /container --> <!-- /content --> </div> </div> </div> </blockquote> </div> I have been playing around with the code trying to fix this problem and by adding <div id="page" class="page_language_b"> to the beginning of the body I get the desired result so that both the text and the translation are visible from the start - but when you click on the translation to change the language everything moves into the reduced section leaving no body to the text. This page is an example of where I am achieving the above result: http://www.une.edu.au/cat/sites/acemhoyuk.php Using this <div> code: Code: <div id="page" class="page_language_b"> <blockquote> <div class="content"> <div class="container"> <div class="bilingual"> <div class="language_a" lang="en">English language section</div> <div class="language_b" lang="tr">Turkish language section</div> <div class="spacer"> </div> <!-- /bilingual --> <!-- /container --> <!-- /content --> </div> </div> </div> </div> </blockquote> </div> From my experimenting I think the problem is with the <div id="page"> but as I said before I not an expert in this so I'm not sure how to get it to do what I want. A lot of my solutions have been through trial and error. If someone could help me fix my <div> code I would be greatly appreciated. Cheers Kim Hi there - I am building a simple website that uses a little CSS just for design, but the content is all basically in html. Anyways, I have no problem with the pages ('Contact' and 'Checkout') that contain form tags. Some of the problems: -the text after the tag isn't the same color or size (maybe even font?) after <form...> -due to the problem above, the spacing is all messed up -on the checkout page, the spacing above the google checkout link (in ie6/7) -in ie, the bottom of the page is spaced over 4 pixels Can anyone point me in the right direction? Also, is there a way to 'scale' the page depending on browser, computer, resolution, etc...? Thanks in advance for the help guys. For some reason, on my homepage (http://www.projectdisobey.com/disobeyclothing/) an extra '</div> <!-- content #end -->' is being created in the page source, AFTER the closing 'body' and 'html' tags. There is no mention of '</div> <!-- content #end -->' in my 'footer.php' file, so why does this show up in the page source? Please see the attachment. If anybody could point me in the right direction as to why this might be occurring, and how I might fix it, I would be eternally grateful! Thanks! i'm looking for a cheap way out of making collapse/expand code. i've learned a lot of 'ghetto' techniques n thought mayb i can use something similar to the html tricks i've learned in the past. the theory i have is.. i use the title of the collapse/expand text as a link to the text below it to open and close by using the navigating tags: Code: <a name="content">opening/closing text here</a> and the title above the content: Code: <a href="#content">Title</a> to open the area of text. now my idea of a shortcut around the whole css/html/javacript combo is to make the text below it use a Code: <font size=0>content</font> at default and have the href title link change the font size to the default 9pt but I don't know if that's even possible. Is it possible with the Code: <div> tags? and if so, using that, would i still b able to make a link like that? Is it possible to trigger the action of a form with a submit button that's outside the form tags? If so, how should this example be rescripted to make the input tag work outside the form tags? [/code] <html> <body> <form name="input" action="html_form_action.asp" method="get"> First name: <input type="text" name="FirstName" value="Mickey" /><br /> Last name: <input type="text" name="LastName" value="Mouse" /><br /> <input type="submit" value="Submit" /> </form> </body> </html> [/code] My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the 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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> Hello all, I've invented this tool called "New HTML tags" for creating new tags in HTML: http://4nf.org/ At the heart of the tool is the facility to speed up routine tasks in HTML, speed up time-to-market of operators etc. It also has numerous advantages in the area of on-page SEO. What do you think of it? Thanks in advance and kind regards |