HTML - Calling Html "modules" From Your Html Code
Dear Forum-goers,
If I knew what to search for I would, but I don't know what this idea is called. I want to create a website with code that does the following: <body> (INSERT FROM OTHER HTML FILE: Page introduction) (INSERT FROM OTHER HTML FILE: Content) (INSERT FROM OTHER HTML FILE: Sidebar) </body> Is there a way to do this? If not, then okay. I've tried using <link />, which doesn't do the job. You'll see the line in question in blue font: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>This is the main page.</title> <link type="text/css" rel="stylesheet" href="journal.css" /> </head> <body> <link type="text/html" rel="content" href="tobelinked.html" /> </body> </html> Similar TutorialsHi, i have a website which i designed using HTML Code, but it is internet unfriendly, so it is not viewable at all. I want to convert the HTML Code to CSS, or do you know way for it to be viewable, without doing alot of things? .. I want my website to be viewable for all internet & i want to keep my layout i designed. It is only view-able with older version of firefox only. I have dreamweaver, if this means anything =] (but don't know how to use it) Please Help, thank you in advance. =] EDIT; Thanks For Not Helping!!! Hi there, I m using dom with css in my web page. Using the document type <!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"> My dom effect is not visible in mozilla 2.0. In stead if I am using the document type <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> the dom effect is visible. Is this vaild using w3c standards? Any help in this issue would be appreciable. Thanks in advance Hi there, I m using dom with css in my web page. Using the document type <!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"> My dom effect is not visible in mozilla 2.0. In stead if I am using the document type <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> Is this vaild using w3c standards? Any help in this issue would be appreciable. Thanks in advance A customer gave me a Word doc that they want turned into a printer friendly web page. I understand that there are tons of ways to do this but I really want the answer to the subject. What i'm referring to is a form that someone can print from the browser and "fill in the blanks" on the page where there are "underscores". My question is how to code those underscores. I tried manipulating the <hr> tag but it's putting way too much space in between each <hr>. I've already coded a "fill in the blank" line using <u> nbsp;</u> but that looks very messy. What do you guys/gals think? Hey Guys, Firstly I'm very new to using HTML and "programming" general, so I'm sorry if I come across as dumb New to the forum also and signed up as I couldn't fine help elsewhere on this problem. I'm attempting to write a simple HTML form that will eventually print to a .txt file. The basics of it is d: <input type="text" name="hnmr_shift1" /> H's: <input type="text" name="h_s1" /> Multiplicity: <input type="text" name="multiplicity1" /> J coupling:<input type="text" name="j_coupling1" /> <br /> which is repeated and repeated over and over (about 25 times) I was wondering if there's a to have the user select how many of these they would like (in a drop down box or something along those lines) and it will pop up with x amount of rows of the above boxes. i.e if the user selects 3 you would see something like d : (box) H's : (box) Multiplicity : (box) J coupling : (box) d : (box) H's : (box) Multiplicity : (box) J coupling : (box) d : (box) H's : (box) Multiplicity : (box) J coupling : (box) I've seen similar things on forms were it asks you something like "how many people...." and when you select a number it will pop up with separate boxes for each persons name and details (first name, second name phone number etc.). was thinking of using javascript or something along those lines hope this makes sense. cheers Aaron ps. I want to avoid php as this form will be running on school computers and I cbf setting up a server etc. for it to run. the idea of the form is that it can be booted easily from a USBDrive without any problems or permission issues. Hi All Background: A Popcorn Hour is a NMT that allows one to view just about any movie file types .. easily on ones TV set. You install a hard drive in the Popcorn, ... then copy over some movie avi's. mkv's, etc ... then play them via the Popcorns "Text Only" menu system. But, I was able to figure out how to use a program called Movie Collector to enter info about ones movies, .. then export html gui menu files over to the Popcorn. Now the user can see the movie cover of each movies, along with a detailed description of the movie, then play it using the remote control. Here's an example of the html menu files that get copied over to the Popcorn Hour: http://www.treasure-cove.net/jukeboxtestdrive and my webpage for showing how it's done... http://www.treasure-cove.net/moviejukebox.htm The Popcorn runs Linux, and can run some basic html as well as some java ... but not much Java Support: http://www.networkedmediatank.com/wi...ascript_on_NMT HTML: http://www.networkedmediatank.com/wi..._Documentation As you can see, it's very limited in what it can do html/java-wise. There are 2 things I'd like to add to "My Lil Movie Jukebox", but haven't been able to figure out, ... and wondered if any other members might know a way to accomplish these changes ... Here's how the menu screen looks on your TV (when a movie is onfocus, it has a very small yellow line around the cover, which is hard to see) and here's how I would like it to look: There are 2 changes I'd like to make: 1. When you use the remote, whichever movie cover is "onfocus", .. it expands out in size (without displacing any of the other covers) 2. Whichever movie cover is onfocus, ... the title of that movie is displayed at the top of the page. (but the page scrolls up ) If any of the forums html/java gurus knows how to accomplish anything close to this, .. I sure would appreciate any help given,... or maybe you know of a link that might be of value... (BTW, ... I'm no programmer that's for sure, just a newb hacker...) Here's something I found on the web that looks like it would work ,... http://host.sonspring.com/hoverbox/ but alas, when I copied it over to the Popcorn, ... no workie Again, thanks way in advance for any help! If I could just make the html menus display a little better, I'd be all set! I just don't have the required brain-power thanks! Allen So I'm working on some "bulk" format emails for my work, and they're just basic HTML designed pages with a few images included in the coding (<img src="www.google.com/image.jpg"></img> ...for example). My problem is, not necessarily the format or design of the email itself, but rather that every time I send the email out, whether it be gmail, yahoo, hotmail, etc, it prompts the recipient to download the images, either in full, or individually - as if they were attachments to the email itself. For example (this is what our recipients see when they recieve the email...aside from this, the email looks fine): The email displays correctly, but why does it prompt the recipient to download the images that are encoded in the message? Or better yet, why do other newsletter/bulk emails that I recieve from other companies NOT prompt me to download the individual images? What am I missing here? Thanks for the help! Hello, I've got a simple page with frames and a list of links. I'm trying to get hyperlinks to open into a frame called "PicFrame." The code I've got works (opens the link into the PicFrame) in IE8, FF, Opera, and Chrome, but not IE6 or IE7 which is what my 2 computers use most-frequently. Does anyone have any suggestions for a workaround? A fragment of the simple code is below. Thanks. HTML Code: //WITHOUT A HYPERLINK <TR><TD> <font size=2 face="verdana">Team 6 - Dewey, Killum, & Howe</font> </TD></TR> //WITH A HYPERLINK <TR><TD> <font size=2 face="verdana">Team 7 - <a href="picturePage.PHP?id=003-1-2009-07"; target="PicFrame";> Setting John Malkovich</a></font> </TD></TR> Hi Everybody! My name is Michael and I am an Engineer & Comp. Tech. with little knowledge of HTML CODING. OPTION" QUESTION - PLEASE HEELLLLPPPPPPPP!!! I pasted a drop down OPTION HTML coding in an index.htm for "Business 1", but I need the second part where "option 2" chooses i.e; "Business 2". I can select option 1 or 2, but I don't know how to link it to i.e.; "Business 1" or "Business 2". Please heelllllpppppppp!!! The following is the code for option 1 or 2, which is a drop down for "Please select an option: ============================ <CENTER> Please select an option: <SELECT> <OPTION SELECTED>option 1 <OPTION>option 2 </SELECT><BR> <INPUT type="Submit" VALUE="Submit"></CENTER> ====================================== MISSING PART: OPTION 1 OR 2 SHOULD SELECT WHATEVER IS LINKED TO OPTION 1 AND 2. Thanking you in advance for your help, Michael Hello everyone. I am building a website and am on my final stage of building the "tabs" at the top of the page and the html is driving me nuts I will attach the source code below. The tabs that are currently present (the ones included in the free template) are the following: Home About Templates Flash Contact The ones that I need are Home About Us Pics Multimedia Drag Racing Tech Articles For Sale Contact Us Can anyone steer me in the right direction? I don't want to manually have to make these tabs and risk having the letters not line up. Oh, and I am using Frontpage to build the site Hi! I would like to be able to click on a button on my page and have the page automatically scroll down (or up), BUT I DON'T want to specify the address of the site or the name of the file... So the following won't do: <a href="filename.html#gohere">button</a> <span id="gohere"> text Is there a way to introduce an anchor without having to name the source? I want the users of my page to be able to change the name of the file and still have it work.. if at all possible. Please let me know. huge thanks in advance! evajs Hey, all. New user here, but you looked like the friendliest bunch of people discussing web dev. Here's a simple question (I hope): I want to query the Navy's public site for moon cycle/period information from within my own code. There's a page (here) that provides a form to get what I want per day per location. But when I pull out the form info from that page source and place it in my own page, the form doesn't work. Is this a workable approach? An alternative would be to use another form on the same site (here) that results in a table of info for a whole year's worth of data. I could go either way as parsing either table is pretty straightforward for me. Since the forms are similar, it seems like getting on of those forms to work at all is the crucial issue, or is there another way to query data on the net like that? Thanks in advance, Burt A validated my html with w3's validator. I don't know what is worng. HTML Code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> Tyilo's chat </title> <link rel="shortcut icon" href="chat.ico"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <base href="http://tyilo.jbusers.com/"> <style type="text/css"> body { background-image: url("http://tyilo.jbusers.com/back.png"); } h1 { color: #00FF00; font-family: Impact; font-size: 50px; text-align: center; } h2 { color: #00FF00; font-family: Impact; font-size: 35px; text-align: center; } p, table { color: #FFFFFF; font-family: Impact; font-weight: bold; font-size: 20px; text-align: center; } table { margin-left: auto; margin-right: auto; } img { border: none; } div.error { color: #FF0000; } a:link { color: #00FF00; } a:visited { color: #FF00FF; } a:active { color: #FF0000; } a:hover { background-color: #000000; } </style> </head> <body> <script type="text/javascript"> if(document.URL.search(/(www)|(index.php)/i) > -1) { document.location = document.URL.replace("www.", "").replace("index.php", ""); } </script> <h2> <a href=""> <img src="home.ico" alt=""> Home </a> <a href="/chat"> <img src="chat.ico" alt=""> Chat </a> </h2> <hr><h1> Tyilo's chat! </h1> <table> <tr> <th width="40%"> Login </th> <th width="20%"> OR </th> <th width="40%"> Register </th> </tr> <tr> <td> <form action="chat/" method="POST"> <p> <input type="hidden" name="mode" value="1"> Username: <input type="text" name="username"> <br> <div class='error'>No username entered!</div><br><br> Password: <input type="password" name="password"> <br> <div class='error'>No password entered!</div><br><br> <input type="submit" value="Login"> </p> </form> </td> <td> </td> <td> <form action="chat/" method="POST"> <p> <input type="hidden" name="mode" value="2"> Username: <input type="text" name="username"> <br> <br> Password: <input type="password" name="password"> <br> <br> <input type="submit" value="Register"> </p> </form> </td> </tr> </table> </body> </html> Hi guys, first time poster, but this issue is really stumping me. I'm embedding a .swf movie that is a large banner. The thing is, it works on the index.html page, as well as the news.html page, but when I try using the same exact embed code on the sub-links of the site, it says "Movie not loaded.." and doesn't work. As you can see on http://www.hickorygp.com/ and the News page, http://hickorygp.com/news.html - both .swf movies work, as I used the same exact code from the index to the news page, yet when I use the same exact code again (copy and pasted) for an article of the News page he http://www.hickorygp.com/news/idd-4809.html the movie does not load.... I really don't understand whats going on, as, like I said earlier, I'm literally copy and pasting the same exact embed code that works on the index.html page and the news.html page. FYI, the overall goal is to re-design each news article from the news.html link to resemble the main page layout edit: I was looking at the ftp directory again, and it just came to the realization to me that the articles are stored in a separate folder, whereas the index.html and news.html is stored in the root. Shouldn't the source still work when it is directed at a file in the root even though its contained in a separate folder? This is the code: <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','968','height','427','src','KIZoomSlideshow2','quality','high' ,'pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','KIZoomSlideshow2' ); //end AC code </script><noscript><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="968" height="427"> <param name="movie" value="KIZoomSlideshow2.swf" /> <param name="quality" value="high" /> <embed src="KIZoomSlideshow2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="968" height="427"></embed> </object></noscript> I just got my code to validate under the strict doctype ... but once I changed the doctype, Firefox started rendering something different, so that now there's a black gap below the header bar. i checked by putting the transitional doctype back in, and with that it looks perfect. ... but IE doesn't render it differently when i put in the strict doctype. so what's going on here?!?! Here is a simple question from a newbie that has been doggin' me. How do you create spaces in html? My entries are coming out clumped together, I have not found a good tutorial on this subject. Can anyone give an answer or recommend a link or tutorial? Thank you, Frank Hello. My understanding of code is at a beginner level. I'm trying to understand the source of the rel="box" tag in this relationship. I have a bit of javascript called "box.js", but it doesn't seem to read from this tag. Sorry to be vague, but I'm willing to fill in any gaps. <td class="twocolumns" colspan="2"> <a href="gfx/img/photo/things.jpg" rel="box"><img src="gfx/img/photo/things.jpg" class="scimage" alt="" /></a> <p>This is a TEST</p><br /> </td> It should launch an independent container from box.js, (in which the image should appear), but right now it just links to the image file. Any help at all would be greatly appreciated. Thank you, in advance! 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 http://www.colletts.co.uk/winter_dolomites.htm I have the above page that redirects users to my Winter Website - the HTML below isn't valid W3C does anyone know of a better and valid way to get this done? Cheers, Mas HTML Code: <META HTTP-EQUIV="Refresh" CONTENT="2.5;URL=http://www.colletts.co.uk/winter/winter_dolomites.html" /> |