|
HTML - Need Help With A Format Issue In Explorer
For some reason my left nav in my product pages is not being displayed correctly and for the life of me I can not figure out why.
On my home page there is no issue, the problem occurs when going into my webstore. There does not seem to be a probem in Firefox or Google Chrome, just Internet Explorer. Can someone please help? Here is an example page of where the problem is occurring - http://store.thebluedot.net/Items/lgvx9400verizon-aa Thanks so much in advance for any help you can provide! Similar TutorialsHey everyone. I've been working on a site recently and I've run into a couple problems since I'm sort of self-taught and am just getting the hang of some HTML techniques. First of all, I'm having serious format problems with Internet Explorer. My site has a stoplight navigation bar that works fine in FF/Chrome, but when it comes to Internet explorer, it always displays it at the top of the page and moves everything else down . Second, I can't get any doctype validation to work on my website. I've tried strict, transitional and frameset (even though I don't have frames). Whenever I try it, it seems to completely ignore my stylesheet. Anyway, my website is www.avavenue.com. Here's my code for the home page: Code: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="AV Avenue is a K-12 Classroom Technology Specialists company. We provide audio/video equipment sales, systems installations and service of existing systems.">
<meta name="keywords" content="av avenue, audio, video, audio visual, classroom, education, installation, smartboard, k-12">
<title>AV Avenue</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<ul id="stoplight">
<li id="stoplight1"><a href="index.html"></a></li>
<li id="stoplight2"><a href="aboutus.html"></a></li>
<li id="stoplight3"><a href="contactus.html"></a></li>
</ul>
<div id="stoplightbottom">
<img src="Images/Home Page/StoplightBottom.png" alt="">
</div>
<div id="smartboard">
<img src="Images/Home Page/Smartboard.png" alt="">
</div>
<div id="specials">
<img src="Images/Home Page/AprilSpecials.png" alt="Check out our special services for April!">
</div>
<div id="text2">
<img src="Images/Home Page/Text2.png" alt="">
</div>
<div id="avsign">
<img src="Images/Home Page/AVAvenueLeftSign.png" alt="">
</div>
<div id="states">
<img src="Images/Home Page/States.png" alt="">
</div>
<div id="contractorstext">
<span class="blackfont1 comicsansms">Technology Systems Contractors Power Limited Technicians</span>
</div>
<div id="company1">
<img src="Images/Home Page/Company1.png" height="30" width="100" alt="">
</div>
<div id="company2">
<img src="Images/Home Page/Company2.png" height="30" width="100" alt="">
</div>
<div id="company3">
<img src="Images/Home Page/Company3.png" height="30" width="100" alt="">
</div>
<div id="company4">
<img src="Images/Home Page/Company4.png" height="30" width="100" alt="">
</div>
<div id="company5">
<img src="Images/Home Page/Company5.png" height="30" width="100"alt="">
</div>
<div id="flashmovie">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="400" id="AV_Ave" align="middle">
<param name="movie" value="AV_Ave.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<param name="play" value="true">
<param name="loop" value="true">
<param name="wmode" value="window">
<param name="scale" value="showall">
<param name="menu" value="true">
<param name="devicefont" value="false">
<param name="salign" value="">
<param name="allowScriptAccess" value="sameDomain">
<object type="application/x-shockwave-flash" data="AV_Ave.swf" width="600" height="400">
<param name="movie" value="AV_Ave.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<param name="play" value="true">
<param name="loop" value="true">
<param name="wmode" value="window">
<param name="scale" value="showall">
<param name="menu" value="true">
<param name="devicefont" value="false">
<param name="salign" value="">
<param name="allowScriptAccess" value="sameDomain">
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player">
</a>
</object>
</object>
</div>
</body>
</html>
and the code for the about us page: Code: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="AV Avenue is a K-12 Classroom Technology Specialists company. We provide audio/video equipment sales, systems installations and service of existing systems." />
<meta name="keywords" content="av avenue, audio, video, audio visual, classroom, education, installation, smartboard, k-12" />
<title>AV Avenue</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body>
<ul id="stoplight">
<li id="stoplight1"><a href="index.html"></a></li>
<li id="stoplight2"><a href="aboutus.html"></a></li>
<li id="stoplight3"><a href="contactus.html"></a></li>
</ul>
<div id="stoplightbottom">
<img src="Images/About Us/StoplightBottom.png"/>
</div>
<div id="smartboard">
<img src="Images/About Us/Smartboard.png"/>
</div>
<div id="specials">
<img src="Images/About Us/AprilSpecials.png"/>
</div>
<div id="avsign">
<img src="Images/About Us/AVAvenueLeftSign.png" />
</div>
<div id="states">
<img src="Images/About Us/States.png" />
</div>
<div id="contractorstext">
<span class="blackfont1 comicsansms">Technology Systems Contractors Power Limited Technicians</span>
</div>
<div id="greenbackground">
<img src="Images/About Us/GreenBackground.png" height="500" width="630"/>
</div>
<div id="aboutusheader" width="250">
<span class="whitetext1 tahoma">Classroom Technology Specialists</span>
</div>
<div id="aboutusparagraph">
<span class="whitetext3 arial">AV Avenue has been specializing in K-12 and Higher Education for nearly 10 years. We provide audio/video equipment sales, systems installations, and services for existing systems. While our focus is in classroom technology, we also offer the following services below:
</span>
</div>
<div id="list1">
<span class="whitetext2 arial underline">Classrooms</span>
<ul>
<li><span class="whitetext2 arial">Projectors</span></li>
<li><span class="whitetext2 arial">SMART Boards</span></li>
<li><span class="whitetext2 arial">Audio Systems</span></li>
<li><span class="whitetext2 arial">Sound Field Systems</span></li>
<li><span class="whitetext2 arial">Control Systems</span></li>
<li><span class="whitetext2 arial">Acoustics</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Building Wide</span>
<ul>
<li><span class="whitetext2 arial">Video Surveillance</span></li>
<li><span class="whitetext2 arial">Paging</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Cafeteria</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
</ul>
</div>
<div id="list2">
<span class="whitetext2 arial underline">Auditorium</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Video Displays</span></li>
<li><span class="whitetext2 arial">Video Recordings</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Library</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Music Rooms</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Video Systems</span></li>
</ul>
</div>
<div id="list3">
<span class="whitetext2 arial underline">Gymnasium</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Video Displays</span></li>
<li><span class="whitetext2 arial">Video Recording</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Swimming Pool</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Athletic Fields</span>
<ul>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Video Recording</span></li>
<li><span class="whitetext2 arial">Scoreboards</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Dance Studio</span>
<ul>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Acoustics</span></li>
</ul>
</div>
</body>
</html>
(cont) I am experiencing frustration due to the website that I've designed is being displayed perfectly in the Explorer browser, but in Firefox its all screwed up. Is it coding issues? My website is at www.wolfdenexpeditions.ca cheers Hi Guys, I was hoping you could perhaps help me with a little issue, this has been bugging me for quite a few hours and I'm entirely at a loss of how to deal with it. (I'm not new at the forums, I just can't remember my previous username " Basically the following page - http://www.citybeat.co.uk/breakfast/index.php The header is displaying fine and everything looks dandy in Firefox, open in Internet Explorer however, well, as usual - that's an entirely different story. The top is in HTML not CSS so source code is viewable, you'll see the in internet explorer the image that should be on the left has centered and the background colour has dissappeared.. I'm really hoping someone can help before I lose the will! Thanks, Andy My site shows up on Safari and Firefox but not in Internet Explorer 8. I have actually had others check it out in IE and no version has worked. The video shows up as a box with an X in the top left corner. There are no pop ups or prompts to allow the download of the video that appear either. I am new to web and new to this forum so I apologize if I have given too little/much info... I have pasted my code below. Any help would be GREATLY appreciated as my client is beyond annoyed with not being able to view his site on is own computer without downloading a new browser.... THANK YOU! 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>PBB</title>
<style type="text/css">
* { padding: 0; margin: 0; border: none; text-decoration: none}
a:link { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 36px; }
a:visited { color: #fff; }
a:hover { color: #9f1d22; text-decoration: underline; }
body { background-color: #000; }
#container { margin: auto; width: 720px; }
#movie { margin: auto; padding-top: 100px; width: 720px; height: 496px; }
#enter { margin: auto; width: auto; padding-top: 20px; text-align: center; }
</style>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-24151168-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="container">
<div id="movie">
<object width="720" height="496"><param name="movie" value="http://www.youtube.com/v/cQLP60AC7V8?version=3&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/cQLP60AC7V8?version=3&hl=en_US;rel=0;autoplay=1;border=0" type="application/x-shockwave-flash" width="720" height="496" allowscriptaccess="always" allowfullscreen="true" ></embed></object>
</div>
<div id="enter">
<a href="main.html">ENTER</a>
</div>
</div>
</body>
</html>
Hi, I am in the process of building a website for a client. This is my first ever site so I knew I would have a few issues. I have fixed all but one at present. Here is a link to my site which I have put live on a test server. http://leaf.greenxtian.com/grangefarm/index.html The naviagation bar and Lightbox2 images are moving when rolled over. This only happens in Internet Explorer 8. It is fine in FireFox and other browsers. It is only on the Services/Facilities Pages so I think it may be an issue with the CSS for Lightbox2? Maybe how I have set it up or just a bug in the coding? Does anyone know why this is happening? If so, do you know of a fix? Any help would be greatly appreciated as I have spent hours trying to work this out. is there a specific one which i should use when making my site? jpeg or gif or any other format? Thanks Hi, I created some pages using DW8. When i review the pages, IE shows them perfect without any formatting issues whereas when i see the pages in Firefox, it destroys the formatting. The tables and the forms would get big or small. How can i fix this? Thanks, I need to design a webpage for selling livestock. I want to have a tabbed bar across the top with links to a page designated to each type of animal.. maybe 6 or 7 tabs in total. I also want a box at the bottom with contact information on every page. Each tab will just be a link a page with 5 or 6 pictures of animals and descriptions below them. What's the best way to do this? Should I even bother with CSS on a simple site like this. I want the home page to look like this: (tab for each of below) home our farm horses horses for sale sheep sheep for sale ************************page content******************************** John Doe 555-555-5555 jdoe@gmail.com I know html basics but really don't the easiest way to do this. First thing that comes to mind is just making a table but idk. I'm just using a text editor to make it. Thanks hey anyone who's reading this.. i'm having trouble with fleshing out a vertical menu as when i do, it either doesn't work or doesn't work the way that i had imagined. any help? trying to make submenus that shift down the other main menus from the main menu it originated from. font style won't attach; i used ideoma_SPRAY.otf for the entirety of it and both the html and css are separated in the one txt file. wasn't sure if i was supposed to post this to html or css so i'm just putting it up here for now. thank you! i have a site that works like charm in firefox but in internet explorer it results to a not found page.Its index page is full of tables and whn i erase some tr it work in internet explorer too My site looks perfect in all other browsers, but in Internet Explorer (possibly only earlier versions) the alignment of everything is completely off...My blog content appears to the right of the header instead of under it... I validated my code and still no luck, I am stuck! Any help is greatly appreciated! My site is: http://fashion.pocketfullofgold.com THANKS!!! I created this website, http://www.earlyrain.com/jonathan... on my Mac, and it works exactly how I want it in Safari. But, when I go to my mom's PC with 2000 on it (internet explorer 6), the entire page is just random pictures everywhere and looks horrible. Then I can go into Firefox on her PC and the placement of everything works, but some of the pictures won't show up. There's a place for them, but I can't see them. so, I really need some help with the IE problem, seeing as I don't have these problems on my computer... I want to fix some of the images and links at fix position on the website on all pages. So i have used Div tag and given position fixed and mentioned the position required for me. It works fine in Chrom, Mozilla but does not works in Internet explorer. I tried all versions of IE from 7 to 9. But it is not looking in same way as it looks in other browsers. You too can visit this url: http://www.arete.in/sgcdesign/practice.html Hi, My background looks differently in Firefox and Explorer. Any ideas? Thank you <html> <head> <STYLE TYPE="text/css"> <!-- body { background-color: #570000; background-image: url(http://i144.photobucket.com/albums/r...uzaramka.jpg); background-repeat: no-repeat; background-position: center; background-position: top; } --> </STYLE> </head> </html> Hi, It seems that a lot of threads of this board are geared towards people having CSS issues in IE, I'm learning how to make websites at the moment and have also noticed this issue. Why have Microsoft not done something about this? I don't understand, it seems like Firefox and other browsers have always been a few years in front of IE over the years, so why won't Microsoft just make a browser compatible with all the latest CSS features, if Firefox can do it I don't understand why Microsoft can't? Is making the browser more update really that difficult? I'm back...but hopefully this should be just a quick fix, for the life of me I just can't see the problem. My page looks great on all web browsers on Macs (Safari, Firefox, Internet Explorer). It also looks great of Firefox and Safari on a PC, although on Internet Explorer on a PC the menu bar displays a 'gap' all the way along beneath it which I just cant fix no matter what I try. I've included the whole header and menu bar html below, any pointers would be greatly appreciated: Code: <table width="879px" height="0" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top" class="bodytext"><div id="title"><br>
<br>
</div></td>
<!--<td align="right" valign="top">'pushes header to top'-->
<div id="topleftnav">
<table width="879" border="0" cellpadding="0" cellspacing="0">
<td colspan="0">
<table width="879" border="0" cellpadding="0" cellspacing="0">
<td width="879" td valign="top" class="center"><img src="../images/header.jpg" width="879" height="194"></td>
</tr>
</table></td>
</tr>
</table>
</div>
</tr>
<tr>
<td height="23" colspan="6" >
<table width="879" align="center" cellpadding="0" cellspacing="0" >
<td width="35" height="23"><img width="35" height=23 src="../images/menugap.jpg" border=0>
<td valign="top" class="center">
<table width="0" border="0" cellpadding="0" cellspacing="0" valign="top">
<td width="43"><a onMouseOver="MM_swapImage('Image620','','../images/homeon_new.jpg',1)" onMouseOut=MM_swapImgRestore() href="../home.php"><img id=Image620 width="43" height=23 src="../images/homeoff_new.jpg" border=0 name=Image620></a></td>
<td width="63"><a onMouseOver="MM_swapImage('Image622','','../images/aboutuson_new.jpg',1)" onMouseOut=MM_swapImgRestore() href="../aboutus.php"><img id=Image622 width="63" height=23 src="../images/aboutusoff_new.jpg" border=0 name=Image622></a></td>
<!--<td width="103"><a onMouseOver="MM_swapImage('Image631','','images/buttons/top/how_o.gif',1)" onMouseOut=MM_swapImgRestore() href="how.asp"><img id=Image631 height=18 src="images/buttons/top/how_i.gif" width=103 border=0 name=Image631></a></td>-->
<td width="65"><a onMouseOver="MM_swapImage('Image623','','../images/productson_new.jpg',1)" onMouseOut=MM_swapImgRestore() href="../products.php"><img id=Image623 width="65" height="23" src="../images/productsoff_new.jpg" border=0 name=Image623></a></td>
<td width="65"><a onMouseOver="MM_swapImage('Image627','','../images/contactuson_new.jpg',1)" onMouseOut=MM_swapImgRestore() href="../contact.php"><img id=Image627 width="65" height="23" src="../images/contactuson_new.jpg" border=0 name=Image627></a></td>
<td width="643"><img src="../images/sidepiece.jpg"></td>
</table></td>
</table>
<table width="879" border="0" cellpadding="0" cellspacing="0">
<td width="879" valign="center"><div align="center"><img src="../images/header_strip.jpg" width="879" height="6"></div></td>
</table>
How can I format the code using Dreamweaver CS4 ? I have in the same page HTML, Javascript and PHP. I would like to format all the code with the correct indentation. thanks Is it possible to convert a webpage (written in HTML) into a format that will eanble it to be shown on an ordinary television set via a DVD player? Just a thought and more than a bit of wishful thinking!!! Greetings all, I have a little problem with the layout of this page: http://www.tohokingdom.com/dvd/test12.htm It looks fine in Firefox, but stretches horribly in IE whenever viewed through a 800x600 resolution. The problem IE seems to be having with it is the 100% width figure that was placed in the first row, with "DVD Title". The issue is that if the 100% width figure is taken out, a grey area (from the background) will emerge where the cover is to the right of it. I really can't figure out a solution for this either, can anyone offer any advice to stop the page from stretching in IE yet avoid the column width around the image from expanding past the image? Thanks in advance. I have input fields which should contain numeric data, i.e., quantities and $ and I would like to display these as right justified formatted fields but can't find how to do it. Thanks Michael |
|||||||