HTML - Display Html Code Without Linking [was: How Do I]
display html code without creating an actual link?
I am writing an instruction manual an am having problems showing the html code without it becoming a link. Similar Tutorialshow do I display html code as text? The page is an html document, I want users to be able to highlight and copy a piece of html code. I have tried putting it in a text box in a form, but I can't seem to do it without the code being read as REAL html. Thanks in advance Hugeknot Hello, I currently run a shell script that generates a web page. I have never been happy with the layout and feel I could make it better by instead of having to parse each command into html to use text files. I have put some example code on pastebin and hoped someone could help me in getting the basics working, I know little about iframes and java. I would really love to have the items on the left to be clicked on so they expand and allow me to choose a more granular menu system that allows the items clicked to open in the right hand iframe, a bit like the IBM / HP ilo screens. I have no preference into the code type etc as long as it would be easy to generate the code for ie the menus. css would proved an added benefit as well. current page New look page Thanks First off, I would classify myself as having a basic working knowledge of HTML, but I'm far from experienced. I use Expressions (I know, first mistake), and do at least 50% of the work in the code view window. I'm having a problem right now linking a PPS document. I made the PPT and saved it as a PPS, and linked it using <a href="images/anamaited.pps" target="_blank"> When I preview the website on my computer and click the link the document opens in a new explorer window as a PPS, but when I publish the site and click the link it downloads the document and opens PPT. I don't want visitors opening my presentation in PPT, is there anyway to have the pps display in a browser window or do I have to convert the PPS into flash? If I need to display it as a different file type, I need to do it for free, any suggestions? -edit- wanted to clairfy when I click the link on the live site, it actually opens MS PowerPoint, not a new browser window as the tag specifies. I am currently working on a webpage that will primarily be viewed on an Ipad. I am currently linking images with the following code. <a href="images/why/photo_large.jpg"><img src="images/photo_thumb.jpg" width="139" height="92" border="0" /></a> This links the tumbnails to a larger image in the same window. Currently the only way to go back to the original page is to click the back arrow in the corner of the image. Is there someway to make it so the new image is a back arrow? I would like the user to be able to click anywhere on the new image and it take them back to the original page. If this is possible any help you guys can provide would be greatly appreciated. Thank you. Luke I guess the first thing to do is give you a link to my site: http://theinstinct.net. Now if you notice, on the left hand side we have a Navigation Bar and a few other small things. Lately we've (myself and a friend work on the site) been editing and updating it a lot and we realized that we'd have to make the same changes on every single page. So my question for you is, is there a way to execute a separate HTML file inside another? Like you can link to a CSS file or to a JavaScript file, can you do that with an HTML file? Thanks for the help! Hello, I have the page "index.html" in my root folder, as well as another "index.html" page in a subdirectory. I feel like a moron for not being able to figure this out on my own, but here goes: How do I create a link from my subdirectory index.html page to the one in my root folder? Any help is much appreciated. Hi, I was wondering how i can link to my script file instead of having it stored in the head. At the moment i am only using javascript and i dont like it in the head because it looks messy. My site has 2 columns and the script simply makes sure colum 1 and column 2 always have the same height to retain the layout because i'm using background images. I have saved the script in as scripts.js and it looks like this. Code: function fixH(one,two) { if (document.getElementById(one)) { var lh=document.getElementById(one).offsetHeight; var rh=document.getElementById(two).offsetHeight; var nh = Math.max(lh, rh); document.getElementById(one).style.height=nh+"px"; document.getElementById(two).style.height=nh+"px"; } } window.onload=function(){ fixH('column1','column2'); } Ok now back in my html head where i would usually put the actual script i have put: Code: <script src="scripts.js" type="text/JavaScript"></script> I was hoping this would work but it doesn't seem to be working. When i preview the page locally in IE6 it pops up to say something has been blocked which i guess is the javasript. Maybe i need to upload to web server and test but wanted to post here to see if i did it correct in the first place. Any help would be greatly appreciated. Rick I am fairly new to HTML and servers and such. I have a ftp server hosting my website which is very basic, the link is ftp.Marmatote.hostchick.co.uk/public_html/index.html That works, but im uploading another page, links.html and i do not know understand how to link my first index page to my links.html page. Do i have to name it something certain? or do i have to upload it somewhere certain or what? Code: <a href="marmatote.hostchick.co.uk/public_html/Links.html">Links</a> i have no idea. Please help, additional information can be supplied on request. Hei! I'm trying to create a table with three columns, first and last with one row each and middle with two rows. There's pictures in left, right and in the middle bottom cell. Here's the code: Code: <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="16%" colspan="1" rowspan="2"><img src="kuvat/hat-right.jpg" border="0" width="100%" height="100%" alt="-------"> </td> <td width="64%" align='center'><a href="index.php">Main page</a> | <a href="aboutus.php">About Us</a> | <a href="showprods.php?sizeToShow=All">Catalog</a> | <a href="contacts.php">Contacts</a> </td> <td width="16%" colspan="1" rowspan="2"><img src="kuvat/hat-left.jpg" border="0" width="100%" height="100%" alt="----"> </td> </tr> <tr> <td width="64%"><img src="kuvat/hat1.jpg" width="100%" height="100%" alt="---------"></td> </tr> </tbody> </table> It works like I want it to do in Firefox, looks ugly in Konqueror and not displayed in Internet Explorer 6. Where's the problem? Thanks in advance! I'm new to HTML and I need help with posting up c++ code. I have very bland formatting for code in my blog. I need to be able to post up c++ code like in this guy's Blog Or like this guys site Notice how the c++ code is formatted nicely to show line numbers and colors. What tags or techniques does one use to get this kind of formatting? 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> Hi guys, I have on my webhost a ton of pictures and I would like to be able to go to that directory... xxx.com/photos ...and have a page display all the files located in that directory just in a list....then be able to click on them so it displays. Just a file list basically. eg: pic1.jpeg pic2.jpeg etc Is there a simple code to allow me to do this? Thanks! HTLM code to display a directory listing??? Hi there, I wonder whether anyone can help me, I am been desperately searchnig for this answer. Is there any HTML code I can use which I can insert into a webpage, that will show me the directory contents of a particular directory thats within the webserver? I have a webserver which contains a list of files, which I can browse to and view ONLY if I insert the location into a web broswer such as: http://webserver/mydocuments/ I have files that are regularly copied into this directory on my webserver, I want to keep watch on this folder everytime a new file is added. The only way I can do this now is to type in the URL HTTP://webserver/mydocuments and then keep hitting the REFRESH button on IE. Is there a way where the page will keep refreshing every minute/seconds to enable me to keep watch on added files into this location? I thought that if there is some HTML code I can insert into a say a index.html file to allow me to view directory contents, I can then insert code to keep refreshing that page. Any help with this will be appreciated. I thankyou for your help and ideas. Yours, Jameera Hello! I have a blog on blogger and i want to make a c++ tutorial.. But every time i type "<iostream>" on post, when i see it, it is only "iostream". How can i make a code like the "[code]" from BBcode to cancel the compiling from HTML? Thanx! Hi I need some help re drop shadows The above is a part screenshot of my site. When someone clicks a menu item, the grey transparent div comes up over the face (created using a 2 pixel square transparent gif - two pixels grey, the other two transparent). The idea is then to have content sitting on top of the transparent grey square. The content has to expand or contract depending on the size of the screen, so it will be made up of individual images. It would be great for the images to have drop shadows on them to make them stand out. Problem is, I can't add them in Photoshop, otherwise they will look bad when I make the images transparent gifs. My next option was to use solid block drop shadows, like in the image above, but they still look average. I was wondering if there is an html or css way of adding a drop shadow to images and text that will let the background from lower divs show through? So not a static, saved image drop shadow, - it has to be dynamic in that when the images move when the browser window or resolution changes, the new part of background image (the face) shows through the drop shadow. Hope this makes sense - it's late and I've had a lot of coffee. Cheers Shaun Good day I need some help. I created a website in adobe dreamworks a while ago. I have added another link to a html file hosted on my website, but it doesn't work in IE and works fine in Chrome and Firefox. the link works, but not the whole page loads any suggestions? i'm a bit confused.. it always worked, that i uplaoded the hml code as a new web page in the ftp web tool... (without even name it to .html at the end of the site name...) How can I make that the webpage which i uploaded is diplayed as the actual webpage (and not shown the html code instead) WITHOUT have to add .html to the url??? Example: url.com/contact --> shows only html code url.com/contact.html --> shows correct site but if u access any site... you usually never have to add .html to the url: e.g.: www.mtv.com/music PLEASE, thanks This has probably been asked before, but while the answer is so elusive it's darned frustrating. How do I display my own code in my own browser? I'm using Expression Web 4 and Textpad. Neither of which will display my HTML code that has passed the 3WC validity process. So presumably it's a Windows 7 thing with a setting somewhere that needs to be ticked? I have tried to make a website with help from a mate, but i can't get it to work. I need the final pictures to work. They just keep on displaying as text, not pictures. *PLEASE NOTE*i'm not very good at HTML - please talk easy speak or suggest how coding of what i should use instead. my coding so far is as follows: *PLEASE NOTE* do not mind my picture/info - it isn't actually relevent, just examples! *coding* HTML Code: <html> <head> <title>Madmanbonzo</title> <script type="text/javascript"> confirm("Are you a person?") } </script> </head> <body> <table> <tr> <td> <font face="arail" size="8" color="blue"><b> Madmanbonzo's first website!!</b></font> </td> </tr> </table> <hr> <table align="center" width="700 pt"> <tr> <td align="center"> <font face="Times New Roman" size="4" color="green"><u><marquee>My first website!!!<button>Click Me If Bored!</button></u></marquee></font> </td> </tr> </table> <hr> <table align="center" width="100%" border="1"> <tr> <td align="left" width="50%"> <font face="arail" size="4" color="red">Links <ul> <li><a href="http://www.google.com" title="Google">Google</a> - A major search engine!</li> </ul> </font> </td> <td align="center" width="120"> <font face="arail" size="4" color="violet">This is my first ever website!!</font> <form> <input type=button value="click for 5 pounds" onClick="shut()"> </form> <form> <input type=button value="click for 10 pounds" onClick="shut()"> </form> </td> </tr> </table> <a href='http://www.draynor.net/'><img src='http://www.draynor.net/anim/mickeena.gif' alt='Draynor.net' /></a> <a href="http://www.draynor.net/" title="Draynor.net Skill-Goal Signature"><img src="http://www.draynor.net/skill/mithril/ranged/70/mickeena.png" alt="Draynor.net Stat Signature <a href="http://www.draynor.net/" title="Draynor.net Skill-Goal Signature"><img src="http://www.draynor.net/skill/mithril/attack/75/mickeena.png" alt="Draynor.net Stat Signature <a href="http://www.draynor.net/" title="Draynor.net Skill-Goal Signature"><img src="http://www.draynor.net/skill/mithril/overall/1250/mickeena.png" alt="Draynor.net Stat Signature <a href="http://www.draynor.net/" title="Draynor.net Skill-Goal Signature"><img src="http://www.draynor.net/skill/mithril/fishing/68/mickeena.png" alt="Draynor.net Stat Signature <a href="http://www.draynor.net/" title="Draynor.net Skill-Goal Signature"><img src="http://www.draynor.net/skill/mithril/mining/60/mickeena.png" alt="Draynor.net Stat Signature <a href="http://www.draynor.net/" title="Draynor.net Stat Signature"><img src="http://www.draynor.net/stat/mithril/male/dharok_set/Mickeena.png" alt="Draynor.net Stat Signature <a href="http://www.draynor.net/sgoal_signatures.php" title="Draynor.net Homeworld Bar"><img src="http://www.draynor.net/hw/mithril/129.png" alt="Draynor.net Stat Signature Bye </body> *coding above* Please help! case closed!!! I sorted the problem...thanks guys! |