|
HTML - My Browser Not Displaying My Html Page
Hi all, just came here to ask why is it that when I try to open my HTML file in Internet Explorer, which I created in note pad, it comes up with the code I typed it rather than displaying the actual page?
Like for example I typed in this... <html> <head><title>Interspecies Conflict Videos</title></head> <body> <div align="center"> <img src="web logo.jpg" alt="Web Header" /> </div> </body> </html> And all I got was the code you see above you, there was no picture or anything. Similar TutorialsCan't figure out why the page is displaying only HTML code. My assumption is: I indicated a wrong path to the image hosted with 000webhost.com. Otherwise I have no clue why the code doesn't display online. Here is the code. Can anybody spot the problem? Thanks in advance! =========================================== HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title>Russkaya Zvezda</title> </head> <body> <table width='100%'> <tr> <td align ='center'> <img src = "http://www.russkayazvezda.com/GRAY_VK_RZ_MY_RABOTAEM_raster.jpg" width = "100%" alt = "RUSSKAYA ZVEZDA"/> </td> </tr> <tr> <td> <p style = "text-align: center;"> Copyright © 2000 - 2012 by Russkaya Zvezda Inc. </p> </td> </tr> </table> </body> </html> hi all, am new here, please bear with me! I have a request, I am creating an Intranet site for my company and would find it useful to display on the page the local machines IP address (not the public one), the LAN one. Can this be done in HTML or not, and if yes, can anyone please kindly point me in the right direction?? Thanks in advance. I'm making a webpage that has a photo gallery on it. I found a very nice photo gallery to use at cssplay.co.uk. The gallery uses a Div in order to work. I nested the div inside of a table so that I could create the look that I wanted to. However, the footer of my webpage won't show up, no matter what I try to do. Does anyone have any suggestion? Thanks P.S. Sorry I had to take out some of the code so that it would post. here is the code: 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>Galleries</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="content-type" content="en" />
<title>Galleries Home</title>
<link href="../../CSS/Table_Header_Style_Sheet.css" rel="stylesheet" type="text/css" />
<link href="../../CSS/Marquee Style Sheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../JS/ie5.js"></script>
<script type="text/javascript" src="../../JS/DropMenu1.js"> </script>
<!--THE CODE FOR THE PHOTO GALLERY BELOW IS THANKS TO STU NICHOLLS AT [url]http://www.cssplay.co.uk/[/url] -->
<style type="text/css">
body {text-align:center; font-family: tahoma; arial, sans-serif; font-size:76%; letter-spacing:0.05em;}
table.dm1 { background: url( "http://i1131.photobucket.com/albums/m541/Mitch_Guzman/JetDragsterLogoWatermark2-1-1.png?t=1306259715") no-repeat; background-position:center }
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at [url]http://www.cssplay.co.uk/menu/lightbox.html[/url]
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* common styling */
a {color:#000;}
a:hover {text-decoration:none;}
/* slides styling */
.photo {width:635px; text-align:left; position:relative; margin:0 auto;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}
.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}
.photo ul.topic li a ul,
.photo ul.topic li ul
{display:none;}
.photo ul.topic li.active a
{color:#000; background:#bbb;}
.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}
.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}
.photo ul.topic li a:hover ul,
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}
.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}
.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}
.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}
.photo ul.topic li a:hover ul li a:hover,
.photo ul.topic li:hover ul li a:hover
{white-space:normal; position:relative;}
.photo ul.topic li a:hover ul li a:hover img,
.photo ul.topic li:hover ul li a:hover img
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}
.table {
height: 100%;
width: 1000px;
}
table.background { background: url("http://i1131.photobucket.com/albums/m541/Mitch_Guzman/JetDragsterLogoWatermark2-1-1.png?t=1306259715") no-repeat; background-position:center }
body,html {
margin:0;
padding:0;
height:100%;
}
table.background { background: url("http://i1131.photobucket.com/albums/m541/Mitch_Guzman/JetDragsterLogoWatermark2-1-1.png?t=1306259715") no-repeat; background-position:center }
a:link {
color: #94D4FF;
text-decoration:none;
}
a:hover{
color:#FF0;
}
a.header:link {
background:none;
color: #00C;
}
a.header:hover {color:#FF0; background:none; }
<!--This allows the color of the links to change when you hover over them a:visited {
color: #94D4FF;
}
-->
</style>
</head>
<body background="../../Images/CarbonFiber.jpg" link="#94D4FF" vlink="#94D4FF" alink="#94D4FF">
<div id="header" align="center">
<img src="../../Images/jdp.pr.erau.edu_Header.jpg" width="1000" height="95" />
<table background="../../Images/Table header Background.jpg" align="center" border="none" height="50" width="1000" cellpadding="0" cellspacing="0">
<tr align="center">
<th>
<a href="../Home/Home Page.htm" class="header">Home Page</a>
</th>
<th>
<a href="../Research/Research home.htm" class="header">Research</a>
</th>
<th>
<a href="Galleries Home.htm" class="header">Galleries</a>
</th>
<th>
<a href="../JDP Calendar/JDP_Calendar.htm" class="header">Calendar</a>
</th>
<th>
<a href="../Contact Us/Contact Us.htm" class="header">Contact Us</a>
</th>
</tr>
</table>
</div>
<table class="background" border="0" bordercolor="#0000FF" align="center" style="width: 79.25%;" cellspacing="10" height="750">
<tr>
<td align="center" valign="top">
<div class="photo">
<ul class="topic">
<li><a class="set" href="#Portraits">Portraits<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="lbox/portrait1.jpg"><img src="http://www.cssplay.co.uk/menu/lbox/portrait1a.jpg" alt="" title="" /></a></li>
<ul>
<li><a href="#bird1"><img src="http://www.cssplay.co.uk/menu/lbox/bird1.jpg" alt="" title="" /></a></li>
<li><a href="#bird2"><img src="lbox/bird2.jpg" alt="" title="" /></a></li>
<li><a href="#bird3"><img src="lbox/bird3.jpg" alt="" title="" /></a></li>
<li><a href="#bird4"><img src="lbox/bird4.jpg" alt="" title="" /></a></li>
<li><a href="#bird5"><img src="lbox/bird5.jpg" alt="" title="" /></a></li>
<li><a href="#bird6"><img src="lbox/bird6.jpg" alt="" title="" /></a></li>
<li><a href="#bird7"><img src="lbox/bird7.jpg" alt="" title="" /></a></li>
<li><a href="#bird8"><img src="lbox/bird8.jpg" alt="" title="" /></a></li>
<li><a href="#bird9"><img src="lbox/bird9.jpg" alt="" title="" /></a></li>
<li><a href="#bird10"><img src="lbox/bird10.jpg" alt="" title="" /></a></li>
<li><a href="#bird11"><img src="lbox/bird11.jpg" alt="" title="" /></a></li>
<li><a href="#bird12"><img src="lbox/bird12.jpg" alt="" title="" /></a></li>
<li><a href="#bird13"><img src="lbox/bird13.jpg" alt="" title="" /></a></li>
<li><a href="#bird14"><img src="lbox/bird14.jpg" alt="" title="" /></a></li>
<li><a href="#bird15"><img src="lbox/bird15.jpg" alt="" title="" /></a></li>
<li><a href="#bird16"><img src="lbox/bird16.jpg" alt="" title="" /></a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<br class="clear" />
</div>
[color="Red"]This is the part I'm not sure about.[/color]
</td>
</tr>
<tr style="background-color:transparent; vertical-align:text-top" align="center" >
<td colspan="3" style="font-size:12px" valign="top">
<a href="../../Home/Home Page.htm">Home</a> |
<a href="../../Research/Research home.htm">Research</a> |
<a href="../../Galleries/Galleries Home.htm">Galleries</a> |
<a href="../../Calendar/Calendar.htm">Calendar</a> |
<a href="../../Contact Us/Contact Us.htm">Contact Us</a>
<br />
<p>Copyright © 2011 Embry Riddle Jet Dragster Project <br />
Embry-Riddle, Prescott, AZ. All Rights Reserved <br />
Designed by: <a href="mailto:mguzman9294@gmail.com">Mitch Guzman</a> </p>
</td>
</tr>
<div id="ads"></div>
</table>
</body>
</html>
Hello! Please ceck: http://htlounge.net/testing Near to logo is a adsense banner.. 468x60. In IE and Opera is displaying ok! But in Firefox not.. It is a white space! What is the problem! Thank you! Hello all, I am not understanding the coding for the relative path for my image from the index.html page. I have an image which I gave the name "jesus.jpg" and this image is located in my pc in the folders c://mike'sdocs/websites/church/churchimages/jesus.jpg The index.html file is in the "church" folder and the image itself "jesus.jpg" is in the "churchimages" folder. so the code I am using is <img src="churchimages/jesus.jpg" /> but it does not show in Firefox's browser, help please? I tried other images in that same folder but same result, what could be wrong here please? I am having problems viewing any images on the browser and don't know why so I am starting from scratch. I have placed an image titled "jesus.jpg" into a folder named "church" on my C drive, the relative path is C:/mike'sdocs/websites/church just to be sure I checked the image's properties and it confirms the image is a jpg file, I copied this image into Apache's htdocs folder where I placed the index file and this is all I am getting, the pic itself does not show, all I am seeing where the image should be is a rectangular bordered box on a transparent background with a small icon of a dog-eared page with 3 colored tiny symbols in it, what could be wrong here please? This is not an Apache issue, I was getting this same problem before just using Firefox's browser and I was told to install a webserver which is why I installed apache which is working fine as I can see any changes made to the text on my index page in Notepad. The code I am using is: <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> <img src="jesus.jpg" width="144" height="50" /> </body> </html> Hi, Background: I have a small page that need to be embeded into a bounch of other html pages. Help needed: 1. Please provide the html chunk that I can use to embed the small page in to other html pages. 2. Is there a way of not using iframe? Can I use <Object> or <embed>? How? --------------------------- mba colleges in london hospitality management diploma http://mindscapemedia.co.uk/bug.html Hi, it's a while since I came across this bug, forgot which fix I used for it last time. If anyone could point me to a suitable page or alternatively tell me how to get round this issue I'd be grateful. Check the page in FF/Safari/Chrome it works how I intend it to, check it in IE it bugs out and the last div goes over onto the next line. I've spent more than an hour messing around with different hacks trying to fix this now I am new to the forum, and relatively new to web design. I recently updates some things on a very basic page for my wife who is a hair stylist. For whatever reason, the index page will not display in IE or Chrome, but will just fine in Firefox. I've checked everything and just can't find what is causing the issue. http://amyappletonhairdesign.com These pages on the same site display fine if you need a point of reference: http://amyappletonhairdesign.com/services.html http://amyappletonhairdesign.com/contact.html Thank you! I was wondering if there is a way to display a section of another webpage, such as a table, through a separate site. Obviously I could just copy the code from one of my pages to the other, but I would prefer if it would automatically take the code from one page and display on another? I hope I am making a bit of sense. Nick C. Hi everyone, i have recently desgined me a holding page and im having trouble displaying it. this is my code and also my site is at the bottom in my sig. 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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Basicproduction</title>
<style type="text/css">
<!--
body {
margin: 0px;
}
-->
</style></head>
<body bgcolor="#000000">
<body>
<div align="center"><a href="http://www.myspace.com/basicproduction" target="_blank"><img src="../Holding page images/bpholding copy.jpg" alt="" width="750" height="650" border="0"/></a></div>
</body>
</html>
i think i might have gone wrong with the color but im not sure. i want black but i think it may be placed in the wrong place? im not sure. Thanks I would appreciate anyone's help in determining why my text is not going all the way to the right side of the "maintext" container. You can view the problematic webpage at: http://www.cornerstonecontractingcom...emp/about.html The associated CSS can be viewed at: [url="http://www.cornerstonecontractingcompany.com/temp/default.css"]http://www.cornerstonecontractingcompany.com/temp/default.css[/URL Thank you very much for your help. Hey guys, hope someone can help. I have a website that is displaying correctly in FF 3.05 but incorrectly in IE7 If you look at this page in FF and then IE you will see the problem... http://www.debt-rescued.co.uk/applynow.html Hope someone can help I have a simple homework assignment that I need to submit to my instructor. The assignment is a simple HTML based webpage with two photos. When I open the webpage on my computer the photos display just fine, but I need to send it all to my instructor in a compressed .zip file. When he opens the .zip file, the photos will not display. This is because the original path is no longer valid. How do I change the path so that the webpage will display the photos included within the .zip file? Here is what my code looks like.... Code: <html> <!----Website assignment student University of Phoenix Web/236 May 15, 2011 /----> <body bgcolor="#500000"> <table border="1" align = "center"> <tr><a name="Home"</a> <td><img src="C:\Users\THRILLSEEKER\Desktop\DjSteveRyan.jpg"/></td> </tr> </table> <table border="1" align = "center"> <tr> <td><a href="#Home"style="color:FFCC33">HOME</td> <td><a href="#About"style="color:FFCC33">ABOUT</td> <td><a href="#Upcoming Events"style="color:FFCC33">UPCOMING EVENTS</td> <td><a href="#Past Events"style="color:FFCC33">PAST EVENTS</td> <td><a href="#Contact"style="color:FFCC33">CONTACT</td> </tr> </table> <table border="1" align = "center"> <tr> <td><img src="C:\Users\THRILLSEEKER\Desktop\DjSteveRyan2.jpg"/></td> </tr> </table> <a name="About" style="color:FFCC33">About DJ Steve Ryan</a> <table border="1" align = "center"> <tr> <td style="color:white"><font size="5">RANDOM NOTESfont></td> </tr> </table> <p border="1" align = "right"> <a href="#Home"style="color:FFCC33">HOME</> </p> <a name="Upcoming Events" style="color:FFCC33">Upcoming Events</a> <table border="1" align = "center"> <tr> <td><img src="C:\Users\THRILLSEEKER\Desktop\DjSteveRyan2.jpg"/></td> </tr> </table> <p border="1" align = "right"> <a href="#Home"style="color:FFCC33">HOME</> </p> <a name="Past Events" style="color:FFCC33">Past Events</a> <table border="1" align = "center"> <tr> <td><img src="C:\Users\THRILLSEEKER\Desktop\DjSteveRyan2.jpg"/></td> </tr> </table> <p border="1" align = "right"> <a href="#Home"style="color:FFCC33">HOME</> </p> </body> </html> Hi, am wondering if any one can help me. OK in Netscape I have this in my source: <meta HTTP-EQUIV="Author" CONTENT="Firewalker75.com, http://www.firewalker75.com/index/fw_100.jpg"> to see what I mean go to my site: http://ww.firewalker75.com you will see my logo in the browser with the addy It doesn't work in IE, I have the lastest version, hoe do I edit above so it shows in IE as well. I think it is html or is it script. Sorry a newbie on this Thanks Firewalker Hello Gurus, I have a HTML webpage index.html and the expecation is that when user selects from drop drown opton it needs to display a webpage in the iframe underneath the option list. Below is the code snippet. From the code, you will see that it displays all www sites such as google.com, yahoo.com just fine without issues, however the local opel.html is not coming up at all. I am pasting the code of index.html as well as the page that i want to call i.e. opel.html. Pleaes help <!----------------------INDEX.HTML CODE STARTS HERE------------------> <!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"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Your Murrieta</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="header"> <div> <table> <h1><a href="#" Style="font-family:Edwardian Script ITC" color="White">Your Murrieta</a></h1> </table></div> <p>Showcase of Your World</p> </div> <!-- start page --> <div id="page"> <div id="pagebg"> <div id="content"> <div class="post"> <form action="" method="post"> <SELECT ONCHANGE="if (window.frames && window.frames.iframes) { window.frames.iframes.location.href = this.options[this.selectedIndex].value; }"> <OPTION VALUE="opel.html">My Home Page <OPTION VALUE="http://www.google.com">My Fmaily <OPTION VALUE="http://www.yahoo.com">My Hobbies <OPTION VALUE="http://www.rediff.com">My Friends </SELECT> <iframe id="theFrame" name="iframes" src="opel.html" align="top" height="1460" width="1760"></iframe> </form> </div> <!-- start content --> <!--aaa--> </div> </div> <!--content--> <!-- end content --> <!-- start sidebar --> <div style="clear: both;"> </div> <!-- end page --> <!-- start footer <!-- end footer --> </body> </html> <!--------------------OPEL.HTML CODE STARTS HERE-------------> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- start page --> <body> <table style="margin-left:0%"> <tr> <td> <!--First Panel --> <div style="font-size:9pt;font-family:Georgia; color:Navy; width:345px; background-image:url(images/gray-gradient.gif); background-repeat:repeat;">ERP</div> <div> <table cellspacing="0" cellpadding="15" width="345px" height="79px" bgcolor="#ffffff" align="left" style="background-image:url(images/cnsl.jpg); background-repeat:repeat;margin-right:1%;"> <tr align ="left" width="400px" > <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/erpoffering.html" id="l16">Offerings</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/id145.html" id="l18">Request More Information</a> </li> </ul> </ul> </td> <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="mailto:sales@coexsys.com" id="l17">Email us</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/id144.html" id="l18">Contact us</a> </li> </ul> </td> </tr> </table> </div> </td> </body> </html> Hi there, I am looking for a way to build a webpage for our restaurant site that would allow us to show the customers what our Desserts of the Day would be. We rotate a lot of different desserts and we always have people looking for there favorites to come in for that. I want a page where I can basically click a check box to show an image and description of the desserts we have for that day. How would I do this? Somebody said what I need is a static webpage? If somebody could show me where to start or a page that is done this way that would be great. Hello, I'm not sure if what I'm asking is possible using html, but I'm going to ask anyway... I'm trying to figure out how to have a sidebar randomly cycle through a series of images each time the page is loaded/refreshed. I'd like the same image displayed at the top and bottom of my sidebar, one image each at the top and bottom of my menu list. But I want to make sure that the image displayed at top and bottom are the same one. Here's my current version of the site: http://home.comcast.net/~blayne81/l5rrpgweb/ You can see the menu on the left side of the page and the two images at the top and bottom of the menu. I have another eight or so images I'd like it to display randomly or cycle through in order (it really doesn't matter which), whenever the page loads/reloads so I don't have to manually pick which image appears every page I write, the code will do that for me. Thanks for your help, Brienprime Greetings I have 3500 pages of content on my site and i would like to monetize all of them by placing some adds. The problem is that my advertisers might change sometimes and i don't want to update all the pages each time i decide to go for some other advertiser so i tought i should use another html file that would be displayed on all the 3500 pages and each time i would modify this file, it would update on all the 3500 pages. I would like the page to be search engine friendly too, if possible. Also don't want to use frames. So there would be small window 200 x 200 in size that would display the content of the seperate file on all these 3500 pages. So how should i do this, would java script be something to consider? I don't know much about php and would not like to use it, what would be the easyest way to do this? Also there can not be any borders in this window and it needs to be embedded in to all these 3500 pages, in exact size of 200 x 200. This system needs to work in IE, Firefox, netscape and opera!! The content would be adsense, banner or similar content. Please advise.... Sir. Turhapuro |
|||||||