HTML - Help - Browser Displaying Problem
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! Similar TutorialsHello 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'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> 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 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. Hi guys, i'm having some problems displaying my table text (it's getting out of table borders, which are hidden.). It has some Javascript on it and as well css, but i wasn't sure where to post, so if this is a wrong section, please move it, and i feel so sorry. Here's the link: http://hpdiscoversrbija.rs/agenda3.html And here's the full code: PHP 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" /> <title>HP Discover Srbija</title> <script type="text/javascript"> <!-- function toggle(box,theId) { if(document.getElementById) { var cell = document.getElementById(theId); if(box.checked) { cell.className = "on"; } else { cell.className = "off"; } } } // --> $(function () { // this line makes sure this code runs on page load $('.checkall').click(function () { $(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked); }); }); </script> <style type="text/css"> div.centered { text-align: center; vertical-align:middle } div.centered table { margin: 0 auto; text-align: center; vertical-align:middle } tr.Selected { background-color:#ff0000; } tr.Selected label { font-weight:bold; color:#000080; } table td label { display:block; width:100%; height:100%; padding:10px; cursor: pointer; } #ctl00_ContentPlaceHolder1_gvCustomers { color:#000; background-color:#fff; border-color:#ccc; border-width:1px; border-style:solid; font-family:verdana,sans-serif; font-size:11px; border-collapse:collapse; } <!-- .off { background-color: #FFE9D3; cursor: pointer; } .off:hover { background-color: #8b8b8b; } .on:hover { } .on { background-color: #4c535c; color: white; } .style35 { font-weight: bold; font-size: 16px; color: #FFFFFF; } td { vertical-align: middle; } --> </style> <body> <div class="centered"><table cellspacing="0" style="background-color: #FFE9D3;" cellpadding="0"> <col width="61" span="2" /> <col width="61" /> <col width="145" span="7" /> <tr> <td align="center" width="61">Start*</td> <td align="center" width="61">End</td> <td align="center" width="61">Duration</td> <td align="center" colspan="7">AGENDA - DRAFT</td> </tr> <tr> <td height="29" align="center" >9:30</td> <td align="center" >10:00</td> <td align="center" >0:30</td> <td align="center" width="100"> </td> <td align="center" width="100"> </td> <td align="center" colspan="3">Registration and welcome drink</td> <td align="center" width="100"> </td> <td align="center" width="100"> </td> </tr> <tr> <td height="80" align="center" >10:00</td> <td height="80" align="center" >10:30</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center" class="off" id="cell1"> <input type="checkbox" style="display:none;" id=bla1 onclick="toggle(this,'cell1')"><label for=bla1>KEY NOTE - Enterprise ON*</label> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> </tr> <tr> <td height="80" align="center" >10:30</td> <td height="80" align="center" >11:00</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center" class="off" id="cell2"> <input type="checkbox" style="display:none;" id=bla2 onclick="toggle(this,'cell2')"><label for=bla2>KEY NOTE - IT TRENDS</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> </tr> <tr> <td height="80" align="center" >11:00</td> <td height="80" align="center" >11:30</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center" class="off" id="cell3"> <input type="checkbox" style="display:none;" id=bla3 onclick="toggle(this,'cell3')"><label for=bla3>KEY NOTE - HP Converged Infrastructure</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> </tr> <tr> <td height="80" align="center" >11:30</td> <td height="80" align="center" >12:00</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center">Break</td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> </tr> <tr> <td height="80" align="center" >12:00</td> <td height="80" align="center" >12:00</td> <td height="80" align="center" >0:00</td> <td width="100" height="80" align="center" class="off" id="cell4"> <input type="checkbox" style="display:none;" id=bla4 onclick="toggle(this,'cell4')"><label for=bla4>CIO TRACK</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center" class="off" id="cell5"> <input type="checkbox" style="display:none;" id=bla5 onclick="toggle(this,'cell5')"><label for=bla5>NPI TRACK</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center" class="off" id="cell6"> <input type="checkbox" style="display:none;" id=bla6 onclick="toggle(this,'cell6')"><label for=bla6>Infrastructure Solutions TRACK</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center" class="off" id="cell7"> <input type="checkbox" style="display:none;" id=bla7 onclick="toggle(this,'cell7')"><label for=bla7>Business Solution TRACK</label></td> </tr> <tr> <td height="80" align="center" >12:00</td> <td height="80" align="center" >12:30</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center" class="off" id="cell8"> <input type="checkbox" style="display:none;" id=bla8 onclick="toggle(this,'cell8')"><label for=bla8>Cloud Business</label></td> <td width="100" height="80" align="center" class="off" id="cell9"> <input type="checkbox" style="display:none;" id=bla9 onclick="toggle(this,'cell9')"><label for=bla9>Matej Kurent</label></td> <td width="100" height="80" align="center" class="off" id="cell10"> <input type="checkbox" style="display:none;" id=bla10 onclick="toggle(this,'cell10')"><label for=bla10>Cloud News</label></td> <td width="100" height="80" align="center" class="off" id="cell11"> <input type="checkbox" style="display:none;" id=bla11 onclick="toggle(this,'cell11')"><label for=bla11>Jelena Bratic</label></td> <td width="100" height="80" align="center" class="off" id="cell12"> <input type="checkbox" style="display:none;" id=bla12 onclick="toggle(this,'cell12')"><label for=bla12>Virtual System - Infratstructure Conslodiation</label></td> <td width="100" height="80" align="center" class="off" id="cell13"> <input type="checkbox" style="display:none;" id=bla13 onclick="toggle(this,'cell13')"><label for=bla13>Nemanja Milutnovic</label></td> <td width="100" height="80" align="center" class="off" id="cell16"> </tr> </table></div> </body> </html> P.s. i had to cut it somewhere 'cause of limits of posting! I would also like to know how to center text vertically, as i couldn't... Thanks a lot! Hello all, Im having problems displaying my website in firefox, it displays fine in IE, however its displaying 1/2 way down the page in firefox. Any ideas where im going wrong? www.best-mobile-contracts.co.uk Hi all I'm new to html... I'he created one Html Page. Which comtains Frames. It is working fine in Firefox but in IE8 size is increased.. (Looking Like Zoom In) and Border of the Frame is not displaying in IE8. (You can see it in Images) so How to Make it look Similar on all Browser? Please help me to solve this.. hi guys ... i m developing a static web-page using HTML . When i run the page in IE, it works well but it is not supported at the same time by Mozilla . So, where might be a bug in the script? Hey all, I'm having a problem with html input text fields. I'm trying to display a name in it but it only shows the first part of that name. Here is the part of the code I'm using for one of those : Code: <label>Name <span class="small">Name sent</span> </label> <input type="text" name="name" id="name" value=<?php echo $_POST["name"]; ?> /> If, as example, the name I'm getting from $_POST is : Alexander Johnson, there will only be Alexander in the text field. Note that if I create a really small function like this : Code: $name = $_POST["name"]; echo $name; Then the output will be Alexander Johnson instead of simply Alexander. Anyone knows what I'm doing wrong? (I'm using the labels and span class with css, but I don't think this is the problem. Goodnight, i don't know why i can't access to this website : www.moroccantrolls.co and other of my friends do !!!! some of them told me to shutdown adblock ??? plzz Help. I have created a web page which is running acquratey on IE8 but not running acqurately on IE7 or other version. I would like this banner to open in a new browser. I have tried placing target"_blank" in several different places with no luck. Any assistance would be appreciated! <a href="http://worldsluxurywatches.com"><img src="http://img843.imageshack.us/img843/1227/91075540858.jpg" border="0" width="274" height="184" alt="BannerFans.com" /></a> Thanks! Terry I created a website with google pages http://jlandbirk.googlepages.com/cross It works fine in Explorer but some problems in Firefox. In Firefox the banners are spaced further apart. But when I click on them they grow closer together. Keep in mind google pages has some built in code. Any ideas? how come i cant get my site to look the same in both browsers, im setting the margin, so the browser know then it changes between ie and firefox ie renders it how i want www.mynightclubs.co.uk css www.mynightclubs.co.uk/css/main.css Hey guys, I have some questions regarding my recent school project. I'm working on a simple video-interface interaction that I'm having trouble with. http://www.autoquicktrade.com/voto/ However, it only works on firefox. If I use safari/google chrome to view it, it will bounce up and down. Also, how can i make sure my mouse cursor stays in the video so when i scroll it won't make the website scroll too? (I tried Iframe but it doesn't work)* Any ideas on how I can solve this? Please help! Thanks Just like everyone else is seeming to have lately, I am apparently one of those lucky people anyways i am having a problem positioning my whole page between browsers. It works just how i want it in firefox (centered kind of), but in ie6, and ie7 its all scrunched to the left. anyways the link to my site is: http://uberwalla.110mb.com It would be greatly appreciated for some help also help on any other browser there might be problems with would be great. If anyone has safari, netscape and opera i mean. to help me format my template. well thanks a bunch! - uberwalla Im in desperate need of some help ASAP , im a graphic designer and have bitten off a little more than i can chew. This was my first flash site and while i found actually making the site in flash wasnt too difficult im having a BIG problem getting it up and online in working order. the site is BodyBronzeTanning.net PROBLEM 1 : if you vist the link in ie or safari youll see nothing comes up . this is my first problem. whats wrong with my code and why isnt it working . dose anyone have a VERY simple html page for full screen flash with no mailware or virus's they wouldnt mind sharing or could someone just help me get my code running? PROBLEM 2 : The site has been flaged for MAILWARE!?!?!?!?! ... i know i dint put anything i meant to be harmful so why is it flagging me ? i have no clue why my site would have anything harmful. PROBLEM 3 : This is the least important of my problems, i have a AS3 CONTACT form that i bought from flashden that advertised . just drag,drop and change the email on the php....i did so and its still not working if anyone would be willing to take a look and help me with this i would even be willing to pay or trade resources in exchange with help . the link to the .fla and .php is http://rapidshare.com/files/26634912...nning.zip.html Hi everyone. New to the forums and thought I could get some help with regards to my personal website http://judyhuynh.ca Anyways, the problem is the browser compatibility. Just when I thought everything looked OK, I checked it out on my other browsers (Chrome, Firefox, Safari, Opera) but there was one problem with IE. I use Cutenews for blogging and it does not show the line breaks in between paragraphs and it does not show my .png profile picture on the left of the sidebar where there's the quick bio. http://browsershots.org/http://judyhuynh.ca/ Line breaks in Cutenews are generated automatically when typing paragraphs. So I don't know and the .png thumbnail on the left, nooo idea about that. It irritates me because it just looks so ugly on IE, ahha and some people still use that 'not-so-great' browser. Help is much appreciated!!! Hey Guys I have a problem when viewing my website in firefox. However, It works in opera, safari and Quanta's preview window. I have unwanted gaps underneath buttons images that have rollovers. Wrong: Correct: The code is: Code: <TABLE border="0" cellpadding="0" cellspacing="0"> <TR><TD><IMG src="images/sidebar_top.gif"></TD></TR> <TR><TD><IMG src="images/sidebar.gif"></TD></TR> <TR><TD> <!-- Home Button --> <a href="" onmouseout="document.btn_home.src=btn_home_nm.src" onmouseover="document.btn_home.src=btn_home_hv.src" > <img src="images/btn_home_nm.gif" border="0" name="btn_home"> </a> </TD></TR> <TR><TD> <!-- Opening Times Button --> <a href="" onmouseout="document.btn_opening_times.src=btn_opening_times_nm.src" onmouseover="document.btn_opening_times.src=btn_opening_times_hv.src"> <img src="images/btn_opening_times_nm.gif" border="0" name="btn_opening_times"> </a> </TD></TR> I don't get these gaps on firefox if I remove the a tag like this: Code: <TABLE border="0" cellpadding="0" cellspacing="0"> <TR><TD><IMG src="images/sidebar_top.gif"></TD></TR> <TR><TD><IMG src="images/sidebar.gif"></TD></TR> <TR><TD> <!-- Home Button --> <img src="images/btn_home_nm.gif" border="0" name="btn_home"> </TD></TR> <TR><TD> <!-- Opening Times Button --> <img src="images/btn_opening_times_nm.gif" border="0" name="btn_opening_times"> </TD></TR> But then I don't have rollovers Does anyone know why this happens, and why it doesn't happen on opera or safari? Thank you Toshi |